/* cssreset */
abbr,acronym{border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,
p,blockquote,th,td{margin:0;padding:0;}
caption,th{text-align:left;}
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
html{background:#FFF;color:#000;}
input,textarea,select{*font-size:100%;font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
ol,ul{list-style:none;}
q:before,q:after{content:'';}
sub{vertical-align:text-bottom;}
sup{vertical-align:text-top;}
table{border-collapse:collapse;border-spacing:0;}

/* login */
html {
	height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/18px Arial, sans-serif;
	height: 100%;
	color: #3e3e3e;
}
.wrapper {
	width: 100%;
	min-width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #DDDDDD;	
}

a{
	color: #3e3e3e;
	text-decoration: none;
}
a:hover{
	color: #009501;
}

/* Header
-----------------------------------------------------------------------------*/
.header {
	height: 88px;
	background: #fff;
}

.header .logo{	
	width: 960px;
	height: 88px;
	margin: auto;
	background: url(../img/login_sprite.png) no-repeat 0 8px;
}

/* Middle
-----------------------------------------------------------------------------*/
.content {	
	padding: 2em;
}

.content .main{
	width:980px;	
	background: url(../img/login_bg.png) no-repeat left;	
	height:500px;
	margin: auto;
}

.content .main .infos{
	float: left;
	width: 550px;
	position: relative;
	top: 5em;
	left: 6em;
 }

.content .main .infos .info-tick{
	padding-top: 2em;	
}

.content .main .infos .unit{
	font-family: 'Simhei';
	font-size: 16pt;	
	color:green;	
	position: relative;
	top:3.5em;
}

.content .main .infos .unit1{
	top:5em;
	left:10em;
}

.content .main .infos .unit2{
	top:12.5em;
	left:10em;
}

.content .main .infos .des{
	font-family: 'Simhei';	
	font-size: 16pt;
	color:green;
	margin-left: 4px;
	line-height: 1.5em;
	clear: both;
}

.content .main .login-form{
	float: right;
	position: relative;
	top: 5em;	
	width: 300px;
	background: white;
	border: 1px solid #C7C8C7;
	border-radius: 5px; 
	padding: 2em;
}

.content .main .login-form .title{
	width: 120px;
	height: 29px;
	margin-left: 0.5em;
	background: url(../img/login_sprite.png) no-repeat 0px -94px;
}

.content .main .login-form .msg{
	margin: 1em 0 0 1em;
	font-size: 10pt;
	color: red;
}

.content .main .login-form .username,.content .main .login-form .password{
	border: 1px solid #D2D2D1;
	padding: 8px 10px 8px 2em;
	font-weight: bold;
	width: 246px;
	font-size: 12pt;
	border-radius: 3px;
	margin-top: 1em;
	background: url(../img/login_sprite.png) no-repeat;
}

.content .main .login-form .username:hover,.content .main .login-form .password:hover{
	border-color: #32cd32;
}

.content .main .login-form .remember{
	margin-top: 1em;
	font-weight: bold;
	font-size:12.5pt;
}

.content .main .login-form .username{
	background-position: 0px -140px;
}

.content .main .login-form .password{
	background-position: 0px -198px;
}

.content .main .login-form .bt-login{
	border: 1px solid #00A000;
	padding: 8px 10px;
	font-weight: bold;
	width: 295px;
	font-size: 14pt;
	border-radius: 3px;
	margin-top: 1em;
	background-color: #00C217;
	color: white;
	cursor: pointer;
}
.content .main .login-form .bt-login:hover{
	background-color: green;
}

.content .main .login-form .line{
	border: 1px dashed #d9d9d6;
	margin: 1.6em 0px;
}

.content .main .login-form .qr{
	width: 213px;
	height: 96px;	
	margin: auto;
	background: url(../img/login_sprite.png) no-repeat 0px -267px;
}

/* Footer
-----------------------------------------------------------------------------*/
.footer {
	margin: -60px auto 0;
	min-width: 960px;
	height: 60px;
	background: #fff;
	position: relative;
}
.footer .footer-links{
	width: 960px;
	text-align: right;
	font-family: 'Simhei';
	font-size: 12pt;
	line-height:60px;
	margin: auto;
}