*{vertical-align: top;}
body{background: none; margin: 0; padding: 0; font-size: 15px; font-family: sans-serif, serif; }

a{text-decoration: none;}
.clearfix{clear: both;}
.wrapper{width: 990px; margin: auto;}
.wrapper1{width: 960px; margin: auto;}

#bg1{background: url(../../images/bg1.jpg) repeat-x; height: 524px; min-width: 990px; width: 100%; position: absolute; z-index: -1; top:107px;}
#logo{background: url(../../images/logo.png) top left no-repeat; width: 338px; height: 131px;}

#hot-news{margin: 10px auto;}
#hot-news > div{background: url(../../images/info-bg.jpg) top left no-repeat; width: 107px; height: 31px; display: inline-block; border-radius: 3px;}
#hot-news marquee{width: 845px; float: right; color: #ff0000; margin-top: 8px;}

#header{height: 200px; background: url(../../images/header.png) no-repeat;}
#header form {width: 495px; text-align: center; float: right; margin: 36px 0 0 0;}
#header form input{border:none; padding: 7px 5px; border-radius: 5px; box-shadow: 0 0 7px #000 inset;}
#header form button{background: url(../../images/btnLogin.png) no-repeat; width: 107px; height: 36px; border:none; cursor: pointer;}
#btnDaftar{background: url(../../images/btnDaftar0.png) no-repeat; width: 273px; height: 46px;display: inline-block;}
#btnDaftar:hover, #header form button:hover{opacity: 0.8;}

#menu{list-style: none; margin: 23px 0 0 14px; padding: 0; height: 37px;}
#menu>li{display: inline-block;}
#menu>li a{display: block; text-transform: uppercase; color: #fff; border-radius: 5px; padding: 10px 36px; font-weight: 600;}
#menu li.active>a, #menu li:hover>a{background: #fff; box-shadow: -5px -5px 15px #650000; color: #ff0000;}
#menu>li ul{position: absolute; z-index: 102; margin: 0; padding: 0; list-style: none; background: #800000; display: none; border-radius: 0 0 5px 5px;}
#menu>li:hover ul{display: block;}

#slideshow{padding: 5px; background: #fff; display: inline-block;}
#wowslider-container1{box-shadow: 2px 2px 10px #000;}

#contact{background: url(../../images/contact-bg.png) top left no-repeat; width: 320px; height: 374px; display: inline-block; box-shadow: 3px 3px 10px #000;}
#contact ul{list-style: none; margin: 60px 0 0 35px; padding: 0;}
#contact ul li{height: 26px; padding-left: 35px; background: url(../../images/phone.png) left center no-repeat; display: table;}
#contact ul li:not(:last-child){margin-bottom: 12px;}
#contact ul li > div{display: table-cell; vertical-align: middle;}
#contact ul li, #contact ul li a{color: #ffed81; text-shadow: 2px 2px 2px #000;}
#contact ul li a:hover{opacity: 0.8;}

#total-jackpot{background: url(../../images/total-jackpot.png) top center no-repeat; height: 161px; min-width: 990px;width:960px;margin:0 auto;}
#total-jackpot>div{position: absolute; font-size: 45px; margin: 42px 0 0 55px; letter-spacing: 6px; color: #fff; text-shadow: 2px 2px 4px #000;}
#total-jackpot>div:nth-child(2){margin-left: 662px;}

#last5{height: 309px; margin-bottom: 10px;}
#last5 .item{background: url(../../images/last-5.jpg) no-repeat; height: 309px; width: 477px; float: left; color: #fff; border-radius: 2px 2px 0 0; box-shadow: 2px 2px 6px #000;}
#last5 .item:nth-child(2n){float: right;}
#last5 .item .header{padding: 13px 0;text-align: center; font-size: 19px; text-shadow: 2px 2px 2px #000;}
#last5 .item table{color: #fff; width: 100%;}
#last5 .item table td{padding: 15px 7px; text-shadow: 2px 2px 2px #000;}
#last5 .item table tr td:not(:first-child){text-align: center;}
#last5 .item table tr td:last-child{text-align: right; color: #ffd200;}

#selamate{color: #ff0000; text-align: center;}

#agen-index{color: #e6c406; text-shadow: 1px 1px 2px #000; text-align: center; font-size: 21px; margin: 5px 0; font-style: italic;}
#agen-index a{color: #e6c406;}



#content{margin: 10px auto;}
#content .header{text-align: center; font-size: 20px; text-shadow: 2px 2px 2px #000; color: #fff;background: rgba(0,0,0,0.5); padding: 10px 0;}
#content .desc{color: #fff; background: rgb(172, 3, 3); padding: 10px;}