.admin_login{width:800px; height:400px; position:absolute; top:50%; left:50%; margin-top:-200px; margin-left:-400px;}
.admin_logo{width:701px; height:174px; margin:0px auto;}
.admin_pin{ width:360px; height:40px; margin:40px auto; background:#09F; position:relative;}
.admin_pin input{width:260px; height:40px; background:#fff; border:none; text-align:center; font-size:18px;}
.admin_pin button{width:100px; height:40px; line-height:40px; background:#30ce39; border:none; position:absolute; top:0; right:0; font-size:18px; color:#fff;}
/*------*/
/*---
.admin_pin button a{width:100px; height:40px; background:#30ce39; border:none; position:absolute; top:0; right:0; font-size:18px; color:#fff;}
.admin_pin button a:hover{width:100px; height:40px; border:none; position:absolute; top:0; right:0; font-size:18px; color:#fff; background:#00c4ff;}
---*/

.main_bg{ width:100%; height:100%; overflow:hidden; background-size:cover;}
.main_bg img{width:100%;}
.main_btn{}
.main_btn a{display:block; width:auto; height:auto; cursor:pointer; color:#616161; background:#fff;}
.main_btn a:hover{border:2px #008bff solid; margin:-2px; color:#616161;}

.btn_a{width:64px; height:64px; margin:10px auto; display:block; background:#48acff;}
.btn_b{width:64px; height:64px; margin:10px auto; display:block; background:#ff7e00;}
.btn_c{width:64px; height:64px; margin:10px auto; display:block; background:#30ce39;}
.btn_d{width:64px; height:64px; margin:10px auto; display:block; background:#fbc127;}
.btn_e{width:64px; height:64px; margin:10px auto; display:block; background:#ae5da1;}
.btn_a img,.btn_b img,.btn_c img,.btn_d img,.btn_e img{width:32px; height:32px; margin:16px;}
.btn_explain{width:80%; height:70px; display:block; margin:10px auto; border-top:1px #eee solid; /* background:#0FF; */}
.btn_explain span{display:block; padding-top:15px; /* background:#FF0; */ white-space:nowrap;}


.main_btn_bg{/*width:75%;*/max-width:1440px; height:726px; margin:0 auto; top:50%; margin-top:-363px;}



.CA_logo_bg{width:100%;  height:240px; margin:0 auto; background-size:cover; background:url(../../images/main_logo_bg.png) top center; border-radius:8px 8px 0 0; }
.CA_logo {max-width:700px; max-height:174px; margin:0 auto;}
.CA_logo img{width:100%; margin-top:30px;}
.CA_btn_bg{width:100%;  height:486px; margin:0 auto; background-size:cover; background:url(../../images/main_btn_bg.png) top center; border-radius:0 0 8px 8px ; }


/*table*/
/*--------------------------------*/

.main-content {border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid;}
.main-content table{background:#fff; width:100%; border:0; border-spacing:0px;}
.main-content th{white-space:nowrap; height:50px; line-height:50px; background:#ececec; border:1px #e0e0e0 solid;  text-align:center;}
.main-content tr{border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid;}
.main-content td{white-space:nowrap; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #e0e0e0;}
.main-content td a{color:#0b70ca;}
.main-content td a:hover{color:#f00;}
.main-content th.align,
.main-content td.align{ text-align:left; text-indent:20px;}
.main-content tbody tr.odd{background:#d5eaff;}
.main-content tbody tr:hover{background:#f7f9fa;}
/*..main-content tbody tr:active{background:#09F;}*/
.main-content tbody tr.hover{background:#09F; color:#fff;}


/*ç”³åŠž*/
/*--------------------------------*/
.sb_tit{ height:60px; border-bottom:1px #999 solid;}
.sb_tit ul li{float:left; font-size:18px; line-height:60px; margin-right:20px;}

.sb_left{width:20%; min-width:200px; height:100%; min-height:500px; float:left; background:#f5f5f5;}
.sb_left h1{line-height:80px; padding-left:30px;}
.sb_left h1 a,
.sb_left h1 a:hover{color:#333; display:block;}

.sb_left li{width:100%; height:48px; line-height:48px; padding-left:30px; text-align:left; font-size:16px; color:#111;}
.sb_left li a{width:100%; height:48px; display:block; color:#111;}
.sb_left li a:hover{color:#111;}
.sb_left li a.hover{color:#2baced;}


.sb_paga01{width:100%; background:#fff;}
.sb_paga01 h1{ font-size:36px; font-weight: normal; text-align:center;}
.sb_paga01 h2{font-size:22px; color:#666; font-weight: normal; text-align:center;}
.sb_paga01 li{ border-bottom:1px #aeaeae solid; padding:20px 0;}
.sb_paga01 li span{width:200px;display:block;float:left;clear: both;}
.sb_paga01 li span img{ max-width:60%; margin:20px;}
.sb_paga01 p{font-size:18px; color:#5b5b5b; font-weight:100;}
.sb_paga01 p.label{font-weight:bold; margin:15px 0;}

.sb_paga02{width:100%; background:#fff;}
.sb_paga02 h1{ font-size:36px; font-weight: normal; text-align:center; border-bottom:1px #aeaeae solid; padding:20px 0;}
.sb_paga02 h2{font-size:22px; color:#111; font-weight: normal; text-align:center;}
.sb_paga02 li{font-size:18px; font-weight: normal; color:#111; }


.sb_row{display:table-row;} 
.sb_cell_1{display:table-cell; border-right:1px #ccc solid; border-bottom:1px #ccc solid; vertical-align:top; padding-top:12px;}
.sb_cell_1 h2{width:200px; font-size:22px; color:#111; font-weight: normal; text-align:center;}
.sb_cell_2 h2{width:200px; color:#06F;}
.sb_cell_2{display:table-cell; width:100%; white-space:nowrap; border-bottom:1px #ccc solid;}
.sb_cell_2 ul li{ width:100%; padding:10px 0;}
.sb_cell_2 h3{width:20%; float:left; text-align:right; font-size:18px; font-weight:bold; color:#777; margin-right:40px;}
.sb_cell_2 h3 span{color:#f00;}

.sb_cell_2 a.sb_btn{ width:auto; height:auto; padding:10px 40px; background:#ccc; color:#fff; border-radius:6px; float:left; margin:20px 20px;}
.sb_cell_2 a:hover.sb_btn{width:auto; height:auto; padding:10px 40px; background:#0C0; color:#fff!important;}
.sb_cell_2 a.hover.sb_btn{width:auto; height:auto; background:#0C0; color:#fff!important;}

.sb_next{width:auto; height:auto; padding:40px 0; text-align:center;}
.sb_next a{width:auto; height:auto; padding:8px 100px; color:#fff; background:#06F; border-radius:50px;}
.sb_next a:hover{width:auto; height:auto; padding:8px 100px; color:#fff!important; background:#09F; border-radius:50px;}
.sb_next a.hover{width:auto; height:auto; padding:8px 100px; color:#fff!important; background:#ccc; border-radius:50px;}


.sb_paga04,.sb_paga05{width:100%; background:#fff; font-size:18px;}
.sb_paga04 h1,.sb_paga05 h1{ font-size:36px; font-weight: normal; text-align:center; border-bottom:1px #aeaeae solid; padding:20px 0;}

.sb_submit{font-size:18px; font-weight:normal; color:#111; border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid; margin:30px auto;}
.sb_submit table{background:#fff; width:100%; border:0; border-spacing:0px;}
.sb_submit th{white-space:nowrap; height:50px; line-height:50px; background:#ececec; border-top:1px #e0e0e0 solid;  text-align:center;}
.sb_submit tr{border-left:1px #e0e0e0 solid; border-right:1px #e0e0e0 solid;}
.sb_submit td{white-space:nowrap; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #e0e0e0;}
.sb_submit td a{color:#0b70ca;}
.sb_submit td a:hover{color:#f00;}
.sb_submit th.align,
.sb_submit td.align{ text-align:left; text-indent:40px;}
.sb_submit tbody tr.odd{background:#d5eaff;}
.sb_submit tbody tr:hover{background:#f7f9fa;}
/*.sb_submit tbody tr:active{background:#09F;}*/
.sb_submit tbody tr.hover{background:#09F; color:#fff;}
.cost{ width:auto; height:auto; padding:10px 0; border-bottom:1px #ccc solid; text-align:right; padding-right:40px;}
.cost span{ font-size:28px; font-weight:bold;}

.sb_paga04_left{width:100%; min-width:300px; font-size:15px;}
.sb_paga04_left ul li{ width:100%; white-space:nowrap;}
.sb_paga04_left ul li a.line{ display:block; width:100%; white-space:nowrap; padding:10px 0px; border-bottom:1px #ccc solid;}
.sb_paga04_left ul li a.line:hover{width:100%; white-space:nowrap; border-bottom:1px #ccc solid; background:#eef8ff;}
.sb_paga04_left ul li span{float:right; color:#f00; padding:10px 0px;}
.sb_paga04_left ul li .down{float:right; padding:10px 0px; padding-right:10px;}


.sb_paga04_right{width:100%; font-size:15px;}
.sb_uploader{width:40%; height:30px; line-height:30px; border:1px #bcbcbc solid; background:#ececec; position:relative; cursor:default; float:left;}
.sb_uploader input{width:50%; height:30px; background:#0FC; position:absolute; right:0px; float:right; cursor:pointer; opacity:0; filter:alpha(opacity:0);}
.sb_uploader span.filename{position:relative; width:40%; height:30px; line-height:30px; font-size:14px; color:#777; float:left; display:block; overflow:hidden; white-space:nowrap; overflow:hidden; text-indent:20px;}
.sb_uploader span.action{width:80px; height:30px; line-height:30px; border-left:solid 1px #bbb; font-size:14px; text-align:center; float:right; display:block; cursor:pointer; background:#fff;}
.sb_uploader_btn{width:80px; height:32px; border:1px #bbb solid; font-size:14px; text-align:center; background:#fff; margin-left:10px; cursor:pointer;}

.sb_ps{width:50%; height:30px; line-height:30px; background:#ececec; border:1px #bcbcbc solid; font-size:14px; position:relative;}
.sb_ps span{width:20%; color:#777; display:block; text-align:center;}
.sb_ps input{width:80%; height:30px; background:#ececec; border:none; position:absolute; top:0; right:0;}
.sb_Softdow{width:auto; height:auto; padding:40px 0; text-align:center;}
.sb_Softdow a{width:auto; height:auto; padding:8px 20px; color:#fff; background:#00b7ee; border-radius:50px;}
.sb_Softdow a:hover{width:auto; height:auto; padding:8px 20px; color:#fff!important; background:#09F; border-radius:50px;}

/*------20170904-----*/
.CA_step{width:auto; margin:50px auto; font-size:18px;}
.CA_step ul{width:80%; height:40px; margin:0 auto; display:block;}
.CA_step ul li{margin:10px 5px; float:left;}
.CA_step ul li span{width:160px; height:38px; line-height:38px; color:#d2d2d2; border:1px #ececec solid; display:block; text-align:center; float:left; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.CA_step ul li i{font-style:normal; line-height:38px; color:#dcdcdc; float:left; margin-right:10px;}
.CA_step ul li.finish span{ height:40px; line-height:40px; border:none; background:#00a0e9; color:#fff;}
.CA_step ul li.finish i{color:#8fc31f;}


/*mobile*/
.mobile_header{width:auto; height:7.2em; background:#00479d;}
.mobile_header img{width:36em; height:7.2em;}
.border-bottom{border-bottom:1px solid #d2d2d2;}
.A_Code{padding:1em 0; font-size:1.6em;}
.B_info{font-size:1.4em;}
.A_Code small,
.B_info small{color:#a0a0a0;}
.A_Code p,
.B_info p{padding:0.2em 0;}
.mobile_footer{width:auto; height:2.4em; line-height:2.4em; font-size:1.2em; color:#a0a0a0; text-align:center;}

/*2017-12-5*/
.N_message{width:100%; height:auto;}
.N_message span{ width:auto; height:50px; line-height:50px; font-size:18px; padding:0 10px; float:left;}
.N_message input{ width:auto; height:40px; line-height:40px; font-size:18px; margin:5px auto; padding:0 20px;}
.N_message input.btn_a{ width:auto; height:40px; line-height:40px; border:none; background:#093; color:#fff; padding:0 16px; margin:5px auto; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; cursor:pointer;}
.N_message input.btn_b{ width:auto; height:40px; line-height:40px; border:none; background:#f00; color:#fff; padding:0 16px; margin:5px auto; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; cursor:pointer;}

/* 2018.6.6 */
.col-md-col5{width: 20%!important; }
