@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto');

*{
	margin:0px;
	padding:0px;
}

/*@font-face {
  font-family: 'century-gothic';
  src: url('../fonts/ufonts.com_century-gothic.eot');  IE9 Compat Modes 
  src: url('../fonts/ufonts.com_century-gothic.eot?#iefix') format('embedded-opentype'),  IE6-IE8 
       url('../fonts/ufonts.com_century-gothic.woff2') format('woff2'),  Super Modern Browsers 
       url('../fonts/ufonts.com_century-gothic.woff') format('woff'),  Pretty Modern Browsers 
       url('../fonts/ufonts.com_century-gothic.ttf')  format('truetype'),  Safari, Android, iOS 
       url('../fonts/ufonts.com_century-gothic.svg#svgFontName') format('svg');  Legacy iOS 
}*/

@font-face {
  font-family: 'BudmoJiggler';
  src: url('../fonts/BudmoJiggler.ttf');
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	outline: 0px none;
	background: none repeat scroll 0% 0% transparent;	
}
html{ 
  background:url(../images/bg.png) repeat-x top center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background:url(../../bg.png) repeat-x;
  background-color:#000000;*/
}
body{
	font-size:14px;
	font-family: arial;
}

a{
	text-decoration:none;
	color:#fff;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

a img{
	border:none;
}
a:hover{
	opacity: 0.5;
}
ul {

}

p{
	text-align:justify;
	
}
.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}	
/* FF, Safari, Opera—p */

.clearfix {
	display:inline-block;
	}
/* IE7, MacIE5—p */

/* The Following Hidden From MacIE \*/
	* html .clearfix { height:1%; }
	.clearfix { display:block; height:inherit; }

.clear { 
	clear: both; 
	height: 0;
}
#sectionWrapper{
	width:960px;
	height:auto;
	position:relative;
	margin:0 auto;
	
}

#sectionWrapper #sectionHeader{
	width:960px;
	height:132px;
	position:relative;
	margin:0 auto;
}
#sectionWrapper #sectionHeader .contact{
	width: 635px;
	height: 22px;
	right: 0;
	top: 98px;
	position: absolute;
	text-align: right;
}
#sectionWrapper #sectionHeader .contact img{
	margin-left: 42px;
}

#sectionWrapper #sectionHeader #sectionLogo{
	height:86px;
	width:300px;
	left:0;
	top:34px;
	position:absolute;
}

#sectionWrapper #sectionHeader .menu{
	position: absolute;
	width: 640px;
	height: 36px;
	padding:5px;
	background: rgba(0, 0, 0, 0.2);
	top: 40px;
	right: -10px;
	border-radius: 10px;
}

#sectionWrapper #sectionHeader .menu ul{
	list-style: none;
}
#sectionWrapper #sectionHeader .menu ul li{
	float: left;
}
#sectionWrapper #sectionHeader .menu ul li:first-child{
	border-left: 0;

}
#sectionWrapper #sectionHeader .menu ul li:last-child{
	border-right: 0;
}
#sectionWrapper #sectionHeader .menu ul li a{
	display: table-header-group;
	padding: 0 19px;
	line-height: 36px;
	font-weight: bold;
	text-transform: uppercase;
	color: #001f14;
}
#sectionWrapper #sectionHeader .menu ul li:last-child a{
	color: #fff;
	padding: 0 24px;
}
#sectionWrapper #sectionHeader .menuRight ul li a{
	padding: 0 5px;
}

#sectionWrapper #sectionInfo{
	margin: 10px auto 0 auto;
	width: 800px;
	height: 46px;
	padding:0px 20px 0 140px;
	background: url(../../bg/info.png) no-repeat;
}
#sectionWrapper #sectionInfo marquee{
	color: #fff;
	line-height: 46px;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	font-style: italic;
}
#sectionWrapper .sectionContain{
	width:960px;
	height:324px;
	position:relative;
	margin-top: 10px;
}
#sectionWrapper .sectionContain .content .login{
	position: absolute;
	right: 0;
	width: 282px;
	height: 315px;
	background: url(../../bg/login.png) no-repeat bottom;
}
#sectionWrapper .sectionContain .content .login .livechat{
	position: absolute;
	left: 16px;
	top:250px;
}
#sectionWrapper .sectionContain .content .login input{
	width:184px;
	height:34px;
	border:none;
	position:absolute;
	font-size:14px;
	padding: 5px 5px 5px 50px;
	background: none;
	color: #fff;
	left: 16px;
}
#sectionWrapper .sectionContain .content .login input.username{
	
	background: url(../../btn/username.png) no-repeat;
	top: 90px;
}
#sectionWrapper .sectionContain .content .login input.password{
	
	background: url(../../btn/password.png) no-repeat;
	top: 145px;
}

