@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");


/*
font-family: 'Pattaya', sans-serif;
font-family: 'Prompt', sans-serif;
font-family: 'Sarabun', sans-serif;
*/

body {font-family: 'Prompt', sans-serif;font-weight: 400;padding: 0!important;margin: 0!important;padding-top: 140px!important;position: relative;background-color: #ebf1f4;}
a {color: #103f58; text-decoration: none;}
.none { display: none; }
.placeholder-show { display: none; }
.pointer {cursor: pointer!important;}
.text-d { color: #00174d; }
.text-red { color: #ca1d26; }
.text-green { color:rgb(28, 168, 0); }
.modal-center-screen {text-align: center;padding: 0!important;}
.modal-center-screen:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -4px;}
.modal-dialog-center-screen {display: inline-block;text-align: left;vertical-align: middle;width: 100%;}
.modal-lg-20 {max-width: 20%;}
.modal-lg-30 {max-width: 30%;}
.modal-lg-40 {max-width: 40%;}
.modal-lg-50 {max-width: 50%;}
.modal-lg-60 {max-width: 60%;}
.modal-lg-70 {max-width: 70%;}
.modal-lg-80 {max-width: 80%;}
.modal-lg-90 {max-width: 90%;}
.modal-lg-95 {max-width: 95%;}
.modal-lg-100 {max-width: 100%;}
.table-pager { background:transparent !important; }
.card-bg-heading { color: #333;background-color: #a1acb86b;border-color: #a1acb86b; }
.card-height { min-height: 700px; }
.div-height { min-height: 800px; }
.div-height300 { min-height: 300px; }
.div-height700 { min-height: 700px; }
/*.modal-header-color {background: #faaf19 !important;}*/
.modal-header {padding: 1rem 1rem;}
.modal .modal-header .btn-close {padding: 0.5rem 0.5rem;margin: -0.5rem -0.5rem -0.5rem auto;}
.modal .btn-close {background-color: transparent;box-sizing: content-box;width: 1em;height: 1em;padding: 0.25em 0.25em;color: #000;background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border: 0;border-radius: 0.25rem;opacity: .5;}
.modal-header .btn-close {padding: 0.5rem 0.5rem;margin: -0.5rem -0.5rem -0.5rem auto;}
.modal-footer { border-top: 1px solid #dee2e6; padding: 0.75rem; }
.image-mx100 img{ max-width: 100px; }
.image-mx150 img{ max-width: 150px; }
.image-mx200 img{ max-width: 200px; }
.image-mx250 img{ max-width: 250px; }
.image-mx300 img{ max-width: 300px; }
.image-mx400 img{ max-width: 400px; }
.image-mx500 img{ max-width: 500px; }
.iconz-14 { font-size: 14px; }
.iconz-16 { font-size: 16px; }
.iconz-18 { font-size: 18px; }
.iconz-20 { font-size: 20px; }
.iconz-25 { font-size: 25px; }
.iconz-30 { font-size: 30px; }
.iconz-35 { font-size: 35px; }
.iconz-40 { font-size: 40px; }
.fs-8 { font-size: 8px!important; }
.fs-9 { font-size: 9px!important; }
.fs-10 { font-size: 10px!important; }
.fs-11 { font-size: 11px!important; }
.fs-12 { font-size: 12px!important; }
.fs-13 { font-size: 13px!important; }
.fs-14 { font-size: 14px!important; }
.fs-16 { font-size: 16px!important; }
.fs-18 { font-size: 18px!important; }
.fs-20 { font-size: 20px!important; }
.fs-21 { font-size: 20px!important; }
.fs-22 { font-size: 20px!important; }
.fs-23 { font-size: 20px!important; }
.fs-24 { font-size: 20px!important; }
.fs-25 { font-size: 25px!important; }
.fs-30 { font-size: 30px!important; }
.fs-35 { font-size: 35px!important; }
.fs-40 { font-size: 40px!important; }
.fs-45 { font-size: 45px!important; }
.fs-50 { font-size: 50px!important; }
.input-group-100 { max-width: 100px!important; }
.input-group-150 { max-width: 150px!important; }
.input-group-170 { max-width: 170px!important; }
.input-group-180 { max-width: 180px!important; }
.input-group-200 { max-width: 200px!important; }
.input-group-300 { max-width: 300px!important; }
.input-group-400 { max-width: 400px!important; }
.input-group-500 { max-width: 500px!important; }
.input-group-600 { max-width: 600px!important; }
.input-w-100 { width: 100px!important; }
.input-w-150 { width: 150px!important; }
.input-w-170 { width: 170px!important; }
.input-w-180 { width: 180px!important; }
.input-w-200 { width: 200px!important; }
.input-w-300 { width: 300px!important; }
.input-w-400 { width: 400px!important; }
.input-w-500 { width: 500px!important; }
.input-w-600 { width: 600px!important; }
.input-group-10s { max-width: 10%!important; }
.input-group-15s { max-width: 15%!important; }
.input-group-20s { max-width: 20%!important; }
.input-group-30s { max-width: 30%!important; }
.input-group-40s { max-width: 40%!important; }
.input-group-50s { max-width: 50%!important; }
.input-group-100s { max-width: 100%; }
.pt-6 {padding-top: 4rem!important;}
.pt-7 {padding-top: 5rem!important;}
.pt-8 {padding-top: 6rem!important;}
.fancybox__container { z-index: 9999 !important; }

@media (max-width: 768px) {
    body { padding-top: 130px!important; }
}
@media (max-width: 767px) {
    .modal-lg-20,.modal-lg-30,.modal-lg-40,.modal-lg-50,.modal-lg-60,.modal-lg-70,.modal-lg-80,.modal-lg-90,.modal-lg-95 {max-width: 100%;}
    
}