*{
   margin: 0;
   padding: 0;
}
input,button,select,textarea
{
   outline:none
}
::-webkit-input-placeholder { color:white; }
::-moz-placeholder { color:white; } /* firefox 19+ */
:-ms-input-placeholder { color:white; } /* ie */
input:-moz-placeholder { color:white; }
p{
   font-family: "黑体";
}
.outbox{
   position: fixed;
   width: 100%;
   height: 100%;
}
.bg-left{
   position: relative;
   float: left;
   background: url('../images/login/login_bg_left.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   width: 50%;
   height: 100%;
}
.bg-right{
   position: relative;
   float: left;
   background: url('../images/login/login_bg_right1.jpg');
   background-repeat: no-repeat;
   background-size: 100% 100%;
   width: 50%;
   height: 100%;
}
.bg-left > #small_logo{
   position: absolute;
   width: 15%;
   top: 5%;
   left: 5%;
}
.bg-left > #big_logo{
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   width: 50%;
}
.bg-left > .about{
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 10%;
}
.bg-left > .about > #QR_code{
   position: relative;
   width: 8%;
   margin-left: 3%;
}
.bg-left > .about > a{
   position: relative;
   font-size: 0.9em;
   text-decoration: none;
   color: black;
   margin-left: 3%;
   bottom: 10%;
   border-right: 1px solid black; 
   padding-right: 3%;
}
.bg-left > .about > a:nth-last-child(1){
   border-right: 0;
   padding-right: 0;
}
#loginbox{
   position: absolute;
   width: 100%;
   height: 70%;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   color: white;
}
#login_logo{
   position: absolute;
   width: 40%;
   left: 0;
   right: 0;
   margin: auto;
}
#login_logo1{
   position: absolute;
   width: 14%;
   left: 0;
   right: 0;
   margin: auto;
}
.rightcopy{
   position: absolute;
   width: 100%;
   height: 10%;
   bottom: 0;
}
.rightcopy > p{
   position: absolute;
   color: white;
   font-size: 0.9em;
   bottom: 23%;
   right: 3%;
}
img#QR_code {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 15px;
    bottom: -30px;
}
.button{
   position: relative;
   display:inline-block;
   background: transparent;
   border: 2px solid #a7a7a7;
   width: 40%;
   height: 10%;
   cursor: pointer;
   color: white;
   font-size: 1.2em;
}
.button > p{
   text-align:center;
   line-height:1.6em;
   margin:6px auto;
}

.guestaccess{
    margin-left: 15%;
}

.button:hover{
   background: white;
   color: black;
   border-color: white;
}
.formbox{
   position: relative;
   left: 0;
   right: 0;
   margin: auto;
   width: 40%;
   top: 30%;
   height: 80%;
}
.user{
   display: block;
   width: 100%;
   height: 10%;
   background: transparent;
   color: white;
   font-size: 0.75em;
   font-weight: 500;
   letter-spacing: 4px;
   border-bottom: 1px solid #656565;
   border-top: none;
   border-left: none;
   border-right: none;
   margin: 10px 0;
}
.user:-moz-placeholder{
   color: white !important;
}
.user::-webkit-input-placeholder{
   color: white !important;
}
.passwd{
   display: block;
   width: 100%;
   height: 10%;
   background: transparent;
   color: white;
   font-size: 0.75em;
   font-weight: 500;
   letter-spacing: 4px;
   border-bottom: 1px solid #656565;
   border-top: none;
   border-left: none;
   border-right: none;
   margin: 10px 0;
}
.passwd:-moz-placeholder{
   color: white !important;
}
.passwd::-webkit-input-placeholder{
   color: white !important;
}
.security-code-box{
   position: relative;
   width: 100%;
   height: 10%;
}
.security-code{
   display: block;
   width: 70%;
   padding-right: 30%;
   height: 100%;
   background: transparent;
   color: white;
   font-size: 0.9em;
   font-weight: 500;
   letter-spacing: 4px;
   border-bottom: 1px solid #656565;
   border-top: none;
   border-left: none;
   border-right: none;
   margin: 10px 0;
}
.security-code-image{
   position: absolute;
   width: 80px;
   right: 5px;
   height: 30px;
   top:0;
   bottom:0;
   margin: auto 0;
}
.forgetpwd-box{
   position: relative;
   width: 100%;
   height: 10%;
}
.forgetpwd-text {
  bottom: 0;
  font-size: 1em;
  height: 20px;
  margin-bottom: auto;
  margin-top: auto;
  position: absolute;
  right: 0;
  top: 0;
  color: white;
  text-decoration: none;
}
.line {
   height: 1px;
   margin: 30px 0;
   position: relative;
}
.line-left {
   border: 1px solid #393939;
   float: left;
   width: 43%;
}
.line-right {
   border: 1px solid #393939;
   float: right;
   width: 43%;
}
.line > p {
   background: transparent none repeat scroll 0 0;
   float: left;
   position: relative;
   font-size: 0.9em;
   top: -0.6em;
   left: 3%;
}
@media screen and (max-width:1400px){
	.line > p {
   background: transparent none repeat scroll 0 0;
   float: left;
   position: relative;
   font-size: 0.9em;
   top: -0.6em;
   left: 2%;
}
}
.line-right::after{
   content: '';
   clear: both;
}