@font-face{font-family:"AKbalthomNagaBold";src:url("/static/theme_2022/asset/font/AKbalthomNagaBold.ttf") format("truetype")}@font-face{font-family:"KhmerPenEng";src:url("/static/theme_2022/asset/font/KhmerPenEng.ttf") format("truetype")}@font-face{font-family:"KRASAR";src:url("/static/theme_2022/asset/font/KRASAR-BOLD.TTF") format("truetype");font-weight:bold}@font-face{font-family:"KRASAR";src:url("/static/theme_2022/asset/font/KRASAR-REGULAR.TTF") format("truetype");font-weight:normal}*{-webkit-tap-highlight-color:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}body{padding:0;margin:0;font-family:"AKbalthomNagaBold", "KRASAR";letter-spacing:0.5px;position:relative}body a{text-decoration:none}body .box-contianer{position:relative;width:100vw;height:100vh;background:linear-gradient(-90deg, rgba(70,100,191,0.333333) 0%, #fff 50%, rgba(70,100,191,0.333333) 100%);overflow-x:hidden}body .box-contianer .bg-style{width:100vw;position:absolute;left:0;background:url("/static/theme_2022/asset/image/coin.png") no-repeat center center;background-size:cover;pointer-events:none;opacity:1}body .box-contianer .row-add{width:960px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:#4664bf23;border-radius:10px;padding:20px;box-shadow:inset 0.2em 0.2em 0.15em 0 rgba(255,255,255,0.611765),0.2em 0.2em 0.2em 0 rgba(0,0,0,0.3)}body .box-contianer .img-left{width:50%;background:url("/static/theme_2022/asset/image/logo2222.png") no-repeat center center;background-size:contain}body .box-contianer .bg-top{width:100%;height:70px;margin:auto;background-color:#4a69c1}body .box-contianer .bg-top .img-bg-top{width:100%;height:100%;background:url("/static/theme_2022/asset/image/lottery.png") no-repeat center center;background-size:cover;opacity:0.05;filter:grayscale(80%)}body .box-contianer .bg-bottom-m{width:100vw;height:70px;background-color:#4a69c1;position:absolute;bottom:31px;transform:translateY(45%);z-index:9999}body .box-contianer .bg-bottom-m .img-bg-top{width:100%;height:100%;background:url("/static/theme_2022/asset/image/lottery.png") no-repeat center center;background-size:cover;opacity:0.05;filter:grayscale(80%)}body .box-contianer .box-login{width:50%;display:flex;flex-direction:column;align-items:center;background-image:-moz-radial-gradient(50% 50%, circle closest-side, #597cd8 0%, #4665bf 100%);background-image:-webkit-radial-gradient(50% 50%, circle closest-side, #597cd8 0%, #4665bf 100%);background-image:-ms-radial-gradient(50% 50%, circle closest-side, #597cd8 0%, #4665bf 100%);box-shadow:inset 0.3em 0.3em 0.15em 0 #6693ff,inset -0.3em -0.3em 0.1em 0 rgba(0,0,0,0.2),0.051em 0.05em 0.2em 0.1em rgba(0,0,0,0.290196);border-radius:10px;padding:20px;position:relative}body .box-contianer .box-login .box-title{width:100%;display:flex;flex-wrap:wrap;color:#fff;text-align:center;padding:20px}body .box-contianer .box-login .box-title :first-child{text-shadow:2.487px 1.678px 1.58px rgba(0,0,0,0.48);font-size:4rem;font-family:"KhmerPenEng";line-height:4rem}body .box-contianer .box-login .box-title :last-child{font-family:"KRASAR";font-size:1rem;font-weight:300;text-transform:uppercase;margin-left:90px;line-height:1rem}body .box-contianer .box-login .box-title span{width:100%}body .box-contianer .box-login form{width:90%;display:flex;flex-direction:column;justify-content:start;color:#fff}body .box-contianer .box-login form>div:nth-child(1){padding-bottom:10px}body .box-contianer .box-login form div .box-label{padding:5px 0;font-weight:bold;font-size:1rem;color:#fff;line-height:1rem}body .box-contianer .box-login form div .box-label label{font-family:"AKbalthomNagaBold", "KRASAR";letter-spacing:0;font-weight:normal}body .box-contianer .box-login form div .box-input{width:100%;height:40px;background-color:#fff;border-radius:10px;display:flex;flex-direction:row;align-items:center;overflow:hidden;margin:0 0 8px 0}body .box-contianer .box-login form div .box-input input.error{border:2px solid #ff1212;border-radius:0px 10px 10px 0}body .box-contianer .box-login form div .box-input .box-icon{position:relative;width:25px;height:25px;background:#5e99e9;display:flex;flex-direction:row;justify-content:center;padding:8px}body .box-contianer .box-login form div .box-input .box-icon::before{position:absolute;content:"";top:50%;left:50%;width:90%;height:95%;background-position:center;background-repeat:no-repeat;background-size:cover}body .box-contianer .box-login form div .box-input .box-icon svg{fill:#fff}body .box-contianer .box-login form div .box-input.first .box-icon::before{transform:translate(-50%, -40%);background-image:url("/static/theme_2022/asset/icon/user-icon.png")}body .box-contianer .box-login form div .box-input.second{position:relative}body .box-contianer .box-login form div .box-input.second .box-icon::before{transform:translate(-50%, -50%);background-image:url("/static/theme_2022/asset/icon/password-icon.png")}body .box-contianer .box-login form div .box-input.second .toggle-password{position:absolute;top:8px;right:15px}body .box-contianer .box-login form div .box-input input{width:100%;height:100%;outline:none;border:none;box-sizing:border-box;font-size:1.2rem;padding-left:10px;display:flex;flex-direction:row;align-items:center;font-weight:bold;color:#4968c3}body .box-contianer .box-login form div .box-input input::placeholder{font-size:15px;color:rgba(70,101,191,0.741);letter-spacing:1px;opacity:0.8;line-height:15px;font-family:"AKbalthomNagaBold"}body .box-contianer .box-login form div .box-input input.username{text-transform:uppercase}body .box-contianer .box-login form .box-remember{position:relative}body .box-contianer .box-login form .box-remember .styled-checkbox{position:absolute;opacity:0}body .box-contianer .box-login form .box-remember .styled-checkbox+label{position:relative;cursor:pointer;padding:0}body .box-contianer .box-login form .box-remember .styled-checkbox+label:before{content:"";display:inline-block;width:15px;height:15px;vertical-align:middle;border:double 1px transparent;border-radius:5px;background-image:linear-gradient(#4665bf, #4665bf),radial-gradient(circle at top left, #fff, #fff);background-origin:border-box;background-clip:content-box, border-box}body .box-contianer .box-login form .box-remember .styled-checkbox:checked+label:after{content:"✔";position:absolute;left:3px;top:0px;width:3px;height:3px}body .box-contianer .box-login form .btn-submit{border:none;background:#5e99e9;color:#fff;font-size:1.4rem;font-weight:bold;line-height:1.2;text-align:center;font-family:"KRASAR";border-radius:10px;padding:6px 35px;margin:15px auto;cursor:pointer}body .box-contianer .box-login form .box-bottom{width:100%;display:flex;flex-direction:row;align-items:center;position:absolute;bottom:0;justify-content:center}body .box-contianer .box-login form .box-bottom h2{font-size:15px}@media (min-width: 1200px){body{overflow-y:hidden}body .box-contianer{overflow:hidden}body .box-contianer .bg-style{height:85vh;top:70px}}@media (min-width: 992px) and (max-width: 1199.98px){body{overflow-y:hidden}body .box-contianer .bg-style{height:85vh;top:70px}body .box-contianer .row-add{width:650px;flex-wrap:wrap}body .box-contianer .img-left{width:100%;height:250px}body .box-contianer .box-login{width:100%;padding:10px}body .box-contianer .box-login .box-title{background-size:contain;padding:10px}body .box-contianer .box-login form .btn-submit{padding:8px 40px}}@media (min-width: 768px) and (max-width: 991.98px){body{overflow-y:hidden}body .box-contianer .bg-style{height:86vh;top:70px}body .box-contianer .row-add{width:650px;flex-wrap:wrap}body .box-contianer .img-left{width:100%;height:250px}body .box-contianer .box-login{width:100%}body .box-contianer .box-login .box-title{background-size:contain;padding:10px}body .box-contianer .box-login form .btn-submit{padding:8px 40px}}@media (min-width: 576px) and (max-width: 767.98px){body .box-contianer .bg-top{height:60px}body .box-contianer .bg-style{height:82vh;top:60px}body .box-contianer .row-add{width:520px;flex-wrap:wrap}body .box-contianer .img-left{width:100%;height:250px}body .box-contianer .box-login{width:100%;padding:10px}body .box-contianer .box-login .box-title{background-size:contain;padding:20px}body .box-contianer .box-login form .btn-submit{padding:8px 40px}body .box-contianer .bg-bottom-m{height:60px;bottom:27px}}@media (max-width: 575.98px){body .box-contianer .bg-top{height:60px}body .box-contianer .bg-style{height:86vh;top:70px}body .box-contianer .row-add{width:320px;flex-wrap:wrap;padding:10px;top:50%}body .box-contianer .img-left{width:100%;height:150px}body .box-contianer .box-login{width:100%;padding:10px}body .box-contianer .box-login .box-title{background-size:contain;padding:10px}body .box-contianer .box-login .box-title span:first-of-type{font-size:3rem;line-height:3rem}body .box-contianer .box-login form .btn-submit{margin:8px auto}body .box-contianer .bg-bottom-m{height:60px;bottom:27px}}