a, b, body, button, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input, li, object, ol, p, pre, span, strong, table, td, textarea, th, ul {
	border:0 none;
	margin:0;
	outline:0 none;
	padding:0;
	vertical-align:baseline
}
li, ol, ul {
	list-style:none
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0 none;
	max-width:100%;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:400
}
body, button, input, select, table, textarea {
	font-size:12px;
	color:#666666;
}
body, html {
	background:#fff;
	-webkit-text-size-adjust:none
}
html {
	overflow-y:scroll
}
a {
	text-decoration:none;
	color:#fff
}
p{ margin:0px; padding:0px;}
.fl{ float:left;}
.fr{ float:right;}

.main { background:url(/Areas/YYHRClient/Content/Images/regbg.png) center; width:100%; height:100%;}

footer{ width:100%; padding:20px; text-align:center; margin-top:20px; position:fixed; bottom:0px;}
footer p{ line-height:20px; height:20px;}
footer a:link,footer a:hover,footer a:visited{ color:#666666; }

.title { width:1160px; margin:0 auto; height:123px;}
.title .logo{ float:left; }
.title .back{ float:right; }

.regbox {  width:1160px; margin:0 auto; padding-top:40px; height:500px; background:#fff; }

.regtitle { width:1060px; height:40px; margin:0 auto;}

.regform{ width:1060px; margin:0 auto; }
.regform dl{ width:500px; height:45px; line-height:45px; margin-top:40px; font-size:14px; overflow:hidden;}
.regform dt{ width:80px; height:45px; float:left;}
.regform dd{ width:420px; height:45px; float:left; }
.regform dd input{ padding-left:10px; width:408px; height:43px; border:1px solid #d4d4d4; border-radius:3px; outline:none;}
.regsubmit{  width:420px; padding-left:80px; line-height:45px; padding-top:40px; font-size:14px; }
.regsubmit button{ background:#ffad00; color:#fff; width:408px; height:43px; border:1px solid #ffad00; border-radius:3px;  font-size:14px; font-weight:bold; cursor:pointer;}
.regsubmit span { color:#39bbf9;}

.suss { width:1060px; height:250px; margin:0 auto; background:url(/Areas/YYHRClient/Content/Images/regsuss.png) no-repeat 30% 50%;}
.suss span { margin-left:470px; line-height:250px; font-size:28px; font-weight:bold; color:#39bbf9;}
.sussinfo{ width:500px; margin:0 auto;}
.sussinfo p{ margin-left:50px; line-height:40px; font-size:14px; }
.sussinfo .red{ color:#ea3e00;}
.sussinfo .yellow{ color:#ffad00}
.sussinfo .blue{ color:#39bbf9}

.loginbox{ width:365px; height:380px; margin-top: 75px; float: left;}
.loginbox ul li{ height:26px; line-height:26px; }

.tab-title{ height:30px; line-height:30px; border-bottom:1px solid #e2e2e2; font-size:14px; font-weight:bold; color:#323232; overflow:visible;}
.tab-titleline { height:5px; border-bottom:1px dashed #cecece;}
.tab-title span{ float:left;  height:30px; line-height: 30px;  padding:0 10px;  font-size:14px; color:#656565; cursor:pointer;}
.tab-title .active{ height: 29px; color:#009af2; border-bottom:2px solid #009af2; font-size: 16px; }
.tab-title .more { float:right; font-size:12px; font-weight:normal;}
.tab-title span a:link,.tab-title span a:hover,.tab-title span a:visited{ color:#323232; font-weight:normal;}

.login-banner { width: 640px; height: 480px; float: left; }
.login-banner img { margin: 100px; }

.login{  overflow: hidden;display:block; }
.login input{ width:350px; height:36px; line-height:36px; margin-left:7px;  }
.login .username { width:363px; height:36px; line-height:36px; margin-top:45px; background:url("/Areas/YYHRClient/Content/Images/ipt_userlogin.png") no-repeat; background-position: 95% 50%; border-radius:3px; border:1px solid #afafaf}
.login .usernameactive {background:url("/Areas/YYHRClient/Content/Images/ipt_userlogin_active.png") no-repeat; background-position: 95% 50%;  border:1px solid #009af2 }
.login .passwd { width:363px; height:36px; line-height:36px; margin-top:30px; background:url("/Areas/YYHRClient/Content/Images/ipt_userpwd.png") no-repeat; background-position: 95% 50%; border-radius:3px; border:1px solid #afafaf}
.login .passwdactive {background:url("/Areas/YYHRClient/Content/Images/ipt_userpwd_active.png") no-repeat; background-position: 95% 50%;  border:1px solid #009af2 }
.login .fpasswd { margin-top:10px; color:#afafaf; text-align:left; line-height:22px; height:22px; margin-top:30px;}
.login .fpasswd font{ float:left; margin-left:10px}
.login .fpasswd span { float:right; margin-right:10px;}
.login .fpasswd a:link,.fpasswd a:hover,.fpasswd a:visited{ text-decoration:none; color:#afafaf;}
.login .rememberpwd { width:20px; height:20px; margin-left:0px;}
.login button  { margin-top:30px;  width:363px; height:36px;  border-radius:3px; background:#ffbb28; color:#fff; font-size:14px; cursor: pointer;}
.login button:hover { background: #ffae00;}
.login .regedit { margin-top:5px; color:#afafaf; text-align:left; line-height:22px; height:22px;}
.login .regedit font{ float:left; margin-left:0px}
.login .regedit span { float:left; }
.login .regedit a:link,.regedit a:hover,.regedit a:visited{ text-decoration:none; color:#009af2;}


/* 勾选框 样式五*/

.checkboxFive {
	width: 20px;
	height:20px;
	margin-left:0px;
	position: relative;
	float:left;
}
.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 20px;
	height:20px;
	top: 0;
	left: 0;
	border:1px solid #afafaf;
	border-radius:3px;
}
.checkboxFive label:after {
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 3px;
	left: 4px;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.checkboxFive label:hover::after {
	border: 3px solid #009af2;
	border-top: none;
	border-right: none;
}
.checkboxFive input[type=checkbox]:checked + label{
	border-color:#009af2;
}
.checkboxFive input[type=checkbox]:checked + label:after {
	border: 3px solid #009af2;
	border-top: none;
	border-right: none;
}