*{vertical-align: top;}
body{background: #000 url(../../images/bg.jpg) top center no-repeat; color: #fff; margin: 0; padding: 0;}
.wrapper{width: 990px; margin: auto;}

a{text-decoration: none; color: #fff;}
.pull-right{float: right;}
.pull-left{float: left;}
.clearfix{clear: both;}

#logo{background: url(../../images/logo.png) top left no-repeat; width: 307px; height: 66px; position: absolute; margin: 38px 0 0 20px;}

#frmLogin{text-align: right; padding-top: 10px;}
#frmLogin input{padding: 5px; width: 120px; border: none; box-shadow: 0 0 12px #000 inset;}
#frmLogin .daftar, #frmLogin button{background: #04127c; color: #e9ba53; padding: 4px 5px; display: inline-block; border-radius: 5px; cursor: pointer;}
#frmLogin .daftar:hover, #frmLogin button:hover{background: #030e5f;}
#frmLogin button{border: none; padding: 6px 13px;}

.menu{display: table; list-style: none; margin: 0; padding: 0; width: 100%;}
.menu li{display: table-cell;}
.menu li a{display: block; width: 100%; text-transform: uppercase; text-align: center;}

#menu{background: url(../../images/menu.jpg) top left repeat-x; height: 65px; border: 1px solid #e2b156; border-radius: 20px; padding-left: 330px; width: 660px;}
#menu li:not(:last-child){background: url(../../images/menu-separator.jpg) top right no-repeat; }
#menu li a{padding: 24px 0;}
#menu li a:hover{color: #e9ba53;}

#hot-info{padding: 10px 5px;}
#slideshow{width: 990px; display: inline-block; margin-bottom: 5px;}
#live-support{background: url(../../images/livesupport.jpg) top left no-repeat; width: 365px; height: 265px; float: right; padding: 10px; margin-bottom: 5px;}
#live-support > .header{background: url(../../images/livesupport-title.png) top left no-repeat; width: 192px; height: 29px;}
#live-support ul{margin: 5px 0 0 5px; padding: 0; list-style: none;}
#live-support ul li{padding: 0 0 0 49px; background: url(../../images/pinbb.png) left center no-repeat; min-height: 46px;position:absolute;}
#live-support ul li .header{color: #c9ae69; font-size: 19px; text-transform: uppercase;}
#live-support ul li a:hover{text-decoration: underline;}

.last-5, #jackpot{width: 352px; height: 290px; background: url(../../images/last-5.png) top left no-repeat; display: inline-block;}
.last-5 .header{text-align: center; padding: 12px 0; font-size: 25px; font-weight: bold; color: #d4d4d4; text-shadow: 3px 3px 5px #000;}
.last-5 table{margin-top: 12px; width: 100%;}
.last-5 table td{padding: 10px 4px; font-size: 17px;}
.last-5 table tr td:last-child{text-align: right;}
.last-5 table tr td:nth-child(2){text-align: center;}

#jackpot{width: 277px; height: 289px; background-image: url(../../images/jackpot.png);}
#jackpot > div{font-size: 26px; font-weight: bold; position: absolute; margin: 117px 0 0 12px; color: #000; width: 254px; text-align: center;}
#jackpot > div.poker{margin-top: 226px;}

#footer{background: url(../../images/footer-bg.png) top left repeat-x; min-height: 94px; margin-top: 10px;}

#f-menu{width: 60%; padding-top: 5px; float: right;}
#f-menu a{color: #000; padding: 5px 6px;}
#f-menu a:hover{color: #d4d4d4;}

#bank{height: 138px;}

#f-bg{background: url(../../images/footer-bg1.png) center center no-repeat; height: 94px;}
#copyright{text-align: center; margin-bottom: 10px;}

#how-to{background: url(../../images/contact.png?v=20220805) top center no-repeat; height: 111px; margin-bottom: -25px;}

