@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Bebas');*/
*{margin:0px;padding:0px;}
@font-face {font-family: 'Bebas';src: url('../fonts/BEBAS.ttf');}
@font-face {font-family: 'TheLightFont';src: url('../fonts/TheLightFont.ttf');}
@font-face {font-family: 'novamono';src: url('../fonts/novamono.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;	text-align:left;}
html{ background:url(../img/bg/bg.jpg) no-repeat top fixed;  -webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%;/*background: #f3f3f3;*/}
body{font-size:14px;font-family: arial;}
a{text-decoration:none;color:#fff6b4;-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{font-size:16px;color:#ffffff;text-align:justify;padding:0 6px; letter-spacing:normal;}
.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;}
.container{max-width: 962px;height: auto;margin:0 auto;position: relative;}
.containBgGray{width: 100%;height: auto;background: #1f2324;}
.containBgGreen{width: 100%;height: auto;background: #349f03;padding:5px 0;}
#sectionWrapper{background-color:rgba(0, 0, 0, 0.46);width:962px;height:auto;position:relative;margin:0 auto;}
#sectionWrapper #sectionHeader{width:100%;height:105px;position:relative;margin:0 auto;}
#sectionWrapper #sectionHeader #sectionLogo{
height:84px;width:360px;left:50%;top: 10px;margin-left: -180px;position:absolute;}
#sectionWrapper #sectionHeader .menu{position: absolute;top: 63px;}
#sectionWrapper #sectionHeader .menu1{left: 0px;}
#sectionWrapper #sectionHeader .menu2{left: 150px;}
#sectionWrapper #sectionHeader .menu3{right: 150px;}
#sectionWrapper #sectionHeader .menu4{right: 0px;}
/*#sectionWrapper .contact{float: right;width: 283px;height: 304px;}*/
#sectionWrapper #sectionMenu{width:100%;height: 54px;background: url(../img/bg/menuWrap.png) repeat-x;}
#sectionWrapper #sectionMenu .menu{width: 960px;height: 44px;background: url(../img/bg/menu.png) no-repeat;padding-top: 10px;}
#sectionWrapper #sectionMenu .menu ul{list-style: none;text-align: center;}
#sectionWrapper #sectionMenu .menu ul li{display: inline;padding: 0 30px;line-height: 30px;background: url(../img/bg/li.png) right center no-repeat;}
#sectionWrapper #sectionMenu .menu ul li:first-child{padding-left: 0;}
#sectionWrapper #sectionMenu .menu ul li:last-child{padding-right: 0;background: none;}
#sectionWrapper #sectionMenu .menu ul li a{display: inline-block;font-size: 16px;line-height: 30px;color: #fff;text-transform: uppercas;}
#sectionWrapper #sectionSlider{float: left;width: 655px;height: 266px;}
#sectionWrapper #sectionSlider #sectionInfo{width: 625px;height: 21px;background: url(../img/bg/info.png) no-repeat left center;position: relative;margin:0 auto;padding: 0 15px;}
#sectionWrapper #sectionSlider #sectionInfo marquee{line-height: 21px;color: #fff6b4;font-size: 12px;font-weight: bold;}
#sectionWrapper #sectionSlider #slider{width: 655px;height: 240px;margin-top: 5px;}
#sectionWrapper #sectionLogin{float: right;width: 300px;height: 266px;}
#sectionWrapper #sectionLogin .login{width: 300px;height: 186px;background: url(../img/bg/login.png) no-repeat;position: relative;}
#sectionWrapper #sectionLogin .login input{width:145px;height:40px;line-height: 40px;border:none;position:absolute;font-size:14px;padding:0px 50px 0 5px;border:none;background: none;color: #fcf841;font-weight: bold;}
#sectionWrapper #sectionLogin .login input.username{top: 30px;left: 40px;}
#sectionWrapper #sectionLogin .login input.password{top: 85px;left: 40px;}
#sectionWrapper #sectionLogin .login input.code{width: 67px;height: 28px;right: 127px;top: 0px}
#sectionWrapper #sectionLogin .login .imgcode{position: absolute;right: 127px;top: 35px;}
#sectionWrapper #sectionLogin .login .promo{position: absolute;right: -10px;top: 30px;}
#sectionWrapper #sectionLogin .login input[type="button"]{padding:0;border:none;cursor:pointer;position:absolute;top: 0;}
#sectionWrapper #sectionLogin .login input#btn-login{background:url(../img/btn/login.png) no-repeat;		right: 0px;width: 142px;height: 55px;top: 130px;}
#sectionWrapper #sectionLogin .login input#btn-register{background:url(../img/btn/register.png) no-repeat;left: 0px;width: 145px;height: 55px;top: 130px;}
/*#sectionWrapper .login .livechat{position: absolute;right: 0px;top: 0px;}*/
/*sectionContact*/
#sectionWrapper #sectionContact{background:url(../img/bg/contactbg.png) no-repeat;width:300px;height:74px;margin-top:4px;}
#sectionWrapper #sectionContact .contact-up{width:300px;height:37px;}
#sectionWrapper #sectionContact .contact-up .contact1{float:left; padding-top:2px;}
#sectionWrapper #sectionContact .contact-up .contact2{float:right; padding-top:2px; margin-right:-4px;}
#sectionWrapper #sectionContact .contact-dw{width:300px;height:37px;}
#sectionWrapper #sectionContact .contact-dw .contact3{float:left;}
#sectionWrapper #sectionContact .contact-dw .contact4{float:right;padding-top:2px; margin-right:-4px;}
/*end of sectionContact*/
#sectionWrapper #sectionTransection{position: relative;width: 962px;height: 261px;background: url(../img/bg/transection.png) no-repeat;margin-top: 5px;}
#sectionWrapper #sectionTransection .transection{position: absolute;width: 250px;height: auto;top: 88px;}
#sectionWrapper #sectionTransection .deposit{left: 50px;}
#sectionWrapper #sectionTransection .withdraw{left: 383px;}
#sectionWrapper #sectionTransection .transection table{border-collapse:collapse; width: 265px;}
#sectionWrapper #sectionTransection .transection table td{height: 32px;line-height: 32px;border: 0;padding: 0 5px;font-size: 14px;color: #fff6b4;font-weight: bold;}
#sectionWrapper #sectionTransection .transection table td:nth-child(1){width: 40%;text-align: left;text-transform: uppercase;}
#sectionWrapper #sectionTransection .transection table td:nth-child(2){width: 20%;text-align: center;}
#sectionWrapper #sectionTransection .transection table td:nth-child(3){width: 40%;text-align: right;}
#sectionWrapper #sectionTransection .jackpot{width: 180px;height: 55px;text-align: center;color: #fff6b4;font-size: 28px;line-height: 55px;position: absolute;font-family: "Ubuntu", serif;}
#sectionWrapper #sectionTransection .poker{top: 42px;right: 15px;}
#sectionWrapper #sectionTransection .domino{top: 167px;right: 100px;}
#sectionWrapper .footerText{padding: 20px 0;}
#sectionWrapper .footerText p{color: #747474;font-size: 14px;text-align: center;line-height: 20px;margin:10px 0;}
.buttomLink{position: absolute;background: transparent;width: 270px;right: 0;top: 17px;height: 50px}
.buttomLink a.tentangkami{padding: 16px 85px;}
.buttomLink a.faq{padding: 16px 40px;margin-left: 10px}
h1{text-align:center;color:#fff6b4;font-weight:bold;}
h2{color:#fff6b4;font-weight:bold; padding:4px 6px;}
.footer-Text{ margin-top:4px; background:#000000ad; border-top:1px solid ##fff6b4; box-shadow:#000 0 0 15px, #000 0 0 55px inset; border-radius:4px;}
.livechat-stick{position: fixed;right: 0;bottom: 0px;z-index: 999;}