@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=PT+Serif:wght@700&family=Sarabun:wght@100;200;300;400;500&display=swap);.icon i[data-v-5f82a8ce]{font-size:20px}footer[data-v-2c51d3a6]{position:fixed;bottom:0;left:0;right:0;margin-bottom:0}span[data-v-2c51d3a6]{font-size:14px}*{font-family:kanit}.container-fluid{margin:0;padding:0}.icon i[data-v-62c76168]{font-size:20px}.container[data-v-25c4480a]{margin-bottom:5%}.card-type img[data-v-25c4480a]{width:100%;flex-shrink:0;border:calc(8px + .2vw) solid transparent;background-origin:border-box;background-clip:content-box,border-box;background-size:cover;box-sizing:border-box;box-shadow:0 0 5px 5px rgba(0,0,0,.5)}.card-type img[data-v-25c4480a]:hover{box-shadow:0 10px 35px 0 rgba(0,0,0,.1)}.col-md-4[data-v-25c4480a]{padding:10px;cursor:pointer}.container[data-v-4ca92732]{padding:5px;margin-bottom:5%}.content[data-v-4ca92732]{position:relative;text-align:center}.centered[data-v-4ca92732]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#head-content[data-v-4ca92732]{display:flex}.float-right[data-v-4ca92732]{margin-left:auto}.btn-add[data-v-4ca92732]{margin-left:5px}.required[data-v-59c174b2]:after{content:" *";color:red}.btn-block[data-v-59c174b2]{display:block;width:100%}.btn-block+.btn-block[data-v-59c174b2]{margin-top:.5rem}input[type=button].btn-block[data-v-59c174b2],input[type=reset].btn-block[data-v-59c174b2],input[type=submit].btn-block[data-v-59c174b2]{width:100%}.container-fluid[data-v-59c174b2]{padding:0}.logo[data-v-59c174b2]{width:100%;height:auto;margin-bottom:7%}.login-dark[data-v-59c174b2]{height:100vh;background:url(../img/bg.465de45a.png);background-size:cover;position:relative}.login-dark .title[data-v-59c174b2]{transform:translate(-50%,-50%);position:absolute;top:25%;left:50%}.login-dark .title2[data-v-59c174b2]{transform:translate(-50%,-50%);position:absolute;bottom:5%;left:50%}p[data-v-59c174b2]{color:#fff}.login-dark form[data-v-59c174b2]{max-width:320px;width:90%;background-color:hsla(0,0%,100%,.7);padding:40px;border-radius:4px;transform:translate(-50%,-50%);position:absolute;top:55%;left:50%;color:#333;box-shadow:3px 3px 4px rgba(0,0,0,.2)}.login-dark .illustration[data-v-59c174b2]{text-align:center;padding:15px 0 20px;font-size:100px;color:#2980ef}.login-dark form .form-control[data-v-59c174b2]{background:none;border:none;border-bottom:1px solid #434a52;border-radius:0;box-shadow:none;outline:none;color:inherit}.login-dark form .btn-primary[data-v-59c174b2]{background:#214a80;border:none;border-radius:4px;padding:11px;box-shadow:none;margin-top:26px;text-shadow:none;outline:none}.login-dark form .btn-primary[data-v-59c174b2]:active,.login-dark form .btn-primary[data-v-59c174b2]:hover{background:#214a80;outline:none}.login-dark form .forgot[data-v-59c174b2]{display:block;text-align:center;font-size:12px;color:#6f7a85;opacity:.9;text-decoration:none}.login-dark form .forgot[data-v-59c174b2]:active,.login-dark form .forgot[data-v-59c174b2]:hover{opacity:1;text-decoration:none}.login-dark form .btn-primary[data-v-59c174b2]:active{transform:translateY(1px)}[data-v-43bf3cda]{font-family:Sarabun,sans-serif!important}.card-img-top[data-v-43bf3cda]{border:1px solid #333}.bd-example-modal-lg .modal-dialog[data-v-43bf3cda]{display:table;position:relative;margin:0 auto;top:calc(50% - 24px)}.bd-example-modal-lg .modal-dialog .modal-content[data-v-43bf3cda]{background-color:transparent;border:none}.content[data-v-43bf3cda]{position:relative;text-align:center;width:430px;height:260px}.centered-h[data-v-43bf3cda]{position:absolute;top:69%;left:50%;transform:translate(-50%,-50%);width:100%}.avatar[data-v-43bf3cda]{position:absolute;top:22%;left:15%;transform:translate(-50%,-50%)}.avatar img[data-v-43bf3cda]{width:90px;height:100px}.firstname[data-v-43bf3cda]{position:absolute;top:42%;text-align:left;left:4.5%;width:100%}.firstname span[data-v-43bf3cda]{font-size:14px}.lastname[data-v-43bf3cda]{position:absolute;top:50%;text-align:left;left:4.5%;width:100%}.lastname span[data-v-43bf3cda]{font-size:14px}.datelabel[data-v-43bf3cda]{position:absolute;bottom:1%;left:50%;transform:translate(-50%,-50%);width:100%}.datelabel span[data-v-43bf3cda]{font-size:14px;border:2px solid #dc3545;padding:3px}.datelabelc[data-v-43bf3cda]{position:absolute;bottom:1%;left:50%;transform:translate(-50%,-50%);width:100%}.datelabelc span[data-v-43bf3cda]{font-size:14px}.centered[data-v-43bf3cda]{position:absolute;top:45%;left:50%;width:100%}.type[data-v-43bf3cda]{position:absolute;bottom:5%;right:5%;border:3px solid #dc3545;min-width:70px}.type span[data-v-43bf3cda]{font-size:40px;font-family:"PT Serif",serif!important;padding:1px}.typec[data-v-43bf3cda]{position:absolute;bottom:-1%;right:6%}.typec span[data-v-43bf3cda]{font-size:60px;font-family:"PT Serif",serif!important}.typei[data-v-43bf3cda]{position:absolute;bottom:5%;right:5%;border:3px solid #dc3545;width:70px}.typei span[data-v-43bf3cda]{font-size:50px;font-family:"PT Serif",serif!important}.typej[data-v-43bf3cda]{position:absolute;bottom:5%;right:5%;border:3px solid #dc3545;width:70px}.typej span[data-v-43bf3cda]{font-size:50px;font-family:"PT Serif",serif!important}.typeall[data-v-43bf3cda]{position:absolute;bottom:7.5%;right:5%}.typeall span[data-v-43bf3cda]{font-size:24px;font-family:"PT Serif",serif!important;border:3px solid #dc3545;padding:5px}.typeO[data-v-43bf3cda]{position:absolute;bottom:2%;right:5%}.typeO span[data-v-43bf3cda]{font-size:50px;font-family:"PT Serif",serif!important}.top-right[data-v-43bf3cda]{position:absolute;top:3%;right:4%;text-align:right}.no-padding[data-v-43bf3cda]{padding:0!important;margin:0!important}