@import url("https://fonts.googleapis.com/css2?family=Sarabun&display=swap");:root{--bg-page:#f2f3f3;--bg-main:#fff;--Navy-Blue:#05445e;--Navy-Blue-hover:#0d6083;--Blue-Grotto:#0d98ba;--Blue-Grotto-hover:rgba(13,152,186,.5);--Blue-Grotto-d-05:rgba(13,152,186,.05);--Blue-Grotto-d-1:rgba(13,152,186,.1);--Blue-Grotto-d-3:rgba(13,152,186,.3);--Blue-Grotto-d-5:rgba(13,152,186,.5);--Blue-Grotto-d-7:rgba(13,152,186,.7);--main-bg-d7:rgba(13,152,186,.7);--Blue-Green:#75e6da;--Baby-Blue:#d4f1f4;--color-success:#52be80;--color-success-hover:#27ae60;--color-error:#cd6155;--color-error-hover:#b34235;--color-info:#54b4d3;--color-info-hover:#3b91ad;--color-warning:#d3a009;--color-warning-hover:#ac8206;--font-color-light:#eee;--font-color-drak:#222;--omrs-color-ink-stand-contrast:rgba(128,166,236,.1);--omrs-color-ink-lowest-contrast:rgba(47,60,85,.18);--omrs-color-ink-medium-contrast:rgba(19,19,21,.6);--omrs-color-ink-high-contrast:#121212;--omrs-color-interaction-minus-two:rgba(73,133,224,.1);--border-px:6px}*{box-sizing:border-box;padding:0;margin:0;font-family:Sarabun,sans-serif;font-weight:400;font-style:normal}body{background:var(--bg-page);font-size:16px;color:var(--Navy-Blue)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:none;-webkit-appearance:none;-moz-appearance:textfield}.card{width:100%;border-radius:var(--border-px);box-shadow:0 0 8px -4px #333;background:var(--bg-main);border:1px solid hsla(0,0%,49%,.5);transition:all .2s}.card-hover:hover{transform:scale(1.005);cursor:pointer}.card-header{border-bottom:1px solid hsla(0,0%,49%,.25)}.card-body,.card-footer,.card-header{width:100%;padding:1rem}.card-footer{border-top:1px solid hsla(0,0%,49%,.25)}.card-major{width:100%;max-width:300px;aspect-ratio:1/1;margin:.5rem;display:flex;justify-content:center;align-items:center}.btn{border:1px solid hsla(0,0%,49%,.25);border-radius:var(--border-px);padding:.5rem 1rem;font-size:1rem;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block}.btn-success{background:var(--color-success);color:var(--font-color-light)}.btn-success:hover{background:var(--color-success-hover)}.btn-error{background:var(--color-error);color:var(--font-color-light)}.btn-error:hover{background:var(--color-error-hover)}.btn-primary{background:var(--Navy-Blue);color:var(--font-color-light)}.btn-primary:hover{background:var(--Navy-Blue-hover)}.btn-info{background:var(--color-info);color:var(--font-color-light)}.btn-info:hover{background:var(--color-info-hover)}.btn-warning{background:var(--color-warning);color:var(--font-color-light)}.btn-warning:hover{background:var(--color-warning-hover)}.btn-sm{padding:.25rem .5rem;font-size:14px}.mw-100{max-width:100px}.mw-200{max-width:200px}.mw-300{max-width:300px}.mw-400{max-width:400px}.mw-500{max-width:500px}.mw-600{max-width:600px}.mw-700{max-width:700px}.mw-800{max-width:800px}.mw-900{max-width:900px}.mw-1000{max-width:1000px}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-3-5{padding:1.25rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.p-l-3,.pl-3{padding-left:1rem}.p-r-3,.pr-3{padding-right:1rem}.mb-3{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.m-r-3,.mr-3{margin-right:1rem}.mr-2{margin-right:.5rem}.m-r-1,.mr-1{margin-right:.25rem}.ml-3{margin-left:1rem}.ml-2{margin-left:.5rem}.ml-1{margin-left:.25rem}.w-100{width:100%}.w-75{width:75%}.w-50{width:50%}.w-25{width:25%}.box-radio-group{padding:1rem 1rem .5rem;border:1px solid var(--Navy-Blue);position:relative;display:flex}.box-radio-group>.title{background:#fff;display:inline-block;position:absolute;font-size:14px;top:-6px;left:8px;padding:0 .5rem}.box-radio-group>.subbox-radio{display:flex;justify-content:center;align-items:center;padding:.25rem;margin-right:.5rem}.box-radio-group>.subbox-radio>input[type=radio]{width:16px;height:16px;margin-right:.25rem}div.omrs-input-group{position:relative;width:100%}.InputSelect,.omrs-input-filled>input{height:3rem;padding:.5rem .5rem 0}.InputSelect,.omrs-input-filled>input,.omrs-input-filled>textarea{border:none;border-bottom:.125rem solid var(--omrs-color-ink-medium-contrast);width:100%;font-size:16px;transition:background .3s;background:var(--omrs-color-ink-stand-contrast);border-radius:var(--border-px) var(--border-px) 0 0}.omrs-input-filled>textarea{padding:1rem .5rem 0;resize:none}.InputSelect,.omrs-input-filled>input:focus,.omrs-input-filled>textarea{outline:none}.omrs-input-filled>.omrs-input-label{position:absolute;top:.95rem;left:.5rem;color:var(--omrs-color-ink-medium-contrast);transition:top .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.omrs-input-filled>.omrs-input-label.textarea{top:.65rem}.omrs-input-filled>input:-moz-read-only{background:var(--omrs-color-interaction-minus-two);border-color:var(--omrs-color-ink-high-contrast)}.omrs-input-filled:hover input,.omrs-input-filled>input:hover,.omrs-input-filled>input:read-only{background:var(--omrs-color-interaction-minus-two);border-color:var(--omrs-color-ink-high-contrast)}.omrs-input-filled>input:not(:placeholder-shown)+.omrs-input-label{top:3px;font-size:.8rem;margin-bottom:32px}.omrs-input-filled>textarea:-moz-read-only{background:var(--omrs-color-interaction-minus-two);border-color:var(--omrs-color-ink-high-contrast)}.omrs-input-filled:hover textarea,.omrs-input-filled>textarea:hover,.omrs-input-filled>textarea:read-only{background:var(--omrs-color-interaction-minus-two);border-color:var(--omrs-color-ink-high-contrast)}.omrs-input-filled>input:valid,.omrs-input-filled>textarea:valid{padding-top:1.1rem}.omrs-input-filled>textarea:not(:placeholder-shown)+.omrs-input-label{top:3px;font-size:.8rem;margin-bottom:32px}.main-header{display:flex;padding:1rem;width:100%;height:80px;background:var(--Blue-Grotto)}.main-body{width:100%;height:calc(100vh - 80px);display:flex}.main-body>.nav-menu{background:var(--bg-main);max-width:280px;position:relative;box-shadow:0 0 10px -4px #000;z-index:1}.main-body>.nav-menu,.main-body>.nav-menu>.nav-menu-box-item{width:100%;height:100%}.main-body>.nav-menu>.nav-menu-box-item>.user-info{padding:1rem;border-bottom:1px solid hsla(0,0%,49%,.25);margin-bottom:1rem}.main-body>.nav-menu>.nav-menu-box-item>.user-info>.user-info-sub-box{background:var(--Blue-Grotto-d-05);border-radius:var(--border-px)}.main-body>.nav-menu>.nav-menu-box-item>.user-info>.user-info-sub-box>.box-img-profile{min-height:70px;display:flex;align-items:center;padding:.5rem}.main-body>.nav-menu>.nav-menu-box-item>.user-info>.user-info-sub-box>.box-img-profile>img{width:50px;aspect-ratio:1/1;object-fit:cover;border-radius:50%;margin-right:4px}.main-body>.nav-menu>.nav-menu-box-item>ul{list-style:none}.main-body>.nav-menu>.nav-menu-box-item>ul>li{margin-bottom:.5rem;padding:0 1rem}.main-body>.nav-menu>.nav-menu-box-item>ul>li.active a{background:var(--Blue-Grotto-hover)}.main-body>.nav-menu>.nav-menu-box-item>ul>li>a{text-decoration:none;display:inline-block;width:100%;padding:1rem;transition:background .3s;background:var(--Blue-Grotto-d-1);border-radius:var(--border-px);color:var(--Navy-Blue)}.main-body>.nav-menu>.nav-menu-box-item>ul>li>a:hover{background:var(--Blue-Grotto-hover)}.main-body>.page-content{width:100%;height:100%;overflow-y:auto;position:relative}.box-labeluserinfo{display:flex;border-bottom:1px solid hsla(0,0%,49%,.25);padding-bottom:8px}.box-labeluserinfo>div{flex:0 0 auto}.text-right{text-align:right}.text-center{text-align:center}.flex{display:flex}.flex-w{flex-wrap:wrap}.flex-auto{flex:auto}.flex-auto-z{flex:auto 0}.flex-end{justify-content:flex-end}.flex-c-a{align-items:center}.flex-c-a,.flex-c-v{justify-content:center}.btn-icon-hide,.flex-c-h{align-items:center}.btn-icon-hide{display:flex;width:48px;height:48px;justify-content:center;border:none;background:none;border-radius:var(--border-px)}.btn-icon-hide:hover{background-color:#eee}table{width:100%;border-collapse:collapse;text-align:left}table td,table th{padding:12px;border:1px solid #ddd}table thead{background-color:#f2f2f2}table tbody tr{transition:background-color .2s ease}table tbody tr:hover{background-color:#f1f1f1}tr:nth-child(2n){background-color:#f9f9f9}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;line-height:1.5;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control,.form-control:focus{color:#495057;background-color:#fff}.form-control:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-group{margin-bottom:1rem}.form-label{margin-bottom:.5rem;font-weight:700}.header-page{background:#fff;padding:1rem;box-shadow:0 0 10px -5px #333;border-radius:0 0 0 0}.modal-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:500px}.border-error{border:2px solid var(--color-error);border-radius:var(--border-px) var(--border-px) 0 0}.border-success{border:2px solid var(--color-success);border-radius:var(--border-px) var(--border-px) 0 0}.bor-b-1{border-bottom:1px solid hsla(0,0%,49%,.25)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.loader{position:fixed;inset:0;z-index:1310;background:hsla(0,0%,49%,.55);display:flex;justify-content:center;align-items:center}.book{position:relative}.book,.book .page{width:80px;height:80px}.book .page{position:absolute;right:-40px;background-color:#fff;border:3px solid var(--Blue-Grotto);border-radius:0 4px 4px 0;transform-origin:left;animation:flip 3s infinite;display:flex;justify-content:center;align-items:center}.book .page:nth-child(2){animation-delay:.75s}.book .page:nth-child(3){animation-delay:1.5s}.slide-select>ul{display:flex;list-style:none}.slide-select>ul>li{padding:1rem}.dropdown{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff}.dropdown,.dropdown-select-input{position:relative;display:inline-block;width:100%;text-align:left}.dropdown-btn{border:1px solid rgba(0,0,0,.2);padding:.5rem 1rem;border-radius:2px;position:relative}.dropdown-btn:before{right:16px;transform:rotate(45deg)}.dropdown-btn:after,.dropdown-btn:before{content:"";width:10px;height:2px;background:#000;position:absolute;top:18px}.dropdown-btn:after{right:10px;transform:rotate(-45deg)}.dropdown-content{position:absolute;background-color:#f9f9f9;width:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:2;max-height:400px;overflow-y:auto}.dropdown-content>div{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content>div:hover{background-color:var(--main-bg-d7)}.dropdown-content-ex-p{position:absolute;background-color:#f9f9f9;width:100%;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1001;max-height:400px;overflow-y:auto}.formatted-text{text-indent:2em;line-height:1.8;text-align:justify}.fwb{font-weight:700}.a4-size{width:210mm;height:297mm;background:#fff;position:relative;margin:0 auto 1rem}.BG-PT-001{background-image:url(/background-PT-001.jpg);background-position:50%;background-size:cover;background-repeat:no-repeat}.Port-bg-box-001{position:absolute;width:350px;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:2/3}.Port-in-crop-001{position:absolute;top:98px;bottom:98px;left:75px;right:75px}.Port-title-header-001{border:5px dashed #000;padding:.5rem 1rem}.Port-desc-activ-001{text-indent:3em;line-height:1.5;text-align:justify}.Port-bor-dash-001{border:3px dashed #333}.Re-layout-main-001{color:#303949;background:#979797}.Re-layout-l-001{width:38%;background:#303949;color:#fff;border-radius:0 100px 0 0;overflow:hidden}.Re-layout-r-001{width:62%}.Re-box-l-001{padding:1rem 0 1rem 2rem}.Re-layout-r-sub-001{background:#fff;height:900px}.Re-title-l-001{font-size:1.25rem;border-bottom:2px solid #fff;padding-bottom:.5rem}.Re-box-icon-001{aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;width:50px;height:50px;background:#303949;border-radius:50%}.Re-box-sub-title{border-bottom:2px solid #303949}.CV-layout-main-001{padding:1.5rem}.Cv-title-name{font-size:35px}.Cv-box-l-001{padding-top:1rem}.Cv-title-l-001{font-size:20px;font-weight:700;border-bottom:4px solid #ddd;padding-bottom:.5rem;margin-right:1rem;position:relative}.Cv-title-l-001:before{content:"";position:absolute;width:30%;height:3px;bottom:-4px;left:0;background:#395667}.bx-btn-present-property-update{width:230px;position:fixed;bottom:0;right:30px;padding:8px;background:#fff}.box_pre_cearte_account{display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 85px)}.box_cearte_account{width:100%;height:calc(100vh - 80px);background:#fff}.box_cearte_account>.header{padding:1rem;font-size:1.5rem;box-shadow:0 0 10px -5px var(--Navy-Blue);margin-bottom:1rem}.box_cearte_account>.box-input{margin:auto;width:100%;max-width:1200px}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}