@import "content.css";
@import "general.css";
@import "menu.css";
@import "flip.css";

body{background: url(../../images/bg.jpg) center top no-repeat;background-color: black;}

#header{height: 250px;}
#top{width: 100%;height: 150px;}
#logo{width: 491px; height: 150px;background: url(../../images/logo.png) left no-repeat;}

#btnLogin{width: 122px;height: 44px;background: url(../../images/btnLogin.png) center no-repeat;cursor: pointer;border: none;margin-left: 184px;margin-top: 24px;}
#btnDaftar{width: 122px;height: 44px;background: url(../../images/btnDaftar.gif) center no-repeat;margin-top: 24px;}
#btnLogin:hover{background: url(../../images/btnLogin-hover.png) center no-repeat;}
#btnDaftar:hover{background: url(../../images/btnDaftar-hover.png) center no-repeat;}

#hotnews{width: 100%;height: 30px;margin-bottom: 8px;}
#hotnews>img{width: 83px;height: 30px;border-radius: 2px;}
#hotnews>div{width: 907px;height: 30px;background: url(../../images/hotnews-bg.png);border-radius: 2px;margin-top: 1px;}
#hotnews>div>marquee{color: white;margin-top: 4px;}


#slide-contact{height: 338px;}
#slide{width: 660px;height: 337px;border-radius: 5px;margin-top:1px;}
#contact{width: 329px;height: 337px;background: url(../../images/contact-bg.jpg) center no-repeat;border-radius: 5px;}
#contact>ul{list-style: none;color: white;padding: 78px 8px 7px 38px;}
#contact>ul>li{width: 100%;height: 50px;}
#contact>ul>li div{margin-left:47px;font-weight: bold;}
#contact>ul>li div a{text-decoration: none;color: #ffde00;}
#contact>ul>li div a:hover{color: #00cccc;}
#result{height: 120px;background: url(../../images/result-bg.png) center no-repeat;margin: 12px 0;}
.result-number:not(:last-child){width: 371px;height: 120px;}
.result-number:last-child{width: 245px;height: 120px;padding-left: 23px;}
.result-number{padding: 69px 0 0 17px;font-size: 28pt;}
#trans{height: 369px;}
.trans-table{width: 495px;height: 369px;}
.trans-table>table{color: white;font-size: 19pt;width: 100%;text-align: center;padding-top: 80px;text-shadow: 1px 1px 5px black;}
.trans-table>table td{height: 50px;}
.trans-table>table td:last-child{color:#ffe88e; }
#bank-info{height: 139px;margin: 12px 0;}
.flipper div{cursor: pointer;}


#footer{height: 82px;background: url(../../images/footer.png) center no-repeat;margin-bottom: 15px;}