@IMPORT url("common.css");
/**author fants**/

body{
	overflow:hidden;
	font-family:΢ÈíÑźÚ;
}
#bgdiv{
	background:url("../img/login_bg.jpg") no-repeat;
	background-size: 100%;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='resource/img/login_bg.jpg', sizingMethod='scale');
	_background-image:none;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	z-index:-100;
}
#main{
	width:100%;
	height:100%;
	text-align:center;
	position: absolute;
	top:0px;
}
#floater{
	position:relative; 
	float:left;
	height:50%;
	margin-bottom:-136px;
	width:1px;
}
#login_form{
	width:670px;
	height:272px;
	clear:left;
	position:relative;
	margin: 0 auto;
	text-align:left;
}
#login_form_bg{
	width:670px;
	height:272px;
	position: absolute;
	z-index:-50;
	background:url("../img/login_form_bg.png") no-repeat center;
}
#ltop{
	height:50px;
	padding:20px 35px 0 40px;
}
#lcen{
	height:50px;	
	margin-left:10px;
}
#lcen_bg{	
	position: absolute;
	z-index: -30;
	width:603px;
	height:42px;
	left:39px;
	top:74px;
	_top:78px;
	background:url("../img/input_bg_.png") no-repeat center;
}
#lcen #lin{
	width:600px;
	margin:4px 0 0 30px;
	height:42px;
	display:inline-block;
}
#lcen #lin li{
	display: inline-block;
	*display:inline;
	*zoom:1;
	float:left;
	line-height:42px;
	height:42px;
	font-size: 10pt;
	color:#333;
}
#lcen #lin li input{
	_margin-top:5px;
	line-height:30px;
	height:30px;
	border:0px;
	background:#f8f8f8;
	_vertical-align: -6px;
	color:#666;
}
#lcen #lin .l1{
	margin-left:10px;
	width:174px;
}
#lcen #lin .l1 input{
	width:115px;
}
#lcen #lin .l2{
	margin-left:15px;
	width:139px;
}
#lcen #lin .l2 input{
	width:80px;
}
#lbottom{
	margin:15px 25px 0 0;
}
#lbottom #login_btn{
	width:78px;
	height:38px;
	border:0px;
	float:right;
	background:url("../img/login_btn.png") no-repeat left;
}
#lbottom #rbpwd{
	margin:20px 15px 0 0;
	float:right;
}
#lbottom input{
	vertical-align: -2px;
	_vertical-align: 1px;
}
#lbottom #oldsty,#lbottom #kptbar{
	margin:20px 15px 0 0;
	float:right;
}
.lyzm{
	font-size: 18pt;
	margin-left:10px;
	color:#8bb3d0;
}
#mbottom{
	width:100%;
	position:absolute;
	bottom: 10px;
	left:0px;
}
#Online{
	float: right;
	margin-top:30px;
	_margin:0px;
}
#flogo{
	width:120px;
	height:62px;
	display: inline-block;
	*display:inline;
	*zoom:1;
}
.linfo{
	display: inline-block;
	*display:inline;
	*zoom:1;
}
#flogo .footlogo{
	width:130px;
	height:62px;
	display:inline-block;
	filter:alpha(opacity=80);
 	-moz-opacity:0.8;
 	-khtml-opacity: 0.8;
 	opacity: 0.8;
	background:url(../img/metasoft-logo.png) no-repeat right;
	position:relative;
	top:7px;
	_top:3px;
}
#app-qr{
	width:80px;
	height:90px;
	display: inline-block;
	*display:inline;
	*zoom:1;
	text-align: center;
	position:relative;
	left:8px;
}

#app-qr img{
	width:80px;
	height:80px;
	display:inline-block;
	filter:alpha(opacity=80);
 	-moz-opacity:0.8;
 	-khtml-opacity: 0.8;
 	opacity: 0.8;
	position:relative;
	top:-6px;
	_top:0px;
}
#app-qr div{
	white-space:nowrap; 
}

.isplit{
	display:inline-block;
	width:2px;
	height:24px;
	position:relative;
	top:7px;
	_top:1px;
	left:-2px;
	background:url(../img/isplit.png) no-repeat right;
}