*{vertical-align: top;}
body{font-size: 14px; font-family: serif; background: #000 url(../../images/bg.jpg) top center no-repeat; margin: 0; padding: 0; color: #fff;}
a{text-decoration: none;}
.wraper{width: 1000px; margin: auto;}
.logo{width: 438px; height: 111px; background: url(../../images/logo.png) top center no-repeat; position: absolute; z-index: 1;}

#header{height: 140px; background: url(../../images/header-bg.jpg) top center no-repeat;}

#frmLogin{z-index: 2; padding: 40px 0 0 460px;}
#frmLogin img{width: 50px; height: 27px;}
#frmLogin input[type=submit], #frmLogin input[type=button]{background: #404aa8; border: none; color: #fff; padding: 6px; cursor: pointer;}
#frmLogin input[type=text], #frmLogin input[type=password]{background: #000; border: 1px solid #006cff; width: 120px; padding: 5px; color: #fff;}

#menu{list-style: none; display: inline-block; margin: 0; padding: 0; height: 31px;}
#menu li{display: inline-block;}
#menu li a{color: #00a0db; padding: 6px 10px; font-size: 17px; text-shadow: 4px 4px 3px #000;}
#menu li a:hover{color: #00118f;}

#runningText{background: url(../../images/runningText.jpg) top left repeat-x; height: 24px; padding: 10px 0 0 0;}

#slideshow {width:680px; height:281px; display:inline-block;}
ul#contact {width:298px; height:216px; background:url(../../images/contact.png) top left no-repeat; margin:5px 0 0 0; display:inline-block; padding:60px 0 0 10px; list-style:none; font-size:20px;}
ul#contact li{height:24px; padding-left:35px; background:url(../../images/pinbb.png) top left no-repeat;}
ul#contact li:not(:first-child){margin-top:10px;}
    ul#contact li:nth-child(2) {background-image:url(../../images/phone.png);}
    ul#contact li:nth-child(3) {background-image:url(../../images/skype.png);}
    ul#contact li:nth-child(4) {background-image:url(../../images/wechat.png);}
    ul#contact li:nth-child(5) {background-image:url(../../images/fb.png);}
    ul#contact li:nth-child(6) {background-image:url(../../images/yahoo.png);}
#poker {height:130px; background:url(../../images/poker.png) top center no-repeat; margin-top:10px;}
    #poker > div {font-size:30px; display:inline-block; width:287px; padding:48px 0 0 115px; text-align:center; color:#000;}
    #poker > div:nth-child(2){padding-left:193px;}

.last_5{background:url(../../images/5-last.png) top left no-repeat; width:485px; height:320px; margin:10px 0; display:inline-block;}
    .last_5 .header {font-size:25px; padding-top:19px; width:353px; color:#000; padding-left:10px;}
    .last_5 .item {display:table;width:460px; padding:7px; background:rgba(255,255,255,0.3); border-radius:10px; margin:10px auto 0 auto; font-size:18px;}
    .last_5 .item:nth-child(2){margin-top:38px;}
        .last_5 .item > div {display:table-cell;}

#footer{background:#000 url(../../images/footer1.png) top left repeat-x; text-align:center; margin-bottom:15px;}
#bank1 {background:url(../../images/footer2.png) bottom center no-repeat; height:26px; padding: 5px 0; margin-bottom:10px;}

.bank-panel{
    display: block;
    position: fixed;
    z-index: 99;
}
.bca-status{
	background: url('http://iframe.cahayaQQ.idevgroups.com/bank/BCA') 0px 0px no-repeat;
}
.bni-status{
	background: url('http://iframe.cahayaQQ.idevgroups.com/bank/BNI') 0px 0px no-repeat;
}
.bri-status{
	background: url('http://iframe.cahayaQQ.idevgroups.com/bank/BRI') 0px 0px no-repeat;
}
.mandiri-status{
	background: url('http://iframe.cahayaQQ.idevgroups.com/bank/MANDIRI') 0px 0px no-repeat;
}
.danamon-status{
	background: url('http://iframe.cahayaQQ.idevgroups.com/bank/DANAMON') 0px 0px no-repeat;
}
.cimb-status{
	background: url('http://iframe.cahayaQQ.idevgroups.com/bank/CIMB') 0px 0px no-repeat;
}
.bank-panel ul li{ list-style-type: none;}
.bank-panel.right{
    top: 19%;
    right: 0px;
}

.bank-panel .panel-black{
    display: block;
    position: relative;
    background-color: #a5a5a5;
    width: 150px;
    height: 70px;
    margin-bottom: 2px;
    border-radius: 12px 0px 0px 12px;
    -webkit-border-radius: 12px 0px 0px 12px;
    -moz-border-radius: 12px 0px 0px 12px;
    -ms-border-radius: 12px 0px 0px 12px;
    -o-border-radius: 12px 0px 0px 12px;
}

.online{
    float: left;
    width: 44px;
    height: 44px;
    margin-top: 12px;
    margin-left: 6px;
    background: url(../images/indicator.png) 0px 0px no-repeat;
}

.offline{
    float: left;
    width: 44px;
    height: 44px;
    margin-top: 17px;
    margin-left: 6px;
    background: url(../images/indicator.png) 0px -44px no-repeat;
}

.bank-panel .bca{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(../images/bank.png) -5px 0px no-repeat;
}

.bank-panel .mandiri{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(../images/bank.png)-125px 0px no-repeat;
}

.bank-panel .bri{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(../images/bank.png) -247px 0px no-repeat;
}

.bank-panel .bni{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(../images/bank.png) -372px 0px no-repeat;
}

.bank-panel .danamon{
    float: right;
    width: 120px;
    height: 52px;
    margin-top: 0px;
    background: url(../images/bank.png) -489px 0px no-repeat;
}

.bank-panel .cimb{
    float: right;
    width: 120px;
    height: 45px;
    margin-top: 0px;
    background: url(../images/bank.png) -635px 0px no-repeat;
}