@charset "utf-8";
*{margin: 0;padding: 0;}
.mask{
	margin:0;
	padding:0;
	border:none;
	width:100%;
	height:100%;
	background:#333;
	opacity:0.6;
	filter:alpha(opacity=60);
	z-index:9999;
	position:fixed;
	top:0;
	left:0;
	display:none;
	}
#LoginBox{
	position:absolute;
	left:39%;
	top:25%;
	background:white;
	width:426px;
	height:455px;
	border:1px solid #ccc;
	border-radius:5px;
	z-index:10000;
	display:none;
	}
.row1{
	background:#f7f7f7;
	padding:0px 20px;
	line-height:50px;
	height:50px;
	font-weight:bold;
	color:#666;
	font-size:18px;
	}
.row2{
	height:50px;
	line-height:50px;
	padding:0px 10px;
	font-size:14px;
	}
.row3{
	height:140px;
	line-height:50px;
	padding:0px 10px;
	font-size:14px;
	}
.close_btn{
	font-family:arial;
	font-size:30px;
	font-weight:700;
	color:#999;
	text-decoration:none;
	float:right;
	padding-right:4px;
	}
.inputBox{
	border:1px solid #c3c3c3;
	padding:6px 3px 6px 3px;
	border-radius:3px;
	margin-left:5px;
	}
.textareaBox{
	padding:6px 3px 6px 3px;
	border-radius:3px;
	margin-left:3px;
	}
.guojia{
	display: inline-block;
	width: 315px;
	height: 25px;
	margin-left: 5px;
	line-height: 25px;
	}
#txtName{
	height:25px;
	width:310px;
	border:none;
	}
#txtPwd{
	height:25px;
	width:310px;
	border:none;
	}
#content{
	height:120px;
	width:315px;
	border:1px solid #c3c3c3;
}
#loginbtn{
	color:White;
	background:#4490f7;
	text-decoration:none;
	padding:10px 95px;
	margin-left:20%;
	border-radius:5px;
	opacity:0.8;
	filter:alpha(opacity=80);
	-webkit-appearance : none ;
	}
#xunpan{
	width: 150px;
	height: 40px;
	background:#1f8ac7;
	text-decoration:none;
	border-radius:5px;
	border: none;
	display: block;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
	font-family: Arial;
}

.xp a{
	color: #eeeeee;
}

.xp a:hover{
	color: #ffffff;
}

.warning{
	float:right;
	color:Red;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	margin-right:20px;
	display:none;
	}


@media screen and (min-width:600px) and (max-width:900px){
	#LoginBox{
		position:absolute;
		left:24%;
		top:25%;
		background:white;
		width:426px;
		height:455px;
		border:1px solid #ccc;
		border-radius:5px;
		z-index:10000;
		display:none;
	}
}

@media screen and (max-width:600px){
	#LoginBox{
		position:absolute;
		left:1%;
		top:15%;
		background:white;
		width:98%;
		height:455px;
		border:1px solid #ccc;
		border-radius:5px;
		z-index:10000;
		display:none;
	}
	#txtName{
		height:25px;
		width:80%;
		border:none;
	}
	#txtPwd{
		height:25px;
		width:80%;
		border:none;
	}
	#content{
		height:120px;
		width:80%;
		border:1px solid #c3c3c3;
	}
	.guojia{
		display: inline-block;
		width: 80%;
		height: 25px;
		margin-left: 5px;
		line-height: 25px;
	}
}

@media screen and (max-height:600px){
	#xunpan{
		position:fixed;
		right:10px;
		top:350px;
		color:#fff;
		width: 50px;
		height: 50px;
		background:#43af2a;
		text-decoration:none;
		border-radius:5px;
		z-index: 100;
		text-align: center;
	}
}

@media screen and (max-height:550px) and (max-width: 400px){
	#xunpan{
		position:fixed;
		right:10px;
		top:350px;
		color:#fff;
		width: 50px;
		height: 50px;
		background:#43af2a;
		text-decoration:none;
		border-radius:5px;
		z-index: 100;
		text-align: center;
	}
	#LoginBox{
		position:absolute;
		left:1%;
		top:3%;
		background:white;
		width:98%;
		height:455px;
		border:1px solid #ccc;
		border-radius:5px;
		z-index:10000;
		display:none;
	}
	#txtName{
		height:25px;
		width:80%;
		border:none;
	}
	#txtPwd{
		height:25px;
		width:80%;
		border:none;
	}
	#content{
		height:120px;
		width:80%;
		border:1px solid #c3c3c3;
	}
	.guojia{
		display: inline-block;
		width: 80%;
		height: 25px;
		margin-left: 5px;
		line-height: 25px;
	}
}
.biaoname{width: 16%;float: left;}