@font-face{font-family: dara_cusfont; font-weight: 400; font-style: normal; src:url(ufonts.com_aurora-bold-condensed-bt.ttf); }
*{vertical-align: top;}
body{background: #350001 url(../../images/bg.jpg) top center no-repeat; margin: 0; padding: 0; font-size: 15px; font-family: sans-serif, serif; min-width: 1000px;}

a{text-decoration: none;}
.wrapper{width: 1000px; margin: auto;}

#logo{background: url(../../images/logo.png) top left no-repeat; width: 394px; height: 97px;}

#header{margin-top: 5px;}
#header form{width: 590px; float: right; text-align: right; margin: 32px 0 0 0;}
#header form input{border: 1px solid #fff; background: rgba(140,0,1,0.9); color: #fff; padding: 9px 5px; border-radius: 5px;}
#header form button, #header form a{display: inline-block; width: 100px; height: 39px; border:none; background:url(../../images/btnDaftar.png) no-repeat; cursor: pointer;}
#header form button:hover, #header form a:hover{opacity: 0.8;}

#menu{background: url(../../images/menu.png) top left no-repeat; margin: 0; padding: 33px 0 0 0; list-style: none;height: 32px; font-family: 'dara_cusfont'; font-size: 19px;}
#menu>li{display: inline-block;}
#menu>li>a{padding: 12px 50px;}
#menu li a{color: #ffdf09; font-weight: 600; text-shadow: 2px 2px 5px #000;}
#menu li a:hover, #menu li.active a{color: #fff;}
#menu > li > ul{display: none; margin: 0; padding: 0; list-style: none; z-index: 102; position: relative; border: 1px solid rgba(248,220,112,0.5); background: #c11f30; margin-top: 7px;}
#menu > li > ul >li{padding: 5px 5px;}
#menu > li:hover > ul{display: block;}

#runningText{background: rgba(255,255,255,0.6); padding: 5px;}

#body{margin-top: 10px;}
#contact{background: rgba(248,220,112,0.5); border-radius: 0 10px 10px 0; width: 325px; display: inline-block;}
#contact ul{list-style: none; margin: 0; padding: 15px;}
#contact ul li{height: 36px; width: 288px; background: url(../../images/contact-bg.png) top left no-repeat; display: table; padding: 0 0 0 10px;}
#contact ul li:not(:last-child){margin-bottom: 9px;}
#contact ul li > div{display: table-cell; vertical-align: middle; padding-right: 40px; background: url(../../images/pinbb.png) right center no-repeat;}
#slideshow{width: 670px; float: right;}

#total-jackpot{height: 161px; background: url(../../images/total-jackpot.png) top center no-repeat;}
#total-jackpot > div{font-size: 39px; letter-spacing: 9px; position: absolute; margin: 44px 0 0 50px; color: #fff;}
#total-jackpot > div#j-poker{margin-left: 683px;}

#last-5{height: 273px;}
#last-5 .item{background: url(../../images/5-last-deposit.png) top left no-repeat; height: 273px; width: 488px; float: left;}
#last-5 .item:nth-child(2){background-image: url(../../images/5-last-withdraw.png); float: right;}
#last-5 .item table{width: 100%; color: #fff; font-size: 20px; padding-top: 57px;}
#last-5 .item table td{padding: 9px 15px;}
#last-5 .item table tr td:last-child{text-align: right;}

#footer{background: url(../../images/footer.png?v=20210408) top center no-repeat; margin: 10px 0; padding-top: 80px; text-align: center; color: #fff;}

#body>.header{padding: 10px; font-size: 23px; background: rgba(0,0,0,0.7); color: #fff;}
#body>.desc{padding: 5px 10px; min-height: 100px; background: rgba(0,0,0,0.5); color: #fff;}