﻿@charset "utf-8";
/* CSS Document */

/*------------------------------ reset ------------------------------*/
html,body,div,ul,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,legend,img { margin:0; padding:0;}
body,div,dl,dt,dd,p,th,td,input,label,select,option,textarea,button,fieldset,legend { font:12px/1.5 arial,helvetica,"\5b8b\4f53",sans-serif;}
fieldset,img { border:0;} 
input { border:none; background:none; cursor:pointer; outline:none;}
address,caption,cite,code,dfn,em,i,th,var,b { font-weight:normal; font-style:normal;} 
ol,ul { list-style:none;} 
h1,h2,h3,h4,h5,h6,em { font-weight:normal; font-size:100%;} 
a { font-size:12px; text-decoration:none; cursor:pointer;}


.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html>body .clearfix { display:inline-block; width:100%; } 
* html .clearfix { height:1%; /* End hide from IE-mac */ } 
*+html .clearfix { min-height:1%; }/* ie7 hack*/ 


/*------------------------------ login ------------------------------*/
body { background:#eee;}

.reg_container { width:1000px; padding:20px 0 30px 0; margin:0 auto;}

/*-------------------- 头部 --------------------*/
.reg_head { margin-bottom:20px;}
.reg_tit { float:left; width:180px; height:31px; background:url(../images/register.png) 0 -100px no-repeat;}
.reg_head_r { float:right; width:200px; height:18px; padding-top:12px; text-align:right; line-height:18px; color:#666;}
.reg_back { color:#666;}
.reg_back:hover { color:#648cbd;}
.reg_link { color:#648cbd;}
.reg_link:hover { text-decoration:underline; }
.reg_line { width:1px; height:12px; display:inline-block; margin:0 14px; background:#c9c9c9; vertical-align:-2px; *vertical-align:1px;}


/*-------------------- 主体 --------------------*/
.reg_cont1 { border:1px #d7d7d7 solid; background:#fff; box-shadow:0 1px 4px #dfdfdf;}
.reg_cont2 { height:400px; border:1px #d7d7d7 solid; background:#fff; box-shadow:0 1px 4px #dfdfdf;}

.reg_left { float:left; width:728px; min-height:510px; height:auto!important; height:510px; background:#fff;}
.reg_right { float:right; width:269px; padding:100px 0;}


/*---------- 表单 ----------*/
.reg_left_in { padding:50px 45px;}
.reg_form_row1,/* 三列 */
.reg_form_row2,/* 两列 */
.reg_form_row4,/* 用于验证码行 */
.reg_form_row5 { min-height:27px; height:auto!important; height:27px; margin-bottom:20px;}
.reg_form_row6 { margin-left:97px;}

.reg_form_tit,
.reg_form_fill,
.reg_form_hint { float:left;}

.reg_form_tit { width:88px; padding-right:20px; line-height:27px; text-align:right; font-size:14px; color:#666;}
.reg_form_tit { *padding-top:6px; *line-height:21px;}
.reg_form_fill { width:240px;}
.reg_form_hint { /*width:280px;*/ margin-left:20px; _margin-left:15px; line-height:27px; color:#999;}

.reg_form_input { width:100%; height:25px; border:1px #ababab solid; background:#fff; line-height:25px\9; *line-height:25px; font-size:14px; font-weight:bold; color:#444;}
.reg_form_input:focus { border-color:#648cbd; background:#f3f6fa;}
.reg_form_gender { margin-right:20px; line-height:27px; font-size:14px; color:#666;}

/* 机构 */
.reg_form_row2 { margin-bottom:10px;}
.reg_form_row2 .reg_form_fill { width:540px;}
.reg_form_row2 .reg_form_hint { float:none; width:90px; display:inline; margin-left:0; white-space:nowrap;}
.reg_form_select { width:138px; height:27px; margin:0 10px 10px 0; line-height:27px; color:#888;}

/* 密码强度 */
.reg_form_row3 { margin-bottom:15px;}
.reg_pwd { height:21px; padding-top:10px;}
.reg_pwd_txt { float:left; width:64px; line-height:16px; color:#999;}
.reg_pwd_str { float:left; width:176px; height:16px; background:url(../images/register.png) no-repeat;}
.reg_pwd_str1 { background-position:0 0;}/* 弱 */
.reg_pwd_str2 { background-position:0 -20px;}/* 中等 */
.reg_pwd_str3 { background-position:0 -40px;}/* 强 */

/* 验证码 */
.reg_form_row4 .reg_form_fill { width:300px;}
.reg_form_row4 .reg_form_hint { width:220px;}
.reg_form_row4 .reg_form_input { float:left; width:150px; margin-right:10px;}
.reg_form_row4 .reg_link { line-height:27px;}
.reg_code { float:left; width:80px; height:27px; margin-right:20px; _margin-right:10px;}
.reg_code img { width:80px; height:27px;}

.reg_form_row1 .reg_form_select { float:none; width:100%;}
.reg_form_row3 .reg_form_hint { line-height:16px;}
.reg_form_row5 .reg_form_fill { width:540px;}
.reg_form_row5 .reg_form_input { _width:99%;}

/* 协议提交 */
.reg_agree { margin-bottom:15px; line-height:18px; color:#666;}
.reg_form_check { margin-right:10px; vertical-align:-2px;}
.reg_submit { width:120px; height:37px; border-radius:3px; background:#58ad44; font-size:14px; font-weight:bold; color:#fff;}
.reg_submit:hover { background:#67c651;}

/* 提示正确错误小图标 */
.reg_ico { width:16px; height:16px; display:inline-block; margin:5px 10px 0 0; background:url(../images/register.png) no-repeat;}
.reg_ico_correct { background-position:0 -70px;}
.reg_ico_wrong { background-position:-20px -70px; vertical-align:-4px; *vertical-align:0;}

/* 提示未填 */
.reg_form_red .reg_form_input { border-color:#dda0a0; background:#fdeeee;}
.reg_form_red .reg_form_hint { color:#cc0000;}

/*---------- 注册指南 ----------*/
.reg_right_in { padding:0 30px;}
.reg_guide_tit { text-align:center; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:24px; color:#666;}
.reg_guide_spell { text-align:center; font-family:Arial, Helvetica, sans-serif; color:#b6b6b6; text-transform:capitalize;}
.reg_guide_img { width:143px; height:100px; margin:25px auto 40px auto; background:url(../images/register.png) 28px -200px no-repeat;}

.reg_guide_list { position:relative; padding:6px 0 6px 26px; line-height:18px; color:#888;}
.reg_guide_num { position:absolute; top:7px; *top:8px; left:0; _left:-26px; width:14px; height:14px; border:1px #d7d7d7 solid; border-radius:50%; background:#fff; text-align:center; line-height:14px; font-weight:bold; color:#888;}
.reg_red { font-size:20px; color:#d64444; margin:0 5px; vertical-align:-8px;}


/*---------- 注册成功 ----------*/
.reg_success_img { width:129px; height:99px; margin:110px auto 45px auto; background:url(../images/register.png) -130px -200px no-repeat;}
.reg_success_txt { height:30px; _margin-bottom:100px; text-align:center; line-height:30px; font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:24px; color:#444;}
.reg_suc_ico { width:30px; height:30px; display:inline-block; margin-right:5px; background:url(../images/register.png) 0 -140px no-repeat; vertical-align:-6px;}
.reg_suc_btn { width:96px; height:30px; display:inline-block; margin-left:5px; border-radius:3px; background:#58ad44; line-height:30px; text-align:center; font-size:14px; font-weight:bold; color:#fff; vertical-align:3px;}
.reg_suc_btn:hover { background:#67c651;}