@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{background:url(../images/login1.jpg) no-repeat center 0px;}
#main{
	width:400px;height:300px;margin:0 auto;position:absolute;background:#FFF;left:50%;top:50%;margin-top:-150px;margin-left:-200px;
-moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
-o-border-radius: 5px;
}
#main h1{ background:#bf291b;padding:10px; color:#FFF;filter: progid: DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#bf291b', endColorstr = '#8b1e14');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#bf291b', endColorstr = '#8b1e14')";
background-image: -moz-linear-gradient(top, #bf291b, #8b1e14);
background-image: -ms-linear-gradient(top, #bf291b, #8b1e14);
background-image: -o-linear-gradient(top, #bf291b, #8b1e14);
background-image: -webkit-gradient(linear, center top, center bottom, from(#bf291b), to(#8b1e14));
background-image: -webkit-linear-gradient(top, #bf291b, #8b1e14);
background-image: linear-gradient(top, #bf291b, #8b1e14);-moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
-o-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;;}
.login{padding:30px;}
.login .liin{
border: 2px ridge rgba(187, 185, 189, 0.11);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius:5px;
list-style: none;
background: #F0EEF0;
}
.var_box{position:relative;
height:36px;list-style: none;margin-bottom: 12px;}
.varinput{ width:160px; float:left;}
.login .input{
font-family: 'Droid Sans', sans-serif;
height:36px;
color: #B8B8B8;
padding:0 20px;
font-size: 16px;
outline: none;
background: none;
border: none;
}
.varimg{float:left; display:inline; margin-left:10px; border-left:1px solid #ddd;border-right:1px solid #ddd; margin-top:3px;}
.var_box span{ position:absolute; font-size:16px; left:20px;line-height:36px; color:#888;}
.icon{
	background:url(../images/icons.png)  no-repeat 0px 0px;
	height:30px;
	width:30px;
	display: block;
	position:absolute;
	right:9px;
	top:4px;
}
.psw,.txt{ width:280px;}
.ver{width:120px; float:left;}
.user{
	background: url(../images/icons.png) no-repeat 7px 6px;
	
}
.lock{
	background: url(../images/icons.png) no-repeat -25px 6px;
}
.submit,.reset {
float: left;
margin-top:10px;
color: #fff;
cursor: pointer;
font-weight: 700;
outline: none;
font-family: 'Raleway', sans-serif;
padding: 10px 20px;
font-size: 16px;
border:0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius:5px;
-o-border-radius: 5px;
}
.submit{background: #bf291b;
-moz-box-shadow: 1px 1px 3px #000000;
-webkit-box-shadow: 1px 1px 3px #000000;
box-shadow: 1px 1px 3px #000000;
filter: progid: DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#bf291b', endColorstr = '#8b1e14');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#bf291b', endColorstr = '#8b1e14')";
background-image: -moz-linear-gradient(top, #bf291b, #8b1e14);
background-image: -ms-linear-gradient(top, #bf291b, #8b1e14);
background-image: -o-linear-gradient(top, #bf291b, #8b1e14);
background-image: -webkit-gradient(linear, center top, center bottom, from(#bf291b), to(#8b1e14));
background-image: -webkit-linear-gradient(top, #bf291b, #8b1e14);
background-image: linear-gradient(top, #bf291b, #8b1e14);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;}
.reset{ display:inline; margin-left:15px;color:#333;
        background: #bf291b;
-moz-box-shadow: 1px 1px 3px #000000;
-webkit-box-shadow: 1px 1px 3px #000000;
box-shadow: 1px 1px 3px #000000;
filter: progid: DXImageTransform.Microsoft.Shadow(strength = 1, direction = 135, color = '#000000');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 135, Color = '#000000')";
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#dddddd');
-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#dddddd')";
background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
background-image: -webkit-gradient(linear, center top, center bottom, from(#eeeeee), to(#dddddd));
background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
background-image: linear-gradient(top, #eeeeee, #dddddd);
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
        }
        #errMsg{float:left; margin-top:10px; margin-left:10px; height:38px; line-height:38px; font-size:14px;}