*{
    padding:0;
    margin:0;
}
html{ width: 100%; height: 100%;}
body{
    /*
        background:url("images/bg_m.jpg") no-repeat;
    */
    background-position:50% 0%;
    padding: 0; margin: 0; position: relative; width: 100%; height: 100%;;
}
#width_height {
    width:100%;
    height:100%;
    position:absolute;
    text-align: center;
}
#width_height::before{
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}
.gate_content{
    width: 300px;
    display: inline-block;
    vertical-align: middle;
}
#logo{
    width:300px;
    margin: 0px auto 20px;
    text-align:center;
}
#logo img {
    width:100%;
}
#logo h5{
    font-size: 30px;
    margin:40px auto 10px;
    color:#323232;
    font-weight: 700;
}
#logo p{
    font-size:30px;
    margin-top: -11px;
    color:#575757;
}
#content_form{
    width:300px;
    height:280px;
    margin:20px auto;
    color:#999;
}
#content_form ul li {
    list-style:none;
    float:left;
    width:100%;
    height:50px;
    margin: 8px auto;
    border-radius: 5px;
    box-shadow: 4px 2px 13px #ccc;
    background-color: #ffffff;;
}
#content_form ul li .icon_1{
    background:url(../images/icon1.png) no-repeat center center;
    background-size: 25px;
}
#content_form ul li .icon_2{
    background:url(../images/icon2.png) no-repeat center center;
    background-size: 25px;
}
#content_form ul li .icon_3{
    background:url(../images/icon3.png) no-repeat center center;
}
#content_form ul li label{
    height: 50px;
    width: 50px;
    float: left;
    margin-right:5px;
    line-height: 50px;
}
#content_form ul li input{
    height: 100%;
    border: none;
    color: #6d6d6d;
    font-size: 20px;
    outline: none;
    width: 245px;
    text-indent: 5px;
}
#submit{
    width: 100%;
    height: 50px;
    background: #424242;
    color: #FFF;
    font-size: 20px;
    font-family: "microsoft yahei";
    cursor: pointer;
    border-radius: 5px;
    margin: 15px 0;
    border: none;
}

#help{
    position: fixed;
    top: 19px;
    right: 20px;
    font-size: 24px;
    color: #424242;
}
#help img{
    width:27px;
    position:relative;
    right:6px;
    top:-3px;
    vertical-align: middle;
}
ul#foger_regist li {
    background: none;
    width: 40%;
    box-shadow: none;
    text-align: center;
    font-size: 2.1em;
    color: #424242;
    height: 50px;
    float: right;
}

.item a{color: #666666;text-decoration: none}
.item .noaccount{ width:135px; text-align: left; padding-left: 15px; float: left; }
.item .forget{ width:135px; text-align: right; padding-right: 15px;  float: left;  }

