/* Simple Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

/* body */
body {
        background: #666666;
        color: #fafafa;
        font-family: 'Meiryo UI', Verdana, Arial, sans-serif;

}

/* Form Layout */
.login_form-wrapper {
        background: #fafafa;
        margin: 3em auto;
        padding: 0 1em;
        max-width: 400px;
        height: 400px; width: 100%; 
        border: none; 
        background:rgba(0,0,0,0)
}

h1 {
        text-align: center;
        padding: 1em 0;
}

form {
        padding: 0 1.5em;
}



.login_form-item {
        margin-bottom: 0.75em;
        width: 100%;
}

.login_form-item input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]) {
        background: #fafafa;
        border: none;
        border-bottom: 2px solid #e9e9e9;
        color: #666;
        font-family: 'Open Sans', sans-serif;
        font-size: 1rem;
        height: 50px;
        transition: border-color 0.3s;
        width: 100%;
}

.login_form-item input:not([type=button]):not([type=submit]):not([type=checkbox]):not([type=radio]):focus {
        border-bottom: 2px solid #c0c0c0;
        outline: none;
}

.login_button-panel {
        margin: 2em 0 0;
        width: 100%;
}

.login_button-panel .button {
        background: #93dbff;
        border: none;
        color: #000;
        cursor: pointer;
        height: 50px;
        font-family: 'Open Sans', sans-serif;
        font-size: 1.2em;
        letter-spacing: 0.05em;
        text-align: center;
        text-transform: uppercase;
        transition: background 0.3s ease-in-out;
        width: 100%;
}

.login_button:hover {
        background: #ee3e52;
}

.login_form-footer {
        font-size: 1em;
        padding: 2em 0;
        text-align: center;
}

.login_form-footer a {
        color: #8c8c8c;
        text-decoration: none;
        transition: border-color 0.3s;
}

.login_form-footer a:hover {
        border-bottom: 1px dotted #8c8c8c;
}

.help_btn{
        text-align: center;
        float:  right;
        max-height: 20px;
        width: 80px;
        margin-top: 0px;
        font-size: 16px;
        text-shadow: 0 0px 0px rgba(0, 0, 0, .3);
        background-color: #fafafa;
        color: #000000;
}

.help_btn:hover {
        background: #f2f2f2;
        color: #1a1a1a;
}