#sectionWrapper .sectionContain .content .login input[type="button"]{	
	padding:0;
	border:none;
	cursor:pointer;
	position:absolute;
	width:114px;
	height:41px;
	top: 200px;
}
#sectionWrapper .sectionContain .content .login input#btn-login{
	background:url(../../btn/login.png) no-repeat;	
	
}
#sectionWrapper .sectionContain .content .login input#btn-register{
	background:url(../../btn/daftar.png) no-repeat;
	left: 141px;
}
#sectionWrapper .sectionContain .content #sectionSlider{
	background: rgba(0,0,0, 0.3);
	padding: 5px;
	width: 678px;
	height: 314px;
	position: absolute;
	left: 0;
	z-index: 9;
}
#sectionWrapper .sectionContain .content #sectionSlider #slider{
	width: 678px;
	height: 314px;
}

#sectionWrapper #sectionTransection{
	width: 960px;
	height: 230px;
	margin:10px auto 0 auto;
	position: relative;
	background: url(../../bg/transection.png) no-repeat;
}

#sectionWrapper #sectionTransection .transection{
	position: absolute;
	width: 270px;
	height: auto;
	top: 115px;	
}
#sectionWrapper #sectionTransection .deposit{
	left: 25px;
}
#sectionWrapper #sectionTransection .topwinner{
	left: 345px
}
#sectionWrapper #sectionTransection .withdraw{
	left: 670px
}
#sectionWrapper #sectionTransection .transection table{
	border-collapse:separate; 
	width: 270px;
}
#sectionWrapper #sectionTransection .transection table td{
	height: 18px;
	line-height: 18px;
	border: 0;
	padding: 0 5px;
	font-size: 14px;
	color: #fff;
}

#sectionWrapper #sectionTransection .transection table td:nth-child(1){
	width: 30%;
	text-align: left;
}
#sectionWrapper #sectionTransection .transection table td:nth-child(2){
	width: 40%;
	text-align: center;
}
#sectionWrapper #sectionTransection .transection table td:nth-child(3){
	width: 30%;
	text-align: right;
}
#sectionWrapper #sectionTransection #sectionWinner{
	width: 960px;
	height: 68px;
	position: absolute;
	left: 0px;
}
#sectionWrapper #sectionTransection #sectionWinner p.jackpot{
	position: absolute;
	color: #fff;
	font-size: 30px;
	width: 220px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	top: 7px;
	/*left: 360px;*/
}
#sectionWrapper #sectionTransection #sectionWinner p.poker{
	left: 90px;
}
#sectionWrapper #sectionTransection #sectionWinner p.sakong{
	left: 410px;
}
#sectionWrapper #sectionTransection #sectionWinner p.domino{
	left: 735px;
}
#sectionWrapper #sectionFooter{
	width: 960px;
	height: auto;
	margin: 0 auto;
	padding: 20px 0;
	text-align: center;
}
#sectionWrapper #sectionFooter p{
	text-align: center;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	width: 960px;
	margin:20px auto 0 auto;
}

.livechat{
	position: fixed;
	right: 0;
	bottom: 0;
}

/* ----- Reset ----- */
img { 
	border:0;
	outline:0;
}
:focus {outline:0;}
input[type="text"] {font-family:inherit;border:none;}
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner {border:0px;}
input[type="submit"]:focus, input[type="button"]:focus {outline:none;}

/* ----- General ----- */

