@charset "UTF-8";
.wrap-login {
    width: 100%;
    display: table;
    height: 100vh;
    min-width: 980px;
}

.wrap-login .table-login {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 50px;
}

.wrap-login .area-login {
    width: 330px;
    margin: 0 auto;
    position: relative;
    background: #fff;
    text-align: center;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
}

.wrap-login .title-login {
    font-size: 1.5em;
    padding: 15px 0;
}

.wrap-login .intro-login {
    font-size: 15px;
    margin: 5px 0;
}

.wrap-login .input-login {
    font-size: 14px;
    width: 80%;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #c0c0c0;
}

.wrap-login .input-login.top {
    border-radius: 5px 5px 0px 0px;
    border-bottom: 0;
}

.wrap-login .input-login.bottom {
    border-radius: 0px 0px 5px 5px;
}

.wrap-login .submit-login {
    font-size: 15px;
    margin: 15px;
    width: 80%;
    height: 40px;
}

.wrap-login .alert {
    font-size: 0.9em;
    margin: 15px auto 0 auto;
}