@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family: Microsoft YaHei;}
body, img { margin: 0px; padding: 0; border: 0;  }
.logo-title {}

.logo-title img{ margin:40px 0 20px 40px; }



#login-page{ width:100%; height:780px;  background:url(img/denglu.jpg) no-repeat ; position:relative;}
#login-page .landing-box{ width:360px; height:450px; opacity:0.65; background-color:#fff; border-radius:6px;  position:absolute; top:20%; left:57.5%; border:#CCC 1px solid;}
#login-page .landing-title{ position:absolute; top:27%; left:60.5%; font-size:26px; font-weight:800; color:#ff7002;}
#login-page .login{ height:20px; border-right: #ff7002 solid 2px; padding:0 4px 0 0; text-align:center; line-height:20px; display:inline-block;}
#login-page span{ opacity:0.6; font-size:20px; color:#0273d4;}
#login-page .login-form{   position:absolute; top:34%; left:60%;}
#login-page .username{ width:280px; height:48px; border-radius:4px; text-indent:20px; background-color:#fff; border:none; opacity:0.8; font-size:16px;  border-bottom:#CCC 1px solid;}
#login-page .password{ width:280px; height:48px; border-radius:4px;text-indent:20px; background-color:#fff;  border:none; margin:40px 0 0 0;opacity:0.8;font-size:16px;border-bottom:#CCC 1px solid;}
#login-page .button{ width:280px; height:48px; line-height:48px border-radius:4px; border:none; margin:40px 0 0 0; text-align:center; background:url(img/button.png) no-repeat center;font-size:24px; color:#fff; outline:none; }
#login-page .copyright{ text-align:center; font-size:16px; color:#fff;  position:absolute; top:85%; left:30%;}