@charset "utf-8";
/* CSS Document */

*{ font-family:"Microsoft yahei"; padding:0; margin:0;}

.wrap_1000{ width:1100px; margin:0 auto;}
.header{ overflow:hidden;}
.header h1{ font:bold 36px/1.5em ""; color:#000; display:inline-block; float:left; width:60%; padding:20px 0;}
.header span{ font:14px/24px ""; padding:5px 15px; margin-top:32px; display:inline-block; float:right; border-radius:15px; border:1px solid #858da1;}

.wrapC{ background-color:#009688;}
.wrapCBg{ background: url(../images/login/wrapC_Bg.png) right no-repeat; height:480px; padding-top:30px;}
.wrapC .leftImg{ background:url(../images/login/logLeftImg.png) no-repeat; width:483px; height:328px; float:left; margin-top:50px;}
.wrapC .logArea{ float:right; background:url(../images/login/logBg.png) bottom center no-repeat; padding-bottom:50px; margin-right:80px;}
.wrapC .logArea .log{ background:#fff; box-shadow: 0px 1px 3px #333; width:370px; /*height:400px;*/}

.wrapC .logArea .log{ 
	background:#fff;
	padding:30px;
	width:400px;
	overflow:hidden;
	margin-top:5px;
}
.wrapC .logArea .log p a,.wrapC .logArea .log p a.off{ display:inline-block; float:left; width:70px;
	background:url(../images/login/circle.png) 20px 0 no-repeat;
	padding-left:55px;
	height:48px;
	line-height:28px;
	text-decoration:none;
	color:#264e89;
}
.wrapC .logArea .log p a.wgfb.on{
	background-image:url(../images/login/circleWgfbOn.png);
}
.wrapC .logArea .log p a.fhpm.on{
	background-image:url(../images/login/circleFhpmOn.png);
}
.wrapC .logArea .log p a.child.on{
	background-image:url(../images/login/circleKidsOn.png);
}
.wrapC .logArea .log label{
	display:block;
	margin-top:15px;
}
.wrapC .logArea .log label .inputS01{ 
	background:#f5f7f9;
	border-radius:8px;
	border:1px solid #edf0f3;
	padding:5px 10px 5px 50px;
	height:40px;
	width:305px;
	font:16px/40px "";
	background-position: 13px 12px;
	background-repeat:no-repeat;
	-moz-box-shadow:2px 3px 5px #929eac inset;              /* For Firefox3.6+ */
	-webkit-box-shadow:2px 3px 5px #929eac inset;           /* For Chrome5+, Safari5+ */
	box-shadow:2px 3px 5px #929eac inset; 
	
}
.wrapC .logArea .log label .inputS01.user{ background-image:url(../images/login/user.png);}
.wrapC .logArea .log label .inputS01.pwd{ background-image:url(../images/login/pwd.png);}
.wrapC .logArea .log label .inputS01.phone{ background-image:url(../images/login/phone.png);}
.wrapC .logArea .log label .inputS01.yzm{ background:0 0; padding-left:15px; width:200px;}
.wrapC .logArea .log label .yzmImg{ height:50px; width:100px; float:right; border:1px solid #edf0f3;}
.wrapC .logArea .log label .yzmBtn{line-height: 48px; color: #ff8800;
	padding: 0 15px;
	border: 1px solid #ff8800;
	margin-left: 15px;
	border-radius: 10px;
	height: 48px;
	display: inline-block;
	text-decoration: none;}
.wrapC .logArea .log label .yzmBtn:hover{ text-decoration: underline; background: #ff8800; color:#fff;}
.wrapC .logArea .log .tips{ 
	font:14px/20px "";
	color:#cc0000;
	margin-top:10px;
	text-align:center;
}
.wrapC .logArea .log .subBtn{
	background:#ff9600;
	border-radius:8px;
	border:1px solid #edf0f3;
	padding:5px 10px 5px 10px;
	height:40px;
	text-align:center;
	font: 18px/40px "";
	color:#fff;
	display:block;
	margin-top:15px;
	cursor:pointer;
	text-decoration:none;
}
.wrapC .logArea .log .subBtn:hover{
	background:#ff8800;	
}



.footer p{ font:14px/2em ""; color:#808080; text-align:center; padding:20px 0;}


