*{border:0px solid #eee;margin:0;padding:0;list-style:none}
html,body,#bg,#bg table,#bg td,#cont{width:100%;height:100%;overflow:hidden}
body{font-family:Arial,sans-serif;font-size:12px;cursor:default;color:#000;}
h2,.box div img{padding-bottom:10px}
a{text-decoration:none;color:#000;outline:0}

#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%}
#bg td{vertical-align:middle;text-align:center}
#bg img{min-height:50%;min-width:50%;margin:0 auto}
#cont{position:absolute;top:0;left:0;height:100%;z-index:70;overflow:auto}

#login{width:30%;top:0;bottom:0;right:0;background-color:rgba(0,0,0,0.5);position:absolute;}
.title{text-align:center;padding-top:80px}
.title img{max-width:90%; max-height:90%;}
.wrap{position:absolute;bottom:0;right:0;left:0;}
.login{position:absolute;left:18%}
.login .inputwrap{padding-bottom:10px;}
.login .inputwrap input{width:240px;height:40px;border-radius:5px;text-indent:8px}
.login span{position:absolute;top:0;left:104%}
.login span input{width:100px;height:90px;background-color:#da2128;color:#fff;border-radius:5px;cursor:pointer;font-weight:bold}
.bullet{color:#d7d7d7;font-size:12px;text-align:left;line-height:1.6em;padding-top:120px;width:70%;padding-left:18%}
.logo{text-align:center;padding-top:80px;padding-bottom:30px;}
.logo img{max-width:90%;max-height:90%;vertical-align:middle;}

/* Display 1500 */
@media (max-width:1500px){
.login .inputwrap input{width:160px;}
.title img{max-width:70%; max-height:70%;}
.title{text-align:center;padding-top:40px}
}