*{box-sizing:border-box;padding:0;margin:0;font-family:"Roboto",sans-serif,"Noto Serif Lao",serif}p,a{color:#333}html,body{width:100%;height:100vh;margin:0;overflow:auto}html{background-color:#f9f9f9}.grecaptcha-badge{visibility:hidden}@font-face{font-family:"Phetsarath_OT";src:url(phetsarath_ot.d4fe4cf82e87ca32.eot);src:url(phetsarath_ot.d4fe4cf82e87ca32.eot?#iefix) format("embedded-opentype"),url(phetsarath_ot.0eb26e7730cc9b92.woff2) format("woff2"),url(phetsarath_ot.b98a45367094f36a.woff) format("woff"),url(phetsarath_ot.8d710cae950e1eb4.ttf) format("truetype"),url(phetsarath_ot.5269d4fb10e7e9c8.svg#Phetsarath_OT) format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"NotoSansLao-Regular";src:url(NotoSansLao-Regular.8b33df9916e1b5a9.eot) format("embedded-opentype"),url(NotoSansLao-Regular.0c1bfe12b3e624d3.woff) format("woff"),url(NotoSansLao-Regular.14f03628a6a22d6b.ttf) format("truetype"),url(NotoSansLao-Regular.9bbc655e80509c91.svg#NotoSansLao-Regular) format("svg");font-weight:normal;font-style:normal}main.modal{background:#3333;position:fixed;left:0;top:0;width:100%;min-height:100vh;position:relative}main.modal .container{position:absolute;top:20%;left:50%;transform:translate(-50%);padding:1rem;border-radius:4px;background:#fff;box-shadow:#00000059 0 5px 15px}img{max-height:100%;max-width:100%}.main-wrapper .from-container{padding:1rem 1.5rem}.main-wrapper .from-container .container{margin-top:1rem}.main-wrapper .from-container .container .title-text{line-height:1.6rem;font-size:.9rem;color:#666}.main-wrapper .from-container .container form .field{display:grid;grid-template-rows:auto 1.2rem;grid-gap:3px;gap:3px;margin-bottom:8px}.main-wrapper .from-container .container form .field input{padding:.7rem;min-height:50px;border:#868686 solid 1px;font-size:1rem;outline:none;border-radius:2px}.main-wrapper .from-container .container form .field input::placeholder{color:#bbb;font-weight:300;font-size:.9rem}.main-wrapper .from-container .container form .field label{color:#666;font-size:14px}.main-wrapper .from-container .container form .field p{color:#ff4747;font-size:12px}.main-wrapper .from-container .container form .field .input-wrapper{display:grid;grid-template-columns:1fr auto;background-color:#fff;border:#868686 solid 1px;max-height:50px;overflow:hidden;border-radius:2px}.main-wrapper .from-container .container form .field .input-wrapper input{border:0;padding:.7rem 0 .7rem .7rem}.main-wrapper .from-container .container form .field .input-wrapper button{background:none;outline:none;border:0;padding:.6rem}.main-wrapper .from-container .container form .field .input-wrapper button img{width:100%}.main-wrapper .from-container .container form .field .input-wrapper button span{color:#d3d3d3}.main-wrapper .from-container .container form .field .invalid{border:1px solid #ff4747}.main-wrapper .from-container .container form .terms{display:flex;margin:.5rem 0 1rem;font-size:12px;grid-gap:10px;gap:10px}.main-wrapper .from-container .container form .terms a{color:#368dff}.main-wrapper .from-container .container form .forgot-wrap{text-align:right}.main-wrapper .from-container .container form .forgot-wrap .forgot-pass{color:#368dff;font-size:.8rem;text-decoration:none}.main-wrapper .from-container .container .social{text-align:center;border:0;margin-top:1.5rem}.main-wrapper .from-container .container .social .legend{padding:0 1rem;background-color:#fff;color:#999;font-size:14px}.main-wrapper .from-container .container .social hr{height:1px;border:0px;background-color:#bbb;margin-top:-9px}.main-wrapper .from-container .container .social .social-container{display:flex;justify-content:center;align-items:center;padding:1.2rem 0;margin-top:1rem}.main-wrapper .from-container .container .social .social-container a{border-radius:50%;overflow:hidden;position:relative;height:3rem;width:3rem;justify-self:center;margin:0 1rem}.main-wrapper .from-container .container .social .social-container a img{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.main-wrapper .from-container .container .register{text-align:center;font-size:14px;color:#999}.main-wrapper .from-container .container .register a{color:#ff4747;text-decoration:none}.main-wrapper .from-container .container .icon-logo{display:flex;justify-content:center;text-align:center}.main-wrapper .from-container .container .icon-logo img{width:4.5rem}.main-wrapper .from-container .container .text{text-align:center}.main-wrapper .from-container .container .text h2{font-weight:500}.main-wrapper .from-container .container .text p{line-height:1.8rem;font-size:.9rem;color:#666}.main-wrapper img{max-width:100%;max-height:100%}.button-style{margin-top:.8rem;width:100%;height:50px;font-size:1.1rem;outline:none;font-weight:400;border:0;border-radius:2px;background-color:#ff4747;color:#fff}