@charset "utf-8";
/****
***** Author：YuWei
***** Date：2014/9/1
***** Description：全局样式
****/
html,body {height:100%;}
body{background:#005E84; font:12px/1.5 tahoma, Arial,"宋体", SimSun, Helvetica, sans-serif; text-align:left; color:#333333; position: relative;}
html,body,div,span,img,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{border:0; outline: none; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{text-decoration:none;}
from{display:block;}
i,em{font-style:normal;}
u{text-decoration:none;}
ul,li{list-style-type:none; list-style:none;}
table,tr,th,td,select,option,input{outline:none;}
a img{border:0; outline:none; blr:expression(this.onFocus=this.blur());}
a:focus { outline:none; -moz-outline:none;}
a {text-decoration:none; color:#333; cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover {text-decoration:underline; color:#23729E;}
/*浮动及清除浮动*/
.fl{float:left;}
.fr{float:right;}
.clear {clear:both; overflow:hidden; height:0; font-size:0; line-height:0;}
/*背景*/
.bg{width:100%; height:100%; z-index:-1; position:absolute;}

.top{width: 100%; height: 68px; margin: 0 auto; background: rgba(255,255,255,0.7); border-bottom: 1px solid #E5E5E5;
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80ffffff,endColorstr=#80ffffff)";
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80ffffff, endColorstr=#80ffffff);
}
.topbox{width: 960px; height: 68px; margin: 0 auto; overflow: hidden;}
.logo{width: 180px; height: 68px; float: left;}
.banben{height: 38px; margin: 15px 0 15px 20px; padding-left: 25px; border-left: 1px solid #999; float: left; font: 400 20px/38px "Microsoft YaHei","微软雅黑",Arial,"宋体"; color: #666666;}
.goindex{float: right; font: 400 16px/68px "Microsoft YaHei","微软雅黑",Arial,"宋体";}
.goindex a{color: #000;}
.goindex a:hover{color: #0E87FF; text-decoration: none;}

/*登陆界面*/
.container{width: 100%; height:430px; position: absolute; top: 50%; margin-top: -215px; z-index: 9999;}
.login {width: 960px; margin: 0 auto; height: 430px;}
.loginbox{
        float: right;
        box-shadow: 0 0 6px #888;
        width: 300px;
        height: 350px; 
        padding: 40px;
        background: rgba(255,255,255,0.7);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80ffffff,endColorstr=#80ffffff)";
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80ffffff, endColorstr=#80ffffff);
        overflow: hidden;
}
.loginbox h2{height: 40px; border-bottom: 1px dotted #a2a2a2; font:400 20px/40px "Microsoft YaHei","微软雅黑",Arial,"宋体";}

.loginul{width: 300px; height: auto; overflow: hidden;}

.loginul li{width: 300px; height: 34px; margin-top: 20px;}

.loginul li label{display: inline-block; width: 80px; font: 400 14px/34px "Microsoft YaHei","微软雅黑",Arial,"宋体"; float: left;}

.loginul li .inputstyle{display: inline-block; width: 213px; height: 32px; float: left; padding-left: 5px; border: 1px solid #8E9198; background:#FFF; font: 400 14px/32px "Microsoft YaHei","微软雅黑",Arial,"宋体";}

.loginul li .yantxt{display: inline-block; width: 150px; height: 32px; float: left; padding-left: 5px; border: 1px solid #8E9198; background:#FFF; font: 400 14px/32px "Microsoft YaHei","微软雅黑",Arial,"宋体";}

.loginul li .yanpic{display: inline-block; width: 58px; height: 34px; float: left; margin-left: 5px;}

.loginul li .yanpic img{width: 58px; height: 34px; vertical-align: middle;}

.loginul li input:focus{border: 1px solid #FD7114;}

.loginul li.button{height: 40px;}

.loginul li.button .login_button{display: inline-block; float: left; text-align: center; border: none; background: #fa7b00!important; color: #fff!important; width: 140px; height: 40px;  cursor: pointer; font:700 16px/40px "Microsoft YaHei","微软雅黑",Arial,"宋体";}

.loginul li.button .delete_button{display: inline-block; float: right; text-align: center; border: none; background: #0E87FF!important; color: #fff!important; width: 140px; height: 40px;  cursor: pointer; font:700 16px/40px "Microsoft YaHei","微软雅黑",Arial,"宋体";}

/*页脚*/
.footer {padding: 20px 0 20px; width: 100%; height: 20px; border-top: 1px solid #e5e5e5; position:absolute; bottom: 0px; background: rgba(255,255,255,0.7); text-align: center; font: 400 12px/20px tahoma, Arial,"宋体";
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80ffffff,endColorstr=#80ffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80ffffff, endColorstr=#80ffffff);
}