body{background:#fff}.loginpage{overflow:hidden;position:absolute;margin:0 auto;left:0;right:0;background:#fff;height:100vh}.intro{padding:2px;width:20%;float:left;position:relative;height:100vh;background:#10a7e8;background:-moz-linear-gradient(left,rgba(16,167,232,1) 0%,rgba(50,121,238,1) 100%);background:-webkit-linear-gradient(left,rgba(16,167,232,1) 0%,rgba(50,121,238,1) 100%);background:linear-gradient(to right,rgba(16,167,232,1) 0%,rgba(50,121,238,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#10a7e8',endColorstr='#3279ee',GradientType=1)}.intro span{color:rgba(255,255,255,.5);font-size:11px;position:absolute;right:0;bottom:0;padding:15px}.intro img{margin:100px auto 0;display:block;max-width:120px}.intro h3{display:block;color:#fff;font-size:32px;text-align:center}.intro h3 small{color:#fff;font-size:14px;display:block}.intro a{position:absolute;left:0;bottom:0;padding:15px;color:rgba(255,255,255,.6)}.loginbox{float:right;width:80%;padding:15px 25px;position:relative;height:100vh}.loginbox_inner{max-width:500px;margin:0 auto;position:absolute;right:0;left:0;top:50%;transform:translateY(-50%)}.loginbox h2{background:-webkit-linear-gradient(0deg,#11a6e8 0%,#3279ee 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:24px;display:block;text-align:center;margin:30px auto 50px}.loginbox h2 b{display:block;font-family:'Kanit',sans-serif;font-size:69px;margin:0 auto 5px}.form_details{margin:25px 0;overflow:hidden;float:right;width:100%}.form_details li{color:#949494;padding:1px;font-size:12px}.loginbox input[type="text"],.loginbox input[type="file"],.loginbox input[type="url"],.loginbox input[type="number"],.loginbox input[type="email"],.loginbox input[type="tel"],.loginbox input[type="password"],.loginbox textarea{background:#fff;border:medium none;border-radius:0;box-shadow:none;font-size:13px;font-weight:normal;height:auto;margin:8px 0;padding:15px 12px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-bottom:2px solid #3279ee}.loginbox input[type="text"]:focus,.loginbox input[type="file"]:focus,.loginbox input[type="url"]:focus,.loginbox input[type="number"]:focus,.loginbox input[type="email"]:focus,.loginbox input[type="tel"]:focus,.loginbox input[type="password"]:focus,.loginbox textarea:focus{background:#fff;border:0;border-bottom:2px solid #11a6e8}.loginbox input[type="email"],.loginbox input[type="mail"],.loginbox input[type="tel"],.number input[type="tel"],.number input[type="text"]{text-align:left!important;font-family:english!important;direction:ltr!important;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.loginbox input[type="text"],.loginbox input[type="password"]{text-align:center;direction:ltr;padding:15px;font-family:english;font-size:20px}#liveclock>small{display:none}