@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
img{
	border:none;
}
a{
	text-decoration:none;
}
.main{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	font-family: \5FAE\8F6F\96C5\9ED1; /*微软雅黑*/
}
/*公告*/
.affiche{
	float:left;
	width:450px;
	margin:35px 0 30px 50px;
}
.affiche p{
	font-size:12px;
	line-height:20px;
	color:#333;
}
.affiche .p1{
	text-indent:26px;
}
.affiche .p2{
	text-indent:26px;
	margin-top:10px;
	margin-bottom:5px;
}
.clear{
	clear:both;
}
.login{
	float:left;
	width:347px;
	height:450px;
	background:url(../images/login-bg.png) no-repeat left top;
	position:relative;
	margin:35px 0 0 50px; 
}
.username,.password{
	position:absolute;
	width:200px;
	height:20px;
	line-height:20px;
	left:90px;
	font-size:14px;
	font-family: \5FAE\8F6F\96C5\9ED1;
	letter-spacing:1px;
	padding-left:5px;
	border:none;
}
.username{
	top:83px;
}
.password{
	top:137px;
}
#text{
	color:#ccc;
}
.forget-pw{
	position:absolute;
	top:175px;
	right:20px;
	color:#666;
	font-size:12px;
}
.forget-pw:hover{
	color:red;
}
.login-button{
	width:310px;
	height:45px;
	background:url(../images/login-button.png) no-repeat left top;
	border:none;
	cursor:pointer;
	position:absolute;
	top:205px;
	right:20px;
}
.reg{
	position:absolute;
	top:265px;
	right:20px;
	font-size:12px;
	color:#52a2df;
	text-decoration:underline;
}
.reg:hover{
	color:#219fe6;
	font-weight:bold;
}
.login .info{
	font-size:12px;
	position:absolute;
	top:360px;
}
.login .info p{
	margin-left:80px;
	line-height:22px;
}
/*提示*/
.hint{
	clear:both;
	text-align:center;
	margin-top:100px;
	font-size:12px;
	color:red;
}
/***********"用户注册"的弹出层**************/
#mask{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity=30);
	position:absolute;
	left:0;
	top:0;
	z-index:9998;
	display:none;
}
#layer{
	width:610px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-305px;
	margin-top:-175px;
	z-index:9999;
	display:none;
	border:2px solid #d1d1d1;
	background:#fff url(../images/vertical-line.png) no-repeat center center;
	color:#727272;
	font-size:14px;
	line-height:25px;
}
/* ie6 hack*/
*html, *html body {
	background-image: url(about:blank);
	background-attachment: fixed;
}
*html #layer {
	/* position fixed */
	position: absolute;
	top: expression(((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+20+'px');
	margin-top: 0;
}
.corner-top,.corner-bottom{
	width:100%;
	height:5px;
}
#layer h2{
	color:#2d82d2;
	font:bold 16px 微软雅黑;
	margin:0 20px;
	padding:10px 0;
}
#layer hr{
	margin:0 20px;
	height:1px;
	border:none;
	border-top:1px solid #cdcdcd;
}
#close{
	width:11px;
	height:12px;
	background:url(../images/close.png) no-repeat center center;
	position:absolute;
	top:20px;
	right:20px;
	cursor:pointer;
}
#close:hover{
	background:url(../images/close2.png) no-repeat center center;
}
.mid-left,.mid-right{
	width:300px;
	float:left;
}
.mid-left p,.mid-right p{
	text-indent:28px;
	margin:0 28px;
}
#layer .button2{
	width:131px;
	height:48px;
	color:#fff;
	background:url(../images/button2-bg.png) no-repeat center center;
	border:none;
	font-size:22px;
	font-weight:bold;
	cursor:pointer;
	margin:20px 0 20px 80px;
}
#layer .button2:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}