*{margin: 0px; padding: 0px;}
body{width: 100%; height: auto; font-size: 12px; color: #646464; text-align: center; background: #F8F8F8; behavior:url(hover.htc);}
div{ behavior:url(hover.htc);}
input{ behavior:url(hover.htc);}
.l{float:left}.r{float:right}a{text-decoration:none; color: #646464}
#h_top{width: 100%; height: 43px; background: url(/pay/pay/images/h_top.png) repeat-x}
#header{width:100%; height: 63px; background:url(/pay/pay/images/he_bg.gif)}
#header .logo{width: 146px; height: 63px; background:url(/pay/pay/images/pay_center.gif) center no-repeat;}
#header .rig{width: 159px; height: 63px; background:url(/pay/pay/images/zfbj.gif) center no-repeat;}
.w960{width: 960px; margin: 0 auto;}
#main{margin: 0 auto; width: 960px; height: auto; text-align: center} 
#nav{margin: 0 auto; margin-top: 20px; width: 858px; line-height: 35px; text-indent: 20px; height: 37px; background:url(/pay/pay/images/nav.gif) no-repeat}
#main .box{margin: 0 auto; margin-top: 20px; width: 858px; height: 450px; border: 1px solid #ddd;}
#main .qxz{margin-left: 20px;width: 100%; height: 50px; background:url(/pay/pay/images/qxznydfw.gif) center left no-repeat}
#main .box1{margin: 0 auto; width: 759px; margin-top: 40px; height: 100px; background:url(/pay/pay/images/pic.gif) no-repeat}
#main .boxbg{background-position: 0px -100px;}
#main .box1 .vip{width: 69px; margin-left: 20px; height: 90px; background:url(/pay/pay/images/vip.gif) center no-repeat;}
#main .box1 .gold{width: 69px; margin-left: 20px; height: 90px; background:url(/pay/pay/images/gold.gif) center no-repeat;}
#main .box1 .ktvip{width: 600px; margin-top: 20px; margin-left: 20px !important; margin-left: 10px; height: 28px; background:url(/pay/pay/images/ktvip.gif) top left  no-repeat;}
#main .box1 .ktgold{width: 600px; margin-top: 20px; margin-left: 20px !important; margin-left: 10px; height: 28px; background:url(/pay/pay/images/jbcc.gif) top left  no-repeat;}
#main .ktime{margin: 0 auto; margin-top: 30px; width: 759px; height: 165px; border: 1px solid #ddd; text-align: left;}
#main .ktime .line{width: 100%; height: 30px; line-height: 30px; text-indent: 20px;}
#main .step1{float: left; margin-top: 20px; width: 112px; height: 39px; background:url(/pay/pay/images/xyb.gif);}
#main .step3{float: left; margin-top: 20px; width: 111px; height: 35px; background:url(/pay/pay/images/xyb_hover.gif); }
/*
#bugs a:hover{background: red;}
#main .step1 a:hover{background:url(/pay/pay/images/xyb_hover.gif) no-repeat}
*/
#main .step2{margin: 0px auto; margin-top: 20px; width: 900px; height: auto; padding-bottom: 20px; border: 1px solid #ddd;}
#main .step2 .h{margin: 0 auto;width: 98%; height: 50px; border-bottom: 1px dashed #ddd; line-height: 60px; text-align:left; text-indent: 10px; font-size: 14px; font-weight: bold;}
#tb{margin: 0 auto; text-indent: 20px; font-size: 12px; width: 850px; height: auto; border-top: 1px solid #eee; border-left: 1px solid #eee; margin-top: 20px;}
#tb td{border: 1px solid #eee; height: 30px; line-height: 30px; border-top: none; border-left: none}
#tb .eee{background: #f5f5f5; font-weight: bold; color: #141414; font-size: 12px;}
#tb .mtlogo{width: 150px; height: 40px; background: #eee;}
#tb .bn{border-right: none; height: 80px;}
#tb input{margin-left: 10px; margin-right: 10px;}
#tb b{font-size: 14px; color: #ff6600}

.bl{background:url(/pay/pay/images/nav_h.gif) center top no-repeat}
.logo{width: 137px; height: 43px; background:url(/pay/pay/images/logo.png)}

.frame-nav {
position: relative;
width: 380px;
height: 40px;
margin: auto;
text-align: center;
overflow: hidden;
cursor: default;
}

.frame-nav a {
position: relative;
display: inline-block;
height: 40px;
padding: 0 9px 0 32px;
line-height: 40px;
overflow: hidden;
font-size: 14px;
color: #999;
background-position: 100px 100px;
}

.nav-ico, .icon-menu i {
background-image: url(/pay/pay/images/frame_top.png);
background-repeat: no-repeat;
}

.nav-circle {
background-position: -50px 0;
}