*{font-size:10pt;border:0;margin:0;padding:0;}
body{font-family:'微软雅黑'; margin:0 auto;min-width:980px;}
ul{display:block;margin:0;padding:0;list-style:none;}
li{display:block;margin:0;padding:0;list-style:none;}
img{border:0;}
span{margin:0;padding:0;display:block;}
a,a:focus{text-decoration:none;color:#000;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{text-decoration:none;color:#00a4ac;}

/*页面背景*/
body {
    margin:0 auto; overflow:hidden;
    background:url(light.png) no-repeat center top #1c77ac;        
}

.header {
    position:absolute; top:0; width:100%; height:50px; line-height:50px; 
    font-size:12pt; color:#000;
    background-color:#14547a; z-index:100; /*background:url(loginbg1.png) repeat-x; */
}

.footer {
    position:absolute; bottom:0; width:100%; height:40px; line-height:40px;
    text-align:center; color:#0b3a58; font-size:10pt;
    background:url(loginbg2.png) repeat-x;
}

.header span{
    float:left; color:#afc5d2; line-height:50px; text-indent:44px;  
    background:url(loginsj.png) no-repeat 21px 18px;          
}

.header ul{float:right; padding-right:30px;}
.header ul li{float:left; margin-left:20px; line-height:47px;}
.header ul li a{color:#afc5d2;}
.header ul li a:hover{color:#fff;}


/*登录框背景*/
.loginbody{
    position:absolute; top:50px; width:100%; height:585px; overflow:hidden; 
    background:url(loginbg3.png) no-repeat center center;    
}

.logo { background:url(logo.png) no-repeat center; width:100%; height:90px; margin-top:80px;}
.logo2 { background:url(logo2.png) no-repeat center; width:100%; height:90px; margin-top:80px;}

/*登录框*/
.loginbox{
    margin: 10px auto; width:692px; height:336px; background:url(loginbox0.png) no-repeat;   
}
.loginbox1{
    margin: 10px auto; width:692px; height:336px; background:url(loginbox1.png) no-repeat;   
}
.loginbox2{
    margin: 10px auto; width:692px; height:336px; background:url(loginbox2.png) no-repeat;   
}

.loginform {
    padding:90px 40px 0px 300px; 
}

.loginform2 {
    padding:75px 100px 0px 250px; 
}

.input-group-magintop {
    margin-bottom: 20px; width: 100%; 
}

/*cloud*/
#mainBody {width:100%;height:100%;position:absolute;z-index:-1;}
.cloud {position:absolute;top:0px;left:0px;width:100%;height:100%;
        background:url(cloud.png) no-repeat;z-index:1;opacity:0.5;}
#cloud2 {z-index:2;}


.tips { width:100%; text-align:center; color:#fff;}
.tips a {color:red;}
.tips a:hover {color:blue;}