@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html,body {
	position: relative;
	height: 100%;
	overflow: hidden;
}

body {
	background: #fff url('../images/login/login-bg.jpg') 50% 50% no-repeat;
	background-size: cover;
	background-origin: padding-box;
	background-clip: border-box;
	font:12px tahoma,Arial,Verdana,sans-serif;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/resources/images/login/login-bg.jpg',sizingMethod='scale');
	font-family: "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
}

img {
	border: 0;
	vertical-align: left;
}

#container {
	width: 1000px;
	position: relative;
	top: 50%;
	margin: -250px auto 0;
}

#container .lft {
	float: left;
}

#container .lft img {
	height: 350px;
}

#container .rgt {
	float: right;
}

#container .login-box {
	width: 492px;
	height: 300px;
	margin-top: 20px;
	background: url('../images/login/login-box.png?v=1226') 0 0 no-repeat;
	overflow: hidden;
}

.login-box .logo {
	padding: 20px 0;
	margin: 0 20px;
	border-bottom: 1px dotted #327bb2;
	display: block;
	overflow: hidden;
}

.login-box .logo img {
	float: left;
	height: 67px;
}

.login-box .logo h1,.login-box .logo h2 {
	float: left;
	line-height: 35px;
	margin-left: 10px;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 4px;
	font-family: "Open Sans","STHeiti",sans-serif;
}

.login-box .logo h2 {
	line-height: 30px;
	font-size: 20px;
}

.login-box #loginForm {
	padding: 15px 50px;
}

p.main {
	margin: 10px 0;
	float: left;
}

p.main input {
	background: #fff;
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #555;
	width: 188px;
	height: 20px;
	padding: 5px 15px;
	font-family: "Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
	letter-spacing: 2px;
}

p.main select {
	background: #fff;
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #555;
	width: 220px;
	height: 30px;
	outline: none;
	cursor: pointer;
}

p.main input:focus {
	border-color: #e05757;
}

p.main .yzm-pic img {
	width: 90px;
	height: 32px;
	margin-left: 10px;
	cursor: pointer;
}

input.login {
	float: right;
	font-size: 20px;
	color: #fff;
	width: 128px;
	height: 128px;
	line-height: 128px;
	margin-top: 10px;
	letter-spacing: 4px;
	background: #0168b7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	cursor: pointer;
}

input.login:hover {
	opacity: .75;
	filter: alpha(opacity = 75);
}

.login-dock {
	width: 1200px;
	position: absolute;
	bottom: 36px;
	left: 50%;
	margin-left: -600px;
}

.login-dock .dock {
	width: 1000px;
	height: 185px;
	padding: 0 95px 0 105px;
	background: url('../images/login/dock-bj.png') 54% 100% no-repeat;
	background-size: 100% 70px;
	overflow: hidden;
}

.login-dock .dock .icon {
	width: 200px;
	height: 200px;
	margin: 0 0px;
	background: url('../images/login/dock-yj01.png') 50% 50% no-repeat;
	background-size: cover;
	float: left;
	cursor: pointer;
}

.login-dock .dock .icon.zf {
	background-image: url('../images/login/dock-yj01.png');
}

.login-dock .dock .icon.zf:hover, .login-dock .dock .icon.zf.current {
	background-image: url('../images/login/dock-yj02.png');
}

.login-dock .dock .icon.awh {
	background-image: url('../images/login/dock-awh01.png');
}

.login-dock .dock .icon.awh:hover, .login-dock .dock .icon.awh.current {
	background-image: url('../images/login/dock-awh02.png');
}

.login-dock .dock .icon.qy {
	background-image: url('../images/login/dock-qy01.png');
}

.login-dock .dock .icon.qy:hover, .login-dock .dock .icon.qy.current {
	background-image: url('../images/login/dock-qy02.png');
}

.login-dock .dock .icon.jg {
	background-image: url('../images/login/dock-jg01.png');
}

.login-dock .dock .icon.jg:hover, .login-dock .dock .icon.jg.current {
	background-image: url('../images/login/dock-jg02.png');
}

.login-dock .dock .icon.zj {
	background-image: url('../images/login/dock-zj01.png');
}

.login-dock .dock .icon.zj:hover, .login-dock .dock .icon.zj.current {
	background-image: url('../images/login/dock-zj02.png');
}

.login-foot {
	width: 100%;
	height: 36px;
	line-height: 36px;
	color: #4c81b3;
	background-color: #051f50;
	position: absolute;
	bottom: 0;
	text-align: center;
	opacity: .90;
	filter: alpha(opacity = 90);
}

fieldset {
	color: #eee;
	padding: 80px 10px;
	margin: 50px 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cccccc;
}

fieldset strong {
	font-weight: bold;
}