@charset "utf-8";
/* CSS Document */
body{100%}
html{100%}
*{ margin:0; padding:0; list-style:none; text-decoration:none; font-family:"微软雅黑"; }
.clear{clear:both}
/*除主页外的头部css*/
textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:rgba(82, 168, 236, 0.8);/*outline:0;outline:thin dotted \9;*/-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}
.top{ width:100%;box-shadow: 1px 1px 3px #f1f1f1;border-bottom:1px solid #d8d8d8;background:#FFF;}
.top_conter{ width:1200px; height:80px;   margin:auto}
.cslogo{ float:left}
.top .top_right{ float:right;  vertical-align: middle;  margin-top:25px;     display: inline-block;}
.top .vertical-divider{border-left: 1px solid #666;
                          display: inline-block;
                          height: 12px;
                          margin: 0 8px;
                          vertical-align: middle;}		
.top .top_right a{ color:#666; line-height:30px;}
.top .top_right a:hover{color:#69F; }



/*nav*/
.header{ width:100%;z-index:999; position:absolute; }
.herdrtop{width:1200px; height:62px; margin:auto; position:relative }
.header .logo{ width:250px; height:46px; background:url(../indexImages/logo.png) no-repeat; margin-top:18px; float:left}

.header .nav{ float:right;width:900px;}
.header .nav li{ float:left; line-height:80px;}
.header .nav li a{ color:#FFF; font-size:14px; padding-right:50px;}
.header .nav li a i{ font-weight:bold}
.header .nav li a:hover{ color:#FF0; font-weight:bold;cursor: pointer;}
.header .top_right{ width:90px; height:26px; float:right;/*background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;*/
               display: inline-block;
               font-size: 14px;
			  
               vertical-align: middle;
			   margin-top:25px;
			   position:absolute;
			   right:0;
			   border-radius:50px;
			  text-align:center;
			  border:1px solid #fff;
					
					 }
.header .vertical-divider{border-left: 1px solid #fff;
                          display: inline-block;
                          height: 12px;
                          margin: 0 8px;
                          vertical-align: middle;}		
.header .top_right a{ color:#FFF; line-height:26px; display:block;
  transition:All 0.4s ease-in-out;
     -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
     -o-transition:All 0.4s ease-in-out; }
.header .top_right a:hover{color:#FF0; font-weight:bold;
background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;border-radius:50px;}



/*css3效果*/
.nav a::before,
.nav a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

.nav a::before {
	margin-right: 10px;
	content: '[';
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

.nav a::after {
	margin-left: 10px;
	content: ']';
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

.nav a:hover::before,
.nav a:hover::after,
.nav a:focus::before,
.nav a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}


					  			 
					 
/*底部*/
.footer{ width:100%; height:135px; background:#474646; margin-top:50px;}
.footer p{ color:#c7c7c7; text-align:center; line-height:24px; font-size:12px; padding-top:50px;}


body{ background-color:#f5f6f7}
.register{ position:relative; width:990px; height:517px; background-color:#FFF; margin:auto; margin-top:70px;box-shadow: 1px 1px 3px #f1f1f1;}
.register .left{ width:340px; height:470px; position:absolute; top:60px; left:70px;}
.register .left p{ font-size:16px; color:#666; line-height:30px;}
.register .left label{ padding-right:5px; color:#F00;}
.register .right{ background:url(../image/Sign-inbanner.jpg) no-repeat; position:absolute; right:0; width:465px; height:517px; }
.register .text{ width:325px; height:35px; border:1px solid #d8d8d8; padding-left:10px; color:#666; margin-bottom:15px;}
.register #tesu{ color:#F00; font-size:12px; font-style:normal;  opacity:0.7;}
.register .but{ width:325px; height:40px; background:#9e8fc2; border:0; color:#FFF; font-size:18px; margin-top:30px; cursor:pointer;transition:all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;}
.register .but:hover{ background:#4ca7d3;}	
.yzm{ width:335px; height:45px; margin-top:15px;}
#ehong-code-input{ border:none;border:1px solid #d8d8d8; padding-left:5px;}



/* CSS Document */
  #ehong-code-input{
	width:85px;
	height:30px;
	/*border:1px solid #d8d8d8;*/
	letter-spacing:2px;
	margin:0px 20px 0px 0px;
	/* display:none */
}
.ehong-idcode-val{
	position:relative;
	padding:4px 15px 4px 5px;
	top:0px;
	*top:-3px;
	letter-spacing:4px;
	display:inline;
	cursor:pointer;
	font-size:20px;
	font-family:"Courier New", Courier, monospace;
	text-decoration:none;
	font-weight:bold;
	border-radius:5px;
}
.ehong-idcode-val0{
	border:solid 1px #A4CDED;
	background-color:#ECFAFB;
}

.ehong-idcode-val1{
	border:solid 1px #A4CDED;
	background-color:#FCEFCF;
}
.ehong-idcode-val2{
	border:solid 1px #6C9;
	background-color:#D0F0DF;
}
.ehong-idcode-val3{
	border:solid 1px #6C9;
	background-color:#DCDDD8;
}
.ehong-idcode-val4{
	border:solid 1px #6C9;
	background-color:#F1DEFF;
}
.ehong-idcode-val5{
	border:solid 1px #6C9;
	background-color:#ACE1F1;
}
.ehong-code-val-tip{
	font-size:16px;
	color:#1098EC;
	top:0px;
	*top:-3px;
	position:relative;
	margin:0px 0px 0px 4px;
	cursor:pointer;
	
}
#yzm{ font-size:12px; color:#666;}