/***************************
   Web Layout Css 
 ***************************/
.header{background:#FFF; margin-bottom:20px;}
.header>.wrap{width:1000px; margin:0 auto; padding:20px 0;}
.header .logo{color:#AAA; height:80px; overflow:hidden; zoom:1;}
.header .logo a,
.header .logo a img{display:block; height:80px; width:132px;}
.header .logo a{float:left; margin-right:20px;}
.header .logo h2{float:left; margin:10px 0; border-left:solid #DBDBDB 1px; font-size:24px; font-weight:300; color:#AAA; line-height:60px; height:60px; padding:0 20px;}

.body{}
.body>.wrap{width:1000px; margin:0 auto;}
.footer{padding:20px 0;}
.footer>.wrap{width:1000px; margin:0 auto; text-align:center; padding:20px 0; text-transform:uppercase;}
.container{}

/*居中表单*/
.center_form{width:400px; padding:30px; margin:0 auto;}
.center_form .cf_rows{padding:10px 0;}
.center_form .cf_rows_center{text-align:center; padding:12px 0;}
.center_form .cf_rows .cf_fed_txt{padding:0 10px 0 0; width:120px; text-align:right; height:36px; line-height:36px; float:left; font-size:14px;}
.center_form .cf_rows .cf_fed_ctr{float:left; clear:right;}
.center_form .cf_rows .cf_fed_desc{padding:6px 0 0 0; text-align:center;}
.center_form .cf_rows .clear_fix{float:none; clear:both; margin:0; padding:0;}
.center_form .cf_textbox{height:34px; line-height:34px; padding:0 5px; border:solid 1px #DDD; border-radius:3px; text-align:left;}
.center_form .cf_textbox:focus{border-color:#0066FF; color:#0066FF;}
.center_form .cr_check_code{height:34px; width:252px; border:solid 1px #DDD; border-radius:3px; overflow:hidden;}
.center_form .cr_check_code input{float:right; width:124px; height:34px; line-height:34px; padding:0 5px; border:none 0;}
.center_form .cr_check_code input:focus{border-color:#0066FF; color:#0066FF;}
.center_form .cr_check_code img{height:28px; width:70px; padding:3px; float:left; position:relative; z-index:88; cursor:pointer;}
.center_form .cr_selector{height:34px; padding:0 1px 1px 0;}
.center_form .cr_selector li{float:left; height:34px; line-height:34px; color:#888; padding:0 20px; border:solid 1px #DDD; margin:0 -1px -1px 0; position:relative; z-index:88; cursor:pointer; overflow:hidden;}
.center_form .cr_selector li:first-child{border-radius:3px 0 0 3px;}
.center_form .cr_selector li:last-child{border-radius:0 3px 3px 0;}
.center_form .cr_selector li:hover{border-color:#CCE0FF; color:#0066FF; z-index:90;}
.center_form .cr_selector li.se{background:url(/Resource/Images/selector.gif) right top no-repeat; border:solid #0066FF 1px; z-index:99; color:#0066FF;}
.center_form .cf_textlabel{line-height:18px; padding:9px 0;}
.cf_button_row{text-align:center; padding:20px 0 0 0; text-align:center;}
.cf_button_row .button{display:inline-block; height:36px; background:#FF6600; line-height:36px; font-size:14px; padding:0 20px; color:#FFF; text-decoration:none; border-radius:3px;}
.cf_button_row .button:hover{background: #FF4400; color:#FFF; text-decoration:none;}
.cf_button_row .button:active{background:#FF1100; color:#FFF; text-decoration:none;}
.cf_button_row .button_disabled, 
.cf_button_row .button_disabled:hover, 
.cf_button_row .button_disabled:active{background:#CCC; color:#FFF; box-shadow:none; cursor:default;}
.cf_button_row .button_hp{display:inline-block; height:34px; background:#FBFAFC; line-height:34px; border:solid 1px #DDD; font-size:14px; padding:0 20px; color:#000; text-decoration:none; border-radius:3px;}
.cf_button_row .button_hp:hover{background: #EEE; color:#000; text-decoration:none;}
.cf_button_row .button_hp:active{background:#EEE; color:#000; text-decoration:none;}
.cf_button_row .button_hp_disabled, 
.cf_button_row .button_hp_disabled:hover, 
.cf_button_row .button_hp_disabled:active{background:#CCC; color:#FFF; box-shadow:none; cursor:default;}

.reg_steps{border-bottom:solid 2px #EEE; height:46px;}
.reg_steps ul{overflow:hidden; zoom:1; width:800px; margin:0 auto;}
.reg_steps li{text-align:center; font-weight:bold; color:#888; font-size:16px; line-height:46px; height:46px; float:left; width:200px;}
.reg_steps li.active{border-bottom:solid 2px #FF4400; color:#FF4400;}
.reg_steps li.complete{border-bottom:solid 2px #09BB07; color:#09BB07;}

.other_opt_title{font-weight:bold; text-align:center; padding:30px 0 10px 0;}
.other_opt{padding:10px 0 10px 45px;}
.other_opt li{float:left; margin:0 20px;}
.other_opt li a{display:block; text-decoration:none; height:60px; width:96px; padding:18px 0; border:solid 1px #FFF; border-radius:5px;}
.other_opt li a i{display:block; background:url(/Resource/Images/reg_other_opt.png) 0 0 no-repeat; margin-bottom:10px; height:32px; width:32px; margin:0 auto;}
.other_opt li a i.ico_1{background-position:0 0;}
.other_opt li a i.ico_2{background-position:0 -32px;}
.other_opt li a i.ico_3{background-position:0 -64px;}
.other_opt li a i.ico_4{background-position:0 -96px;}
.other_opt li a span{display:block; text-align:center; line-height:18px; color:#888; text-decoration:none;}
.other_opt li a:hover{border-color:#0066FF;}
.other_opt li a:hover i.ico_1{background-position:-32px 0;}
.other_opt li a:hover i.ico_2{background-position:-32px -32px;}
.other_opt li a:hover i.ico_3{background-position:-32px -64px;}
.other_opt li a:hover i.ico_4{background-position:-32px -96px;}
.other_opt li a:hover span{color:#0066FF;}
.other_opt li.clear_fix{float:none; clear:both; display:block; height:auto; width:auto; padding:0; margin:0;}

.form_tips .status_process{border:solid 1px #10AEFF; border-radius:6px; padding:20px; margin:0 auto; width:600px;}
.form_tips .status_process>i{display:block; width:50px; height:50px; background:url(/Resource/Images/icon_status_50.png) 0 -100px no-repeat; margin:0 auto; margin-bottom:6px;}
.form_tips .status_process>h2{font-size:14px; color:#10AEFF; text-align:center; line-height:20px; margin-bottom:8px;}
.form_tips .status_process>p{color:#888; text-align:center; line-height:18px;}
.form_tips .status_suc{border:solid 1px #09BB07; border-radius:6px; padding:20px; margin:0 auto; width:600px;}
.form_tips .status_suc>i{display:block; width:50px; height:50px; background:url(/Resource/Images/icon_status_50.png) 0 0 no-repeat; margin:0 auto; margin-bottom:6px;}
.form_tips .status_suc>h2{font-size:14px; color:#09BB07; text-align:center; line-height:20px; margin-bottom:8px;}
.form_tips .status_suc>p{color:#888; text-align:center; line-height:18px;}
.form_tips .status_err{border:solid 1px #F76260; border-radius:6px; padding:20px; margin:0 auto; width:600px;}
.form_tips .status_err>i{display:block; width:50px; height:50px; background:url(/Resource/Images/icon_status_50.png) 0 -150px no-repeat; margin:0 auto; margin-bottom:6px;}
.form_tips .status_err>h2{font-size:14px; color:#F76260; text-align:center; line-height:20px; margin-bottom:8px;}
.form_tips .status_err>p{color:#888; text-align:center; line-height:18px;}

.reg_protocol{text-align:center; color:#888;}
.reg_protocol span{padding:0 6px;}
.reg_protocol a{color:#000; text-decoration:none;}
.reg_protocol a:hover{color:#0066FF; text-decoration:underline;}