.BG {
   
    
}
body {
    height: 100%;
    font-family: 'THSarabun';
    font-size: 20px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'RSU_Bold', sans-serif;
}

.login {
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9996;
    display: none;
}
.login .content {
    margin: 66px auto 10px auto;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.form-group.has-error label {
    color: red;
}
.btn.btn-block.green {
    background-color: #3399CC;
    color: #fff;
    font-size: 20px;
    padding: 4px 20px !important;
    font-weight:bold;
}
.form-group.has-error .form-control {
    border-color: red;
}

.help-block {
    display: none;
}

.has-error > .help-block {
    display: block;
}

.login-options h4 {
    text-align: center;
    float: inherit;
}

.input-group {
    margin-bottom: 12px;
}

.login .content .form-control {
    background-color: inherit;
}

.input-group-addon {
    background-color: inherit;
}

.login .content .form-actions .btn {
    background-color: #3399CC;
    color: #fff;
}

.login .content .form-actions .btn {
    font-size: 20px;
    padding: 4px 20px !important;
}

.login .content .form-actions {
    padding: 25px 26px 42px 30px;
}

.login .content h3 {
    color: #555;
    font-size: 28px;
    font-weight: bold !important;
}

.login .content .create-account {
    margin: 0 -40px 0px -40px;
    padding: 15px 0 17px 0;
    text-align: center;
    background-color: #E6E9EE;
}

.btn-social {
    margin-bottom: 7px;
    font-size: 18px;
    padding: 3px 12px 3px 44px;
}

.login-options {
    margin-bottom: 23px;
}

.login .content .create-account p a {
    color: #8993a1;
}

.form-control, output {
    font-size: 20px;
}

.create-account-title {
    font-size: 16px;
}