@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;text-align:left;margin-right:-1px;}
html{background:url(../bg.jpg) no-repeat top center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;/*background:url(../img/bg/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 { 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:960px;height:auto;position:relative;margin:0 auto;}
#sectionWrapper #sectionHeader{ width:960px;height:150px;position:relative;margin:0 auto;}
#sectionWrapper #sectionHeader #sectionLogo{ height:115px;width:280px;left:0px;top:5px;position:absolute;}
#sectionWrapper #sectionHeader #sectionLogin{width:391px;height:55px;position: absolute;right: 0px;top:54px;
/*background: url(../img/bg/login.png) no-repeat;	*/}
#sectionWrapper #sectionHeader #sectionLogin div input{ width:125px;height:15px;border:none;position:absolute;font-size:14px;padding: 5px 5px 5px 26px;background: none;}
#sectionWrapper #sectionHeader #sectionLogin div input.username{ left:118px;background:url(../username.png) no-repeat;}
#sectionWrapper #sectionHeader #sectionLogin div input.password{left:118px;background:url(../password.png) no-repeat;top: 28px;}
#sectionWrapper #sectionHeader #sectionLogin div input[type="button"]{	padding:0;border:none;cursor:pointer;position:absolute;}
#sectionWrapper #sectionHeader #sectionLogin div input#btn-login{ background:url(../login.png) no-repeat;cursor:pointer;right:0px;width:115px;height:55px;}
#sectionWrapper #sectionHeader #sectionLogin div input#btn-register{background:url(../daftar.png) no-repeat;cursor: pointer;left:0px;width:115px;height:55px;}
#sectionWrapper #sectionHeader #sectionMenu{ width: 370px;height: 30px;position: absolute;top: 120px;background:url(../menu.png) no-repeat;right: 0;}
#sectionWrapper #sectionHeader #sectionMenu ul{ list-style: none;width: 370px;}
#sectionWrapper #sectionHeader #sectionMenu ul li{ float: left;line-height: 30px;font-weight: bold;color: #000;padding: 0 9px;}
#sectionWrapper #sectionHeader #sectionMenu ul li:nth-child(3){ padding: 0 16px;}
#sectionWrapper #sectionHeader #sectionMenu ul li:nth-child(4){ padding: 0 7px;}
#sectionWrapper #sectionHeader #sectionMenu ul li:nth-child(5){ padding: 0 0 0 14px;}
#sectionWrapper #sectionHeader #sectionMenu ul li a{color: #000;}
#sectionWrapper #sectionHeader #sectionInfo{ margin: 0 auto;width: 485px;height: 30px;padding:0px 10px 0 90px;position: absolute;left: 0;top: 120px;background:url(../info.png) no-repeat;}
#sectionWrapper #sectionHeader #sectionInfo marquee{ color: #fff;line-height: 30px;font-size: 14px;color: #000;font-weight: bold;}
#sectionWrapper .sectionContain{ width:960px;height:auto;position:relative;margin-top: 10px;}
#sectionWrapper .sectionContain .content .table{float: right;width: 206px;height: 315px;border:2px solid #f4cf32;border-radius: 10px;background: rgba(0,0,0, 0.3);padding: 0px 6px;margin-top: -4px;}
#sectionWrapper .sectionContain .content .table img{ margin-top: 4px;}
#sectionWrapper .sectionContain .content #slider{width: 728px;height: 319px;margin-left: -116px; margin-top: 12px;}
#sectionWrapper #sectionWinner{ background:url(../Winner.gif) no-repeat;width: 960px;height: 84px;position: relative;margin-top: 5px;}
#sectionWrapper #sectionWinner p.jackpot{ position: absolute;color: #fff;font-size: 25px;width: 180px;height: 40px;line-height: 40px;top: 35px;font-weight: bold;text-align: center;}
#sectionWrapper #sectionWinner p.poker{ left: 25px;}
#sectionWrapper #sectionWinner p.sakong{ left: 390px;}
#sectionWrapper #sectionWinner p.domino{ left: 750px;}
#sectionWrapper #sectionTransection{ width: 960px;height: 160px;margin:10px auto 0 auto;position: relative;background:url(../transection.png) no-repeat;}
#sectionWrapper #sectionTransection .transection{ position: absolute;width: 260px;height: auto;top: 32px;}
#sectionWrapper #sectionTransection .deposit{ left: 75px;}
#sectionWrapper #sectionTransection .withdraw{ left: 440px;}
#sectionWrapper #sectionTransection .transection table{ border-collapse:separate;border-spacing:0 7px;}
#sectionWrapper #sectionTransection .transection table td{ height: 17px;line-height: 17px;border: 0;padding: 0 5px;font-weight: bold;font-size: 12px;color: #fff;}
#sectionWrapper #sectionTransection .transection table td:nth-child(1){ width: 30%;text-align: left;}
#sectionWrapper #sectionTransection .transection table td:nth-child(2){ width: 30%;text-align: center;}
#sectionWrapper #sectionTransection .transection table td:nth-child(3){ width: 40%;text-align: right;}
#sectionWrapper #sectionFooter{ width: 962px;height: auto;margin: 20px auto 0 auto;padding-bottom: 20px;text-align: center;}
#sectionWrapper #sectionFooter p{ text-align: center;font-size: 14px;color: #fff;font-weight: bold;width: 960px;margin: 0 auto;}
.livechat{ position: fixed;right: 0;bottom: 0;}