html, body {padding:0; margin:0;  background-color: #dddddd; width: 100%; height: 100%; font-family:微软雅黑; font-size:14px;}
ul,li,p,dl,dt,dd{margin:0; padding:0; list-style:none;}
.mainbox{
	background:#fafafa;
	position:absolute; top:50%; left:50%;
	width:720px; height:330px;  margin:-165px 0 0 -360px;
}
	.loginbox{
		overflow:hidden; zoom:1;
		background:#fafafa;
	}
	.loginbox dt{
		float:left; width:279px; height:330px;
		background:url(../images/img.png) 70px 54px no-repeat;
	}
	.loginbox dd{
		float:left;
		width:434px;
		height:241px;
		padding:38px 0px 0 0;
	}
	.loginbox p{
		color:#666666; padding-bottom:10px; line-height:200%;
		width:374px;
	}
	.loginbox p strong{
		font-weight:normal;
		color:#3a6ea5;
	}
	.loginbox p a{margin:0 5px; color:#3a6ea5; text-decoration:none;}
	.input_box {
		position:relative;
		height:48px;
	}
	.input_box input[type="text"],
	.input_box input[type="password"]{
		border:#d2d2d2 1px solid;
		width:300px; height:18px; line-height:18px; padding:7px 0 7px 5px; margin-left:53px;
		background:#fff;
		vertical-align:middle;
		color:#3a6ea5;
		font-size:14px;
		font-family:微软雅黑;
	}
	.input_box input#vcode[type="text"]{
		width:110px;
	}
		.input_box input:hover,
		.input_box input:focus{
			border-color:#8fbdee;
		}
	.input_box input[type="submit"]{
		background:#73acea; border:0; vertical-align:middle;
		width:92px; height:34px; line-height:34px; padding:0;
		text-align:center; color:#fff;
		font-size:16px; font-family:微软雅黑;
		margin-left:13px; cursor:pointer;
	}
	.loginbox i{
		position:absolute; width:36px; height:32px; top:1px; left:1px; z-index:3;
		background:url(../Images/icon.png) center -38px no-repeat;
	}
	.loginbox i.codeico{
		background-position:center -2px;
	}
	.loginbox .bluebox{
		position:absolute; width:53px; height:32px; line-height:32px; top:1px; left:1px;z-index:1;
		color:#666666;
	}
	.loginbox img{
		margin:0; padding:0;
	}
	.logo{
		height:50px;
	}
	#copyright { position: absolute;z-index: 9;top: 100%;margin-top: -35px;width:100%; text-align:center;font-family: Tahoma;font-size: 11px;color: #00456c;}
	#vcdoe_img{
		border:#d2d2d2 1px solid; border-left:0;
	}
	.loginbox .input span[generated="true"], 
	.loginbox span[generated="true"].error {line-height:20px; height:20px; white-space:nowrap; color: Red; font-size:12px;}
	.loginbox .error[style]{padding:5px 0 0px 5px; color:red;}
	.loginbox .error[style="display: inline;"]{background: url(../images/err.png) 8px center no-repeat #fef4f8; display:block !important; padding:3px 0 3px 30px; width:328px; color:#3a6ea5; border:#b5b8c8 1px solid; }
.loginbox .error[style="display: inline;"] { background-image: none;}
	
@media(min-width: 640px) and  (max-width: 767px){
	html, body {width:auto; height:auto;}
  	.mainbox{
		width:640px; margin:20px auto;
		height:auto;
		position:relative; left:auto; top:auto;
	}
	.loginbox dt{
		width:200px;
		background-position:30px 54px;
	}
}

@media (max-width: 639px){
	html, body {width:auto; height:auto;}
  	.mainbox{
		height:auto; margin:20px auto;
		position:relative; left:auto; top:auto;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
	}
	.loginbox dt{
		display:none;
	}
	.loginbox dd{
		float:none;
		padding:20px 15px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; /* Firefox */
		-webkit-box-sizing:border-box; /* Safari */
		width:auto;
		height:auto;
		min-height:240px;
	}
	.loginbox p{
		width:auto;
  }
}

@media (min-width: 480px) and (max-width: 639px) 
{
	.mainbox{
		width:480px;
	}
}

@media (max-width: 479px){
	.mainbox{
		width:320px;
	}
	.input_box {
		height: 58px;
	}
	.input_box input[type="text"],
	.input_box input[type="password"]{
		width:220px; 
	}
	.input_box input#vcode[type="text"]{
		width:70px;
	}
	.input_box input[type="submit"]{
		width:50px;
	}
	.loginbox .input span[generated="true"], 
	.loginbox span[generated="true"].error {padding-left:53px;}
}