#login-from{
    position: relative;
    z-index: 1;
    background: #fff;
    max-width: 360px;
    margin: 0 auto 100px;
    padding: 45px;
    text-align: center;
    box-shadow: 0 0 20px 0 rgba(0,0,0,.2), 0 5px 5px 0 rgba(0,0,0,.24);
}
    .login-page {
    width: 360px;
    padding: 8% 0 0;
    margin: auto;
    }
    .content{
        width:100%;
        height:700px;
    }
    .login-page {
        width: 360px;
        padding: 8% 0 0;
        margin: auto;
    }
    
    .form .register-form {
        display: none;
    }
    .inputclass{
        font-family: Roboto,sans-serif;
        outline: 0;
        background: #f2f2f2;
        width: 100%;
        border: 0;
        margin: 0 0 15px;
        padding: 15px;
        box-sizing: border-box;
        font-size: 14px;
    }
    #login {
        font-family: Microsoft YaHei,Roboto,sans-serif;
        text-transform: uppercase;
        outline: 0;
        background: #f60;
        width: 100%;
        border: 0;
        padding: 15px;
        color: #fff;
        font-size: 14px;
        transition: all .3 ease;
        cursor: pointer;
        background: #f60;
    }
    .message a{
    color: #f60;
    text-decoration: none;
}
.message {
    margin: 15px 0 0;
    color: #b3b3b3;
    font-size: 12px;
}