@CHARSET "UTF-8";
.reg_head { height:150px; width:100%; background-color:#B7DFB7; text-align:center;}
.reg_head h1 { padding-top:30px;  color:#333; font-size:16px; letter-spacing:2px; }
.reg_body { position:relative; margin:0 auto;}
.reg_body h2 { margin: 0 auto; padding: 0 15px; line-height:50px; height:50px; border-radius:5px 5px 0 0; background-color: #d6d6d6; color:#333; font-size:18px; font-weight:bold;}
.reg_body h2 span.l {float: left;}
.reg_body h2 span.r {float: right; font-size: 14px;}
.reg_body h2 span.r a{color:#428BCA;}
.required { color: #666; }

#register-form table{ width:100%; }
#register-form caption { margin:50px 0 100px 0; font-size:16px; font-weight:bold; text-align:left; }
#register-form tr { line-height:60px; }
#register-form th { padding-right:20px; font-weight:bold; font-size:14px;}
#register-form input[type="text"] { float: left; width:260px; height:30px; padding:0 5px; margin-right:10px; border-left:1px solid #666666; border-top:1px solid #666666; border-radius:3px; background-color:#e5e6e6; }
#register-form input[type="password"] { float: left; width:260px; height:30px; padding:0 5px; margin-right:10px; border-left:1px solid #666666; border-top:1px solid #666666; border-radius:3px; background-color:#e5e6e6; }
#register-form select {width:260px; float: left; height:30px; padding:0 5px; margin-right:10px; border-left:1px solid #666666; border-top:1px solid #666666; border-radius:3px; background-color:#e5e6e6; }
#register-form select.w260{ width: 260px; }
#register-form textarea {float: left; margin-right:10px; border-left:1px solid #666666; border-top:1px solid #666666; min-width:300px; max-width:350px; min-height:150px; max-height:150px; border-radius:3px; padding:10px; background-color:#e5e6e6;}
#register-form #RegisterForm_verifyCode { width:80px; float: left;margin-right: 5px;}
#register-form input.submit {
     display:block;
     width:120px;
     height:40px;
     border-radius:5px; background-color:#29BC6B;
     -webkit-box-shadow:0 5px 0 #009A44;
     -moz-box-shadow: 0 5px 0 #009A44;
     box-shadow: 0 5px 0 #009A44;
     filter: progid:DXImageTransform.Microsoft.Shadow(color='#009A44', Direction=-180, Strength=5);
     text-decoration:none;
     font-size:1.2em;
     color:#FFFFFF;
     text-align:center;
     cursor:pointer;
 }
#register-form input.back {
    display:block;
    width:120px;
    height:40px;
    border-radius:5px; background-color: #ccc;
    -webkit-box-shadow:0 5px 0 #888;
    -moz-box-shadow: 0 5px 0 #888;
    box-shadow: 0 5px 0 #888;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#009A44', Direction=-180, Strength=5);
    text-decoration:none;
    font-size:1.2em;
    color:#333;
    text-align:center;
    cursor:pointer;
}
#register-form .errorMessage { font-size: 14px; padding: 0 10px; margin: 2px 0; float: left; line-height:24px; background-color:#F2DEDE;  border-radius:3px; border: 1px solid #EED3D7; text-align:center;}
#register-form .errorMessage:before { content: "X"; margin-right:10px;}
#register-form .input { float: left;}
#register-form img { display: inline-block; float: left;margin: 3px 0px 0 0;}
#register-form .fix { margin-bottom: 15px;}
#register-form .verifyCode { float: left; font-size: 14px; margin-right: 10px; background: #ccc; width: 175px; height:30px; line-height: 30px; text-align: center; border-radius:5px; overflow: hidden;}
#register-form .verifyCode img{ float: left; width: 90px; height:30px; line-height: 30px; }

#register-form .notice { margin:15px; text-align:left; line-height:28px; }
#register-form .notice strong { color:#009A44;}
#register-form { margin:0 auto; border:1px solid #d6d6d6; border-radius:0 0 5px 5px; font-size: 14px; }
#register-form .form_box { text-align: left; width: 100%; margin: 0; padding: 0; }
#register-form .tab-content { text-align: left; width: 100%; }
#register-form label { font-size: 14px; font-weight: normal; color: #333; }
/*
#register-form .label_icon_user, #login-form .label_icon_pw { float:left;  display:inline-block; border-radius:5px 0 0 5px; width:43px; height:42px; line-height:42px; text-align:center; background-color:#82C2E1; }
#register-form .fa_user:before { font-size:18px; content: "\f007"; color:#FFFFFF; }
#register-form .fa_pw:before { font-size:18px; content: "\f084"; color:#FFFFFF;}
#register-form .fa_email:before { font-size:18px; content: "\f003"; color:#FFFFFF;}
#register-form input.form-control {
	float:left;	
	height:40px;		
	padding-left:10px; 
	border-color: #CCCCCC;
    border-image: none;
    border-radius: 0 5px 5px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    padding-left:10px;
    margin: 0;
    width: 250px;	
}

#register-form input.captcha { border-style:solid; border-width:1px; border-radius:5px; width:130px;}
#register-form .captcha_img { float:left; width:140px; margin-left:20px; line-height:42px; height:42px; background-color:#CCCCCC;  border-radius:5px;}
#register-form .captcha_img a { color:#428BCA; }
#register-form .form_box {width: 100%; }
#register-form .form_box li { height:38px; line-height: 38px; margin-bottom: 20px; }
#register-form .form_box li .errorMessage { float:right; width:160px; background-color:#F2DEDE;  border-radius:5px; border: 1px solid #EED3D7; text-align:center;}
#register-form .fa_error:before { content: "\f00d"; margin-right:10px;}
#register-form .form_box li.last { text-align:left; }
#register-form .error_message em { display:block; color:#B94A48; }
#register_submit { float:right; border-radius: 4px; display: inline-block; font-size: 14px; font-weight: 400; padding: 6px 12px;  
	margin-right:187px;  line-height:1.5em;  vertical-align: middle; white-space: nowrap;background-color: #5CB85C; border-color: #4CAE4C; min-width:92px;
	color:#FFFFFF;	cursor:pointer;
}
#register-form .login_link { color:#428BCA; }
.copyright { margin-top:30px; text-align:center;}
.copyright p { line-height:30px; }

#register-form .form_box .emailist{ left:43px; border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
#register-form .form_box .emailist li{ line-height:26px; margin-bottom:5px;  height:26px; padding:2px 11px; cursor:pointer; text-align:left; }
#register-form .form_box .emailist .on, .emailist li:hover{background-color:#eee;}
*/

/*lable标签的大小、位置、背景颜色更改，在css选择时，“+”代表相邻元素，即当前元素的下一元素*/
/*
.checkbox1 +label{
    display: block;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 15px;
    width:30px; height:30px; padding:0 5px; margin-right:10px; margin-bottom:10px; border-left:1px solid #666666; border-top:1px solid #666666; border-radius:3px; background-color:#e5e6e6;
}
*/
/*当input框为选中状态时，lable标签的样式，其中在css选择时，“：”表示当前input框的值，即checked；
      该部分主要对显示的“对号”的大限居中方式，显示颜色进行了设置*/
/*
.checkbox1:checked +label::before{
    display: block;
    content: "\2714";
    text-align: center;
    font-size: 18px;
    color: #333;
}
input[type=checkbox], input[type=radio]{width:15px;height:15px;}
*/