@charset 'utf-8';

/* top
------------------------------------------------ */
#main{ padding-top: 68px; }
.login-panel{  padding: 80px 56px; width: 100%; max-width: 591px; margin: 0 auto; overflow: hidden; border-radius: 19px; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.4); }
.login-title{ font-size: 3rem; font-weight: 400;  font-family: 'Hanuman', serif; text-align: center; color:#000; }
.login-panel .input{ font-family: 'Siemreap','Poppins', sans-serif; padding: 0 25px; font-size: 1.9rem; font-weight: 400; width: 100%; border:1px solid #CFCFCF; border-radius: 10px; height: 65px; }
.login-username{ margin-top: 60px; }
.login-password{ margin-top: 18px; }
.login-submit .button{ margin-top: 25px; width: 100%; height: 66px; font-size: 2.1rem; font-family: 'Siemreap','Poppins', sans-serif; font-weight: 400; color:#fff; border-radius: 10px; border:2px solid #0F5FAD; background-color: #0F5FAD; cursor: pointer; transition: .2s ease; }
.login-submit .button:hover{ color:#0F5FAD; background-color: #fff; }
.login-remember{ display: none; margin-top: 10px; }
.login-remember label{ font-family: 'Siemreap','Poppins', sans-serif; }
.login-panel .error{ text-align: center; color:red; font-family: 'Siemreap','Poppins', sans-serif;  }

@media only screen and (min-width: 768px) {
    
}

@media only screen and (max-width: 767px) {	
    #main{ padding-top: 30px; }
    .login-panel{ padding: 40px 20px; }
    .login-title{ font-size: 2rem; }
    .login-username{ margin-top: 30px; }
    .login-panel .input{ padding: 0 10px; font-size: 1.4rem; height: 50px; }
    .login-submit .button{ font-size: 1.6rem; height: 50px; }
}