.menu {
    font-size: 20px;
    line-height: 10px;
    text-align: center;
    -moz-box-shadow: 0 0 10px #000;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    color: #ffffff;
    text-shadow: #000 1px 0 1px;
    border-radius:50px;
    background: -webkit-gradient(linear,left top,left bottom,from(#0091fa),to(#004a8a));
    background: -moz-linear-gradient(top,#09F,#05386b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09F', endColorstr='#05386b');
    width: 100%;
    height: 50px;
    border-top: 1px solid #122543;
    text-transform:uppercase;
    font-weight:bold;
}

.Copyright,.alt a,.menu {
    font-weight: 700;
}

a {
	text-decoration:none;
	transition:all 0.5s ease-out;
}
a {
	color:#a4af0a;
}
a:hover {
	color:#eeff00
}
::selection {
	background:#3498db;
	color:#fff;
}
::-moz-selection {
	background:#3498db;
	color:#fff;
}
pre ::selection {
	background:#9b59b6;
	color:#fff;
}
pre ::-moz-selection {
	background:#9b59b6;
	color:#fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:inherit;
	font-weight:400;
	margin:21px 0;
}
h1 {
	font-size:32px;
}
h2 {
	font-size:28px;
}
h3 {
	font-size:24px;
}
ul li {
	margin-left:0px;
}
sup {
	font-size:10px;
	background:#3498db;
	padding:3px;
	border-radius:3px;
	color:#fff;
}
p {
	font-size:16px;
}
mark {
	background:rgba(26,188,156,0.3);
	font-family:inherit;
}
ol.list-general li {
	margin-left:20px;
}
.note {
	display:inline-block;
	position:relative;
	background-color:#E7E88C;
	color:#47451B;
	font-size:14px;
	font-style:italic;
	border-radius:5px;
	margin:1em 0;
	width:auto;
	padding:10px 15px;
	border-bottom:1px solid rgba(0,0,0,.1);
	border-right:1px solid rgba(0,0,0,.1);
}
.note:before {
	content:"";
	width:0;
	height:0;
	position:absolute;
	bottom:100%;
	left:15px;
	border:7px solid transparent;
	border-color:transparent transparent #E7E88C;
}
/* ----- Header ----- */

#header {background:#131313;overflow:hidden; width:1000px; height:110px}
#logo { text-align:center; width:350px; height:auto}
#logo img {width:350px; height:58px; line-height:58px; padding:20px}
.jackpot {width:600px; height:110px; overflow:hidden;font-family:Digital-7, "Open Sans", "Segoe UI", Calibri, Arial, sans-serif}
.totaljackpot2 {width:150px; height:auto; float:right; float:left; padding:30px 0 0 50px;text-align:center; color:#e1f000; font-size:34px}
@keyframes glow {
    from { }

    to {
        box-shadow: 1px 1px 55px 0px rgb(225, 240, 0);
        transform: scaleX(1) scaleY(1);
    }
}

.animate {
    -moz-animation: glow 1s infinite ease-in-out alternate;
    -ms-animation: glow 1s infinite ease-in-out alternate;
    -o-animation: glow 1s infinite ease-in-out alternate;
    -webkit-animation: glow 1s infinite ease-in-out alternate;
    animation: glow 1s infinite ease-in-out alternate;
}

/* ----- Tabs ----- */

.tabs {
	width:auto;
	height:39px;
	margin-bottom:20px;
	margin-top:-9px;
	margin-left:auto;
}
.tabs li {
	float:left;
	margin:0;
	overflow:hidden;
	list-style:none;
	display:block;
	width:auto;
	height:60px;
	font-weight: bolder;
}
.tabs li a {
	float:left;
	width:auto;
	height:20px;
	padding:14px 10px 8px 10px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color:#fff;
	font-size:12px;
	background: -webkit-gradient(linear,left top,left bottom,from(#0094ff),to(#00427d));
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 2px 2px 2px #000000;
	margin-right:2px;
}
.tabs li.active a {
margin-left: 1px;
    margin-right: 1px;
    display: block;
    float: left;
    width: auto;
    height: 20px;
    padding: 14px 10px 15px 10px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    font-weight: bold;
    color: black;
    font-size: 12.5px;
    background-image: linear-gradient(#ffdd00, #8d6420);
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.tabs li a.tab-1:before {
	content:"\f046";
}
.tabs li a.tab-2:before {
	content:"\f046";
}
.tabs li a.tab-3:before {
	content:"\f046";
}
.tabs li a.tab-4:before {
	content:"\f046";
}
.tabs li a.tab-5:before{
	content:"\f046";
}
.tabs li a.tab-6:before {
	content:"\f046";
}
.tabs li a.tab-7:before {
	content:"\f046";
}
.tabs li a.tab-8:before {
	content:"\f046";
}
.tabs li a.tab-9:before {
	content:"\f046";
}
.tabs li a.tab-10:before {
	content:"\f046";
}
.tabs li a.tab-11:before {
	content:"\f046";
}
.tabs li a.tab-1:before,
.tabs li a.tab-2:before,
.tabs li a.tab-3:before,
.tabs li a.tab-4:before,
.tabs li a.tab-5:before,
.tabs li a.tab-6:before,
.tabs li a.tab-7:before,
.tabs li a.tab-8:before,
.tabs li a.tab-9:before,
.tabs li a.tab-10:before,
.tabs li a.tab-11:before{
	font-family:"FontAwesome";
	font-weight:normal;
	font-style:normal;
	vertical-align:middle;
	margin:0 8px 0 -6px;
	font-size:14px;
	color:#3498db;
}
/* ----- Content ----- */

#content {
	padding:10px;
}
#content h2 {
	font-size:160%;
	font-weight:700;
	margin:0;
	margin-top:10px;
	margin-bottom:10px;
	padding-bottom:12px;
	font-family:"Open Sans Condensed","Open Sans","Segoe UI",Arial;
}

/* ----- Footer ----- */

footer {
	width:980px;
	margin:0 auto;
	padding:15px 10px;
	background:#131313;
	overflow:hidden;
	border:2px solid #e1f000;
	box-shadow:0 0 5px 5px #e1f000;
}
footer p {
	color:#fff;
	margin:0;
	text-align:center;
	font-size:14px;
}

#theme-changer {
	display:inline-block;
	padding:10px 8px;
	margin:20px 0 5px;
	border:2px dashed #16a085;
}

@-moz-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@-o-keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}
@keyframes blink {
	0% { opacity: 1; }
	50% { opacity: 1; }
	50.01% { opacity: 0; }
	100% { opacity: 0; }
}

#footer{height: 35px;background: -webkit-gradient(linear,left top,left bottom,from(#008cf2),to(#00549a));}
.copyright {color: #ffffff;font-weight: bold;margin:-25px 0px 5px 0px;}
.alt_link a{text-decoration:none;color: #fff;}
.alt_link a:hover{text-decoration:none;color: #000000;}