.card .show-hide lord-icon:hover,.card .show-hide svg:hover,.popup .close:hover{color:#508eff}.card,.popup{box-shadow:3px 3px 10px 0 #aaa}*{font-family:kanit!important;font-weight:300!important}html{height:100%}body{display:flow-root;margin:0;background:linear-gradient(135deg,#000,#082044)}.popup{position:fixed;right:-500px;top:50px;padding:10px;width:300px;border:0;border-radius:10px;z-index:100;opacity:1;-webkit-animation:popup .5s forwards;-webkit-animation-delay:1s;animation:popup .5s forwards;animation-delay:1s}.popup.error{background:#ffc4c4}.popup.warning{background:#fffec4}.popup.information{background:#c4faff}.popup .close{position:absolute;right:5px;top:5px;cursor:pointer}.popup .title{margin-bottom:10px;font-size:16px;font-weight:400!important}.popup .message{font-size:14px;line-height:20px;overflow-wrap:break-word}@-webkit-keyframes popup{100%{right:10px}}@keyframes popup{100%{right:10px}}.language-menu{margin:10px;position:absolute;right:0}.language-menu .language{margin-left:5px;float:left;cursor:pointer}.language-menu .language.active{opacity:.5}.language-menu .language .icon-language{height:25px;width:25px;background-image:url(../../img/th-en.jpg);background-repeat:no-repeat;background-size:66px;border-radius:50%}.language-menu .language .icon-language.en{background-position:-34px -7px}.language-menu .language .icon-language.th{background-position:-7px -7px}.logo{display:block;margin-left:calc(50% - 95px);width:200px}@media only screen and (max-width:650px){.logo{margin-top:20%}}@media only screen and (min-width:800px){.logo{margin-top:10%}}@media only screen and (min-width:1200px){.logo{margin-top:5%}}.card{padding:20px;margin-left:calc(50% - 200px);width:360px;background:rgba(219,228,243,.6);border-radius:20px}.card p{margin-bottom:5px;font-size:20px}.card .title{font-size:24px;font-weight:400!important;text-align:center}.card .detail{margin:15px 10px 25px;font-size:16px;line-height:20px}.card input[type=email],.card input[type=password],.card input[type=text]{margin-bottom:10px;padding:5px 40px 5px 5px;width:calc(100% - 45px);font-size:20px;border:0;border-radius:10px}.card .show-hide{position:relative;top:-18px;left:calc(100% - 35px);margin-top:-24px;width:24px;height:24px}.card .show-hide lord-icon,.card .show-hide svg{cursor:pointer}.card .show-hide lord-icon.hidden,.card .show-hide svg.hidden{display:none}.card .checker{margin-top:10px;margin-bottom:-10px;font-size:12px;line-height:16px}.card .checker .title{margin-bottom:10px}.card .checker .circle{margin-top:1px;margin-left:10px;margin-right:5px;width:12px;height:12px;border:.5px solid #aaa;border-radius:50%;float:left}.card .checker .correct{text-decoration:line-through;color:#016141}.card .checker .correct .circle{background-color:#016141;border:.5px solid #016141}.card .forgot-password{display:block;margin-top:5px;text-align:right}.card .forgot-password a{text-decoration:none;color:inherit}.card .forgot-password a:hover{color:#eee}.card .login{margin-top:15px;width:100%;height:45px;font-size:24px;color:#eee;background:linear-gradient(45deg,#01388d,#498ff8);border:0;border-radius:10px}.card .login:hover{background:linear-gradient(45deg,rgba(1,56,141,.8),rgba(73,143,248,.8))}.card .login.disabled{background:linear-gradient(45deg,#818181,#afafaf)!important}.card .back{margin-top:10px;width:100%;height:25px;font-size:16px;color:inherit;background:rgba(0,0,0,0);border:0;border-radius:10px}.card .back a{text-decoration:none;color:inherit}.card .back a:hover{color:#eee}.footer{position:absolute;bottom:0;width:100%}.footer .version{margin:10px;color:gray;text-align:right}