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

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

::-webkit-scrollbar { 
    display: none; 
}

*{
	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 
}*/

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;	
	text-align:left;
}
html{ 
  background:url(../../bg/bg.jpg) repeat-x top center fixed;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  /*background:url(../../bg/bg.png) repeat-x;
  background-color:#840000;*/
}
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 {
	list-style-type: none;
}

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:100%;
	height:auto;
	position:relative;
	margin:0 auto;
}

#sectionWrapper #sectionHeader{
	width:900px;
	height:126px;
	position:relative;
	margin:0 auto;
}

#sectionWrapper #sectionHeader #sectionLogo{
	height:86px;
	width:235px;
	left:0px;
	top:32px;
	position:absolute;
}
#sectionWrapper #sectionHeader #sectionLogin{
	width:510px;
	height:35px;
	position: absolute;
	right: 0px;
	top:20px;	
}

#sectionWrapper #sectionHeader #sectionLogin form input{
	width:125px;
	height:25px;
	border:none;
	position:absolute;
	font-size:14px;
	border:none;
	background: #ffffff;
	border-radius: 5px;
	padding: 5px;
}
#sectionWrapper #sectionHeader #sectionLogin form input.username{
	left:0px;
}
#sectionWrapper #sectionHeader #sectionLogin form input.password{
	left:145px;
}

#sectionWrapper #sectionHeader #sectionLogin form input[type="button"]{	
	padding:0;
	border:none;
	cursor:pointer;
	position:absolute;
	width:104px;
	height:35px;
}
#sectionWrapper #sectionHeader #sectionLogin form input#btn-login{
	background:url(../../btn/login.png) no-repeat;	
	cursor:pointer;
	right:114px;	
}
#sectionWrapper #sectionHeader #sectionLogin form input#btn-register{
	background:url(../../btn/daftar.png) no-repeat;
	cursor: pointer;
	right:0px;
}
#sectionWrapper #sectionHeader #sectionMenu{
	width: 645px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 75px;
	border-bottom: 2px solid #fff;
	padding-bottom: 10px;
}
#sectionWrapper #sectionHeader #sectionMenu ul{
	list-style: none;
	width: 266px;
	float: right;
}
#sectionWrapper #sectionHeader #sectionMenu ul li{
	display: inline;
	border-left: 1px solid #ffffff;
	
}
#sectionWrapper #sectionHeader #sectionMenu ul li a{
	line-height: 20px;
	padding: 0 10px;
	font-size: 16px;
	font-weight: bold;
}
#sectionWrapper #sectionHeader #sectionMenu ul li:last-child a{
	padding-right: 0px;
}
#sectionWrapper #sectionHeader .home{
	position: absolute;
	top: 72px;
	right:278px;
}
#sectionWrapper #sectionInfo{
	margin: 0 auto;
	width: 850px;
	height: 33px;
	background: url(../../bg/info.png) no-repeat;
	padding:0px 10px 0px 40px;
}
#sectionWrapper #sectionInfo marquee{
	color: #fff;
	font-style: italic;
	line-height: 33px;
	font-size: 18px;
}
#sectionWrapper #sectionContain-1{
	width:900px;
	height:auto;
	margin:1px auto 0 auto;
	position:relative;
}

#sectionWrapper #sectionContain-1 .content #slider{
	width: 900px;
	height: 307px;
}
#sectionWrapper #sectionContain-1 #sectionContact ul{
	list-style: none;
}
#sectionWrapper #sectionContain-1 #sectionContact ul li{
	float: left;
	margin:0 12px;
}

#sectionWrapper #sectionContain-1 #sectionContact img.free-register{
	top: 5px;
	right: 15px;
	position: absolute;
}
#sectionWrapper #sectionContain-1 #sectionTransection{
	width: 900px;
	height: 240px;
	margin-top: 15px;
	position: relative;
	background: url(../../bg/transection.png) no-repeat;
}
#sectionWrapper #sectionContain-1 #sectionTransection .transection{
	width: 240px;
	height: 145px;
	position: absolute;
	top: 75px;
	padding:0 15px;
}
#sectionWrapper #sectionContain-1 #sectionTransection .deposit{
	left: 23px;
}
#sectionWrapper #sectionContain-1 #sectionTransection .withdraw{
	right: 23px;
}
#sectionWrapper #sectionContain-1 #sectionTransection .transection table{
	border:none;
	border-collapse: collapse;
	width: 240px;
}
#sectionWrapper #sectionContain-1 #sectionTransection .transection table td{
	border-collapse: collapse;
	line-height: 28px;
	vertical-align: middle;
	color: #fff;
	letter-spacing: 0.5px;
	width: 33.33%;
	font-size: 14px;
	font-weight: bold;
}
#sectionWrapper #sectionContain-1 #sectionTransection .transection table td:nth-child(1){
	text-align: left;
}
#sectionWrapper #sectionContain-1 #sectionTransection .transection table td:nth-child(2){
	text-align: right;
}

#sectionWrapper #sectionTransection #sectionJackpot{
	width: 270px;
	height: 239px;
	position: absolute;
	left: 316px;
}
#sectionWrapper #sectionTransection #sectionJackpot .jackpot{
	width: 210px;
	height: 35px;
	font-family: "Impact";
	letter-spacing: 1px;
	position: absolute;
	line-height: 35px;
	text-align: center;
	font-size: 35px;
	color: #fff;
}
#sectionWrapper #sectionTransection #sectionJackpot .poker{
	/* left: 30px;
    top: 55px; */
	left: 48px;
    top: 55px;
    width: 169px;
}
#sectionWrapper #sectionTransection #sectionJackpot .domino{
	left: 48px;
    top: 175px;
	width: 169px;
}

#sectionWrapper #sectionFooter{
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
}
#sectionWrapper #sectionFooter .bank{
	width: 900px;
	height: 50px;
	margin: 10px auto 0 auto;
	text-align: center;
	border-bottom: 2px solid #ffc500;
	padding-bottom: 5px;
}
#sectionWrapper #sectionFooter p{
	text-align: center;
	font-size: 16px;
	color: #fff;  
	text-align: center;
	padding:10px 0;
	font-weight: bold;
	letter-spacing: 1px;
}
#sectionContact{
	width: 150px;
	height: 308px;
	position: fixed;
	top: 25%;
	margin-top: -127px;
	left: 0;
	background: url(../../bg/contact.png) no-repeat;
}
.livechat{
	position: fixed;
	right: 0;
	bottom: 0;
}



/*=== Panduan table ==== */
#sectionContain-1 .panduan-content{
	width:100%;
	padding:0px 5px;
	background:rgba(76, 52, 35, 0.04);
	border-radius: 5px;
}
/* Style the tab */
div.tab {
    overflow: hidden;
	width: max-content;
}
.tab-center{margin:auto; width:max-content;; text-align:center;}
.mobile-app{padding:25px 25px 0px 25px;width:100%;}
.mobile-app a img{padding:5px;}
 .main-tab-content{width:90%; padding:0px 30px;}
.tab-title{width:100%;padding:15px 0px}
.tab-title h2{padding-left:50px; font-size:20px; color:#FFFFFF;}
.tab-content{
	padding:20px;
	position:relative;
	border:1px solid rgb(255, 177, 7);
	border-radius:5px;
	max-height:400px;
	overflow:auto;
	}


.tab-content h3{padding:2px 0px 10px 0px; font-size:16px;color:#FFFFFF;}
.tab-content p{font-size: 15px; line-height: 25px; padding-bottom:20px;color:#FFFFFF;}
.tab-content a{color:#ffe900; text-decoration:underline;}
.tab-content ol{padding-left: 40px;font-size: 14px;line-height: 25px; color:#FFFFFF;}
.tab-content .bold-italic li{font-weight:bold;font-style:italic;color:rgba(244, 244, 244, 0.89);}
.tab-title .tab-poker{background:url(../../ico/kartu.png) no-repeat; padding:18px; position:absolute}
.tab-title .tab-bandarpoker{background:url(../../ico/kartu4.png) 0px 106px no-repeat; padding:100px;}
.tab-title .tab-bandarpoker{background:url(../../ico/kartu4.png) no-repeat; padding:18px; position:absolute}
.tab-title .tab-bandardominoqq{background:url(../../ico/kartu3.png) no-repeat; padding:18px; position:absolute}
.tab-title .tab-capsasusun{background:url(../../ico/s2a.png) no-repeat; padding:18px; position:absolute}
.tab-title .tab-bandarq{background:url(../../ico/kartu5.png) no-repeat;padding:18px; position:absolute}
.tab-title .tab-sakong{background:url(../../ico/s1a.png) no-repeat; padding:18px; position:absolute}
.tab-title .tab-aduq{background:url(../../ico/kartu1.png) no-repeat; padding:18px; position:absolute}
.tab-content .bandarqq-tab{line-height: 25px;font-size: 13px;}
.tab-content .bandarqq-tab li{padding-bottom:8px;}
.list-disc{padding-left:12px;line-height:25px;font-size:13px;list-style-type:disc; padding-bottom:15px;}
.list-disc li{color:#FFFFFF;}

/* Style the buttons inside the tab */
div.tab button {
    background-color: inherit;
    float: left;
	color: rgb(240, 240, 240);
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 13px;
	margin:0px 2px;
    background:rgb(224, 163, 56);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    
}

/* Change background color of buttons on hover */
div.tab button:hover {
   	background-color:rgb(168, 119, 35);
    padding: 18px 16px;
	color:#FFFFFF;
}

/* Create an active/current tablink class */
div.tab button.active {
   background-color:rgb(168, 119, 35);
    padding: 18px 16px;
	color:#FFFFFF;
    
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 10px 12px 10px 12px;
    border-top: none;
}

/*=== promotion ==== */
.promo-content{
	padding:10px 40px 10px 40px;
	border:2px solid #DD9216;
	border-top:none;
	margin-top:-1px;	
}

.promo-content h1, h2, p{
	color:#E4E4E4;
	line-height:25px;
}
.promo-content h1{
	padding:10px 0px;
	font-size:24px;
	text-align: center;
}

.promo-content h2{
	padding:10px 0px;
	font-size:20px;
	text-align: center;
}
.promo-content p{
	font-size:14px;
	padding:8px 0px;
}