/*
 * Copyright (c) www.1hai.cn, All rights reserved.
 * MIT Licensed
 * Build: 2014-07-14 9:11
 * By WHX
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
img {border: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: left;}
input, select {}
.clear_float:after {display: block;visibility: hidden;height: 0;clear: both;content: "";}
.clear_float {display: inline-block;}
* html .clear_float {zoom: 1;}
.clear_float {display: block;}
a{ text-decoration:none;}
body {font-size: 12px;color: #333;font-family: "\5fae\8f6f\96c5\9ed1";background:#F0F0F0;}

.header-wrap{ width:100%; height:125px;}
.header{ width:1080px; height:125px; margin:0 auto; position:relative;}
.logo-box{ width:335px; height:51px; background:url(Images/Register/reg_logo.css.png) no-repeat; position:absolute; top:30px;}
.contact-box{ width:400px; text-align:right; position:absolute; display:inline-block; top:60px; right:5px; color:#999; font-size:14px;}

.progress-wrap{ width:100%; height:35px;}
.progress-box-1{ background:url(Images/Register/newreg_step1_bg.png) no-repeat; height:35px; width:1080px; margin:0 auto;}
.progress-box-2{ background:url(Images/Register/newreg_step2_bg.png) no-repeat; height:35px; width:1080px; margin:0 auto;}
.progress-box-3{ background:url(Images/Register/newreg_step3_bg.png) no-repeat; height:35px; width:1080px; margin:0 auto;}


.reg-wrap{ width:100%; margin-top:30px;}
.reg-box-step1{ width:1080px; height:440px; background:#FFF; margin:0 auto; position:relative;}
.reg-box-step1 .reg-form{ width:780px; height:440px; position:absolute; right:0; top:0; }
.reg-box-step1 .reg-form .remark{ height:20px; line-height:20px; font-size:12px; color:#999; margin-top:20px;}
.reg-box-step1 .reg-form p{ height:40px; position:relative; margin-top:30px;}
.reg-box-step1 .reg-form p b{ font-size:16px; font-style:normal; color:#333; width:50px; text-align:right; display:inline-block; vertical-align:middle; font-weight:normal;}
.reg-box-step1 .reg-form p input{font-family: "\5fae\8f6f\96c5\9ed1"; width:330px; height:40px; border:1px solid #ccc; text-indent:15px; color:#999; font-size:16px; margin-left:20px; margin-right:20px; vertical-align:middle; line-height:40px;}
.reg-box-step1 .reg-form p input:focus{ border:1px solid #0088cc; background:#FFF;}
.reg-box-step1 .reg-form p .clear-txt{ width:17px; height:17px; position:absolute; z-index:9999; background:url(Images/Register/newreg_clear.png) no-repeat; left:375px; top:12px; display:none; cursor:pointer;}
.reg-box-step1 .reg-form p .input-error{ background:#FFEEEE;}
.reg-box-step1 .reg-form p .confirmed{ font-size:0px; display:inline-block; height:14px; width:14px; vertical-align:middle; margin-right:5px; background:url(Images/Register/newreg_icon.png) no-repeat 0 -14px;}
.reg-box-step1 .reg-form p .error{ font-size:0px;display:inline-block; height:14px; width:14px; vertical-align:middle; margin-right:5px; background:url(Images/Register/newreg_icon.png) no-repeat 0 0;}
.reg-box-step1 .reg-form p span{ display:inline-block; color:#F00; font-size:12px; vertical-align:middle;}
.reg-box-step1 .reg-form .agreement-link{ height:20px; margin-top:22px;}
.reg-box-step1 .reg-form .agreement-link input{ *margin-top:-3px; display:inline-block; margin-left:70px; *margin-left:66px; vertical-align:middle;}
.reg-box-step1 .reg-form .agreement-link a{ color:#0088cc; font-size:12px; display:inline-block; margin-left:5px; vertical-align:middle; text-decoration:none;}
.reg-box-step1 .reg-form .agreement-link a:hover{ text-decoration:underline;}
.reg-box-step1 .reg-form .btn-box{ height:40px; margin-top:20px;}
.reg-box-step1 .reg-form .btn-box a{ width:145px; height:40px; line-height:38px; color:#FFF; font-size:18px; display:inline-block; text-align:center; margin-left:70px; background:#ff7201;}
.reg-box-step1 .reg-form .btn-box a:hover{ background:#ff9900;}
.reg-box-step1 .reg-form .btn-box input{ width:145px; height:40px; line-height:38px; color:#FFF; font-size:18px; display:inline-block; text-align:center; margin-left:70px; background:#ff7201;border:none;font-family: "\5fae\8f6f\96c5\9ed1";}
.reg-box-step1 .reg-form .btn-box input:hover{ background:#ff9900;}


.reg-box-step2{ width:1080px; height:440px; background:#FFF; margin:0 auto; position:relative;}
.reg-box-step2 .remark{ height:20px; line-height:20px; font-size:12px; color:#999; text-align:center; width:1080px; margin-top:20px; display:inline-block;}
.reg-box-step2 .reg-form{ width:825px; height:440px; position:absolute; right:0; top:55px; }
.reg-box-step2 .reg-form p{ height:40px; position:relative; margin-top:20px;}
.reg-box-step2 .reg-form p b{ font-size:16px; font-style:normal; color:#333; width:100px; text-align:right; display:inline-block; vertical-align:middle; font-weight:normal;}
.reg-box-step2 .reg-form p label{font-size:16px; font-style:normal; color:#333; display:inline-block; vertical-align:middle; font-weight:normal; padding-left:20px;}
.reg-box-step2 .reg-form p input{font-family: "\5fae\8f6f\96c5\9ed1"; width:330px; height:40px; border:1px solid #ccc; text-indent:15px; color:#999; font-size:16px; margin-left:20px; margin-right:20px; vertical-align:middle; line-height:40px;}
.reg-box-step2 .reg-form p input:focus{ border:1px solid #0088cc; background:#FFF;}
.reg-box-step2 .reg-form p .clear-txt{ width:17px; height:17px; position:absolute; z-index:9999; background:url(Images/Register/newreg_clear.png) no-repeat; left:425px; top:12px; display:none; cursor:pointer;}
.reg-box-step2 .reg-form p .input-error{ background:#FFEEEE;}
.reg-box-step2 .reg-form p .confirmed{ font-size:0px; display:inline-block; height:14px; width:14px; vertical-align:middle; margin-right:5px; background:url(Images/Register/newreg_icon.png) no-repeat 0 -14px;}
.reg-box-step2 .reg-form p .error{ font-size:0px;display:inline-block; height:14px; width:14px; vertical-align:middle; margin-right:5px; background:url(Images/Register/newreg_icon.png) no-repeat 0 0;}
.reg-box-step2 .reg-form p span{ display:inline-block; color:#F00; font-size:12px; vertical-align:middle;}
.reg-box-step2 .btn-box{ height:40px; margin-top:30px;}
.reg-box-step2 .btn-box .send-mpcode{ float:left; border:1px solid #ccc; width:155px; height:40px; line-height:38px; color:#333; font-size:14px; display:inline-block; text-align:center; margin-left:119px; background:#ffff;}
.reg-box-step2 .btn-box .in-sending{ color:#ccc;}
.reg-box-step2 .btn-box .send-mpcode:hover{ background:#ccc;}
.reg-box-step2 .btn-box .next-step{ float:left;  width:155px; height:42px; line-height:40px; color:#FFF; font-size:16px; display:inline-block; text-align:center; margin-left:20px; background:#ff7201;border:none;font-family: "\5fae\8f6f\96c5\9ed1";}
.reg-box-step2 .btn-box .next-step:hover{ background:#ff9900;}

.reg-complete{ width:590px; height:320px; position:absolute; top:70px; left:235px;}
.reg-complete .complete-info{ font-size:32px; color:#ff7021; width:590px; height:115px; text-align:center; background:url(Images/Register/newreg_complete.png) no-repeat 140px 0; text-indent:60px; border-bottom:1px solid #ccc;}
.linkbox-left{ width:220px; height:100px; position:absolute; left:10px; top:150px; text-align:center;}
.linkbox-right{ width:220px; height:100px; position:absolute; right:10px; top:150px; text-align:center;}
.linkbox-left p{ height:45px; font-size:18px;}
.linkbox-left p span{ color:#0d76df; font-weight:bolder; padding-right:5px;}
.linkbox-left p a{ width:198px; height:45px; display:inline-block; color:#fff; line-height:43px; text-align:center; background:#0d76df;}
.linkbox-left p a:hover{ background:#0aaade;}
.linkbox-right p{ height:45px; font-size:18px;}
.linkbox-right p span{ color:#ff7021; font-weight:bolder; padding-right:5px;}
.linkbox-right p a{ width:198px; height:45px; display:inline-block; color:#fff; line-height:43px; text-align:center; background:#ff7021;}
.linkbox-right p a:hover{ background:#ff9900;}



.reg-box-step3{ width:1080px; height:850px; background:#FFF; margin:0 auto; position:relative;}
.step3-helper{ width:100%; height:55px; line-height:54px; font-size:16px; background:#FDF8E4; color:#C19954; text-align:center;}
.upload-box{ position:relative; height:730px; width:1080px; margin-top:50px; }
#carcard-upload-holder{ position:relative;width:294px;height:189px; overflow:hidden; background:url(Images/Register/newreg_uploadicon.png) no-repeat;} 
#carcard-upload-holder:hover{ background:url(Images/Register/newreg_uploadicon_hover.png) no-repeat;} 
#carcard-upload-input{ position:absolute;top:0px;right:0px;height:100%;cursor:pointer; z-index:999; font-size:999px;opacity:0;filter:alpha(opacity:0);} 
#carcard-upload-txt{ position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:35px;text-align:center;} 
#carcard-upload-filepath{ position:relative; border:1px solid silver; width:150px; height:35px; overflow:hidden; float:left;} 
#carcard-upload-filepathtxt{ position:absolute; top:0px;left:0px; width:100%;height:35px; border:0px; line-height:35px; } 
#insurance-upload-holder{ position:relative;width:294px;height:189px; overflow:hidden; background:url(Images/Register/newreg_uploadicon.png) no-repeat;} 
#insurance-upload-holder:hover{ background:url(Images/Register/newreg_uploadicon_hover.png) no-repeat;} 
#insurance-upload-input{ position:absolute;top:0px;right:0px;height:100%;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;font-size:999px;} 
#insurance-upload-txt{ position:absolute;top:0px;left:0px;width:100%;height:100%;line-height:35px;text-align:center;} 
#insurance-upload-filepath{ position:relative; border:1px solid silver; width:150px; height:35px; overflow:hidden; float:left;} 
#insurance-upload-filepathtxt{ position:absolute; top:0px;left:0px; width:100%;height:35px; border:0px; line-height:35px; } 
.upload-input{ position:absolute;top:0px;right:0px;height:100%;cursor:pointer; opacity:0;filter:alpha(opacity:0);z-index:999;font-size:999px;}
.uploadlay{margin:200px; border:1px green solid; width:300px; height:200px; padding:10px; } 
.upload-carcard-title{ font-size:16px; height:20px; position:absolute; color:#333; left:280px; top:40px;}
.upload-carcard{ position:absolute; left:280px; top:80px;}
.upload-insurance-title{ font-size:16px; height:20px; position:absolute; color:#333; left:280px; top:340px;}
.upload-insurance{ position:absolute; left:280px; top:190px;}
.upload-carcard-des{ width:305px; height:260px; position:absolute; right:50px; top:42px; background:url(Images/Register/sample_idcard.jpg) no-repeat 0 35px;}
.upload-carcard-des p{ font-size:16px; color:#333; font-weight:bolder; height:210px;}
.upload-carcard-des span{ display:block; font-size:12px; color:#333;}
.upload-insurance-des{ width:305px; height:260px; position:absolute; right:50px; top:342px; background:url(Images/Register/sample_insurance.jpg) no-repeat 0 35px;}
.upload-insurance-des p{ font-size:16px; color:#333; font-weight:bolder; height:160px;}
.upload-insurance-des span{ display:block; font-size:12px; color:#333;}
.upload-link{ font-family: "\5fae\8f6f\96c5\9ed1";border:0;line-height:38px; position:absolute; left:280px; bottom:50px; width:295px; font-size:16px; height:40px; display:inline-block; color:#fff; line-height:43px; text-align:center; background:#ff7021}
.upload-link:hover{ background:#ff9900;}

.footer-wrap{ width:100%}
.footer{ width:1080px; height:70px; margin:0 auto;}
.footer p { text-align:center; font-size:12px; color:#333; margin-top:20px; margin-bottom:20px;}
.footer p a{ text-decoration:none; color:#333; padding:0 8px;}
.footer p a:hover{ text-decoration:underline;}
.footer-info{ text-align:center;}

.agreement-box{ padding:10px; position:relative;  height:550px;}
.agreement-box-title{ font-size:16px; color:#333; font-weight:bolder; height:30px; line-height:30px;}
.agreement-txt{ height:440px; border:1px solid #ccc; padding:10px; font-size:12px; color:#333;overflow:auto;}
.agreement-btn{ text-align:center; margin-top:20px;}
.agreement-btn a{ width:266px; height:37px; line-height:35px; text-align:center; font-size:20px; color:#0088cc; display:inline-block; background:url(Images/Register/reg_btn_step1.png) no-repeat 0 -152px; text-decoration:none; font-family: "\5fae\8f6f\96c5\9ed1";}
.agreement-btn a:hover{ background:url(Images/Register/reg_btn_step1.png) no-repeat 0 -190px; color:#fff;}


/**step popup style**/
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {background-color:#000;filter:alpha(opacity=45);-moz-opacity: 0.45;opacity: 0.45;}
* html #TB_overlay {position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 5px solid #0088cc;text-align:left;top:50%;left:50%;}
* html #TB_window {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}
#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}
#TB_closeAjaxWindow{ text-indent:-9999px;}
#TB_closeWindowButton{width:17px; height:17px; position:absolute; background:url(Images/Register/popup_close_btn.png) no-repeat; cursor:pointer; right:10px; top:10px; text-indent:-9999px;}
#TB_ajaxWindowTitle{ display:none;float:left;padding:7px 0 5px 10px;margin-bottom:1px;}
#TB_title{background-color:#fff;height:0px; }
#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}
#TB_ajaxContent.TB_modal{padding:15px;}
#TB_ajaxContent p{padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load {position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect {position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

.input-validation-error{ background:#FFEEEE;}
.field-validation-valid { font-size:0px; display:inline-block; height:14px; width:14px; vertical-align:middle; margin-right:5px; background:url(Images/Register/newreg_icon.png) no-repeat 0 -14px;}
.field-validation-error { font-size:0px;display:inline-block; height:14px;padding-left:20px; vertical-align:middle; margin-right:5px; background:url(Images/Register/newreg_icon.png) no-repeat 0 0;}
.first-validation-hide{display:none;}