.p-auto{padding:auto}.p-xs{padding:5px}.p-s{padding:10px}.p-m{padding:20px}.p-l{padding:30px}.p-xl{padding:40px}.pt-xs{padding-top:5px}.pt-s{padding-top:10px}.pt-m{padding-top:20px}.pt-l{padding-top:30px}.pt-xl{padding-top:40px}.pb-xs{padding-bottom:5px}.pb-s{padding-bottom:10px}.pb-m{padding-bottom:20px}.pb-l{padding-bottom:30px}.pb-xl{padding-bottom:40px}.pl-xs{padding-left:5px}.pl-s{padding-left:10px}.pl-m{padding-left:20px}.pl-l{padding-left:30px}.pl-xl{padding-left:40px}.pr-xs{padding-right:5px}.pr-s{padding-right:10px}.pr-m{padding-right:20px}.pr-l{padding-right:30px}.pr-xl{padding-right:40px}.m-auto{margin:auto}.m-xs{margin:5px}.m-s{margin:10px}.m-m{margin:20px}.m-l{margin:30px}.m-xl{margin:40px}.mt-xs{margin-top:5px}.mt-s{margin-top:10px}.mt-m{margin-top:20px}.mt-l{margin-top:30px}.mt-xl{margin-top:40px}.mb-xs{margin-bottom:5px}.mb-s{margin-bottom:10px}.mb-m{margin-bottom:20px}.mb-l{margin-bottom:30px}.mb-xl{margin-bottom:40px}.ml-xs{margin-left:5px}.ml-s{margin-left:10px}.ml-m{margin-left:20px}.ml-l{margin-left:30px}.ml-xl{margin-left:40px}.mr-xs{margin-right:5px}.mr-s{margin-right:10px}.mr-m{margin-right:20px}.mr-l{margin-right:30px}.mr-xl{margin-right:40px}a{color:#eb5b26;transition:.5s}a:hover,a:active,a:focus{color:#5a5a5a;outline:none;text-decoration:none}p{font-size:16px !important;padding:0;margin:0;font-family:"Kanit",sans-serif}h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;padding:0;font-family:"Kanit",sans-serif}h1,.h1{font-size:36px !important}@media only screen and (max-width: 992px){h1,.h1{font-size:28px !important}}h2,.h2{font-size:32px !important}@media only screen and (max-width: 992px){h2,.h2{font-size:20px !important}}h3,.h3{font-size:28px !important}@media only screen and (max-width: 992px){h3,.h3{font-size:18px !important}}h4,.h4{font-size:20px !important}@media only screen and (max-width: 992px){h4,.h4{font-size:16px !important}}h5,.h5{font-size:18px !important}h6,.h6{font-size:16px !important}.large-font{font-size:80px !important}@media(max-width: 992px){.large-font{font-size:36px !important}}html{scroll-behavior:smooth}body{background-color:#fff;color:#2b292c;font-family:"Kanit",sans-serif !important;font-size:16px !important;font-weight:400;padding-top:106px}@media only screen and (max-width: 992px){body{padding-top:60px}}a{color:#2b292c !important;text-decoration:none !important;transition:.2s}a:hover{color:#eb5b26 !important;text-decoration:none !important}hr{border-top:1px solid #2b292c !important}footer{padding:20px 0;width:100%;bottom:0}@media only screen and (max-width: 992px){footer{position:inherit}}header,footer{background-color:#333367;font-family:"Kanit",sans-serif;color:#fff}header a,footer a{float:left;display:block;text-align:center;padding:14px}a.clear-style{color:#000;text-decoration:none !important}a.clear-style:hover{color:#eb5b26;text-decoration:none !important}footer a.clear-style{color:#fafafa;padding:0;float:inherit;display:inherit;text-align:inherit}.ml-300{margin-left:300px}@media only screen and (max-width: 992px){.ml-300{margin-left:0}}@media only screen and (max-width: 992px){main .container.side{padding-left:200px}}::-webkit-scrollbar{height:5px;width:5px;border:1px solid #d5d5d5;border-radius:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.flex{display:flex}.flex-center{align-content:center;align-items:center}.flex-between{justify-content:space-between}.flex-end{justify-content:flex-end}.content-center{justify-content:center !important}.clear-content{justify-content:inherit !important}.inline-block{display:inline-block}.display-show,.show-pc{display:block !important}.display-none,.show-mobile{display:none !important}@media only screen and (max-width: 992px){.show-pc{display:none !important}}@media only screen and (max-width: 992px){.show-mobile{display:block !important}}.bg-transparent{background-color:rgba(0,0,0,0)}.bg-white{background-color:#fff}.position-center{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.black{color:#000 !important}.red{color:red !important}.green{color:#45a049 !important}.golden{color:#ffc107 !important}.grey{color:#5a5a5a !important}.orange{color:#eb5b26 !important}.pastel-orange{color:#ff944d !important}.blue{color:#333367 !important}.cursor{cursor:pointer;transition:.2s}.cursor:hover{color:#eb5b26}.off-cursor{cursor:inherit !important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.clear-position{position:inherit}.clear{display:none !important}.fixed-position{position:fixed}@media only screen and (max-width: 992px){.fixed-position{position:inherit}}.right{float:right}.border-dot-bottom{border-bottom:1px dotted #000}.border-right{border-right:1px solid #000 !important}.border-left{border-left:1px solid #000 !important}.border-bottom{border-bottom:1px solid #000 !important}.border-blue{border-color:#333367 !important}.border-orange{border-color:#eb5b26 !important}.hide-button .btn,.hide-button select{display:none}.under-dot{border-bottom:1px dotted #000;text-decoration:none}.double-line{border-bottom:3px double #000}.number-circle{position:relative;width:5px;height:5px;margin:2px;border-radius:50% !important;padding:0 10px !important;background-color:#fff}.underline{text-decoration:underline !important}.underline-white{border-bottom:3px solid #fff}.none-style{border-left:none;padding-left:0}.chart-body h1{font-size:16px !important}.see-more{font-size:16px;text-decoration:underline;color:#000}.bg-head{background-color:rgba(255,148,77,.5);padding:10px;border-radius:10px}.text-line{overflow:hidden;text-align:center;color:#eb5b26}.text-line:before,.text-line:after{background-color:#000;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:50%}.text-line:before{right:.5em;margin-left:-50%}.text-line:after{left:.5em;margin-right:-50%}.text-style{border-left:5px solid #eb5b26;padding-left:5px}.text-horizontal::before{width:0}.text-horizontal:hover::before{transition:.4s;display:inline-block;content:"";border-top:3px solid #eb5b26;width:20px;margin:0 10px;transform:translateY(-100%)}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.bold{font-weight:700}input[type=text],input[type=date],input[type=password],input[type=email],input[type=number],input[type=time],select,textarea{width:100%;padding:12px 20px;margin:8px 0 !important;display:inline-block;border:1px solid #5a5a5a !important;border-radius:4px;box-sizing:border-box}input[type=submit]{width:100%;background-color:#4d4d4d;color:#fff;padding:14px 20px;margin:8px 0;border:none;border-radius:4px;cursor:pointer;transition:.2s}input[type=submit]:hover{background-color:#5a5a5a}.err-input{color:red}@media only screen and (max-width: 1024px)and (min-width: 992px){.select-box{display:inherit !important}}@media only screen and (max-width: 1024px)and (min-width: 992px){.select-box select{margin-left:0 !important;margin-bottom:20px !important}}.form-control:focus{box-shadow:0 0 0 .2rem rgba(255,102,0,.25) !important}.checkbox-wrapper-47 input[type=checkbox]{display:none;visibility:hidden}.checkbox-wrapper-47 label{position:relative;padding-left:2em;padding-right:1em;line-height:2;cursor:pointer;display:inline-flex}.checkbox-wrapper-47 label:before{box-sizing:border-box;content:" ";position:absolute;top:.3em;left:0;display:block;width:1.4em;height:1.4em;border:2px solid #9098a9;border-radius:6px;z-index:-1}.checkbox-wrapper-47 input[type=checkbox]:checked+label{padding-left:1em;color:#0f5229}.checkbox-wrapper-47 input[type=checkbox]:checked+label:before{top:0;width:100%;height:2em;background:#b7e6c9;border-color:#2cbc63}.checkbox-wrapper-47 label,.checkbox-wrapper-47 label::before{transition:.25s all ease}.checkbox-wrapper-15 .cbx{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}.checkbox-wrapper-15 .cbx span{display:inline-block;vertical-align:middle;transform:translate3d(0, 0, 0)}.checkbox-wrapper-15 .cbx span:first-child{position:relative;width:24px;height:24px;border-radius:50%;transform:scale(1);vertical-align:middle;border:1px solid #b9b8c3;transition:all .2s ease}.checkbox-wrapper-15 .cbx span:first-child svg{position:absolute;z-index:1;top:8px;left:6px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translate3d(0, 0, 0)}.checkbox-wrapper-15 .cbx span:first-child:before{content:"";width:100%;height:100%;background:#506eec;display:block;transform:scale(0);opacity:1;border-radius:50%;transition-delay:.2s}.checkbox-wrapper-15 .cbx span:last-child{margin-left:8px}.checkbox-wrapper-15 .cbx span:last-child:after{content:"";position:absolute;top:50%;left:0;height:1px;width:100%;background:#b9b8c3;transform:translateY(-50%);transform-origin:0 0;transform:scaleX(0)}.checkbox-wrapper-15 .cbx:hover span:first-child{border-color:#3c53c7}.checkbox-wrapper-15 .inp-cbx:checked+.cbx span:first-child{border-color:#3c53c7;background:#3c53c7;animation:check-15 .6s ease}.checkbox-wrapper-15 .inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.checkbox-wrapper-15 .inp-cbx:checked+.cbx span:first-child:before{transform:scale(2.2);opacity:0;transition:all .6s ease}.checkbox-wrapper-15 .inp-cbx:checked+.cbx span:last-child{color:#b9b8c3;transition:all .3s ease}.checkbox-wrapper-15 .inp-cbx:checked+.cbx span:last-child:after{transform:scaleX(1);transition:all .3s ease}@keyframes check-15{50%{transform:scale(1.2)}}.onoff{margin-left:-27px;display:-moz-inline-stack;display:inline-block;vertical-align:middle;*vertical-align:auto;zoom:1;*display:inline;position:relative;cursor:pointer;width:55px;height:30px;line-height:30px;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.onoff label{position:absolute;top:0px;left:0px;width:100%;height:100%;cursor:pointer;background:#cd3c3c;border-radius:5px;font-weight:bold;color:#fff;transition:background .3s,text-indent .3s;text-indent:27px;box-shadow:0px 0px 5px rgba(0,0,0,.4) inset}.onoff label:after{content:"ไม่ใช่";display:block;position:absolute;top:0px;left:0px;width:100%;font-size:12px;color:#591717;text-shadow:0px 1px 0px rgba(255,255,255,.35);z-index:1}.onoff label:before{content:"";width:15px;height:24px;border-radius:3px;background:#fff;position:absolute;z-index:2;top:3px;left:3px;display:block;transition:left .3s;box-shadow:0px 0px 5px rgba(0,0,0,.4)}.onoff input:checked+label{background:#378b2c;text-indent:8px}.onoff input:checked+label:after{content:"ใช่";color:#091707}.onoff input:checked+label:before{left:37px}table{font-family:"Kanit",sans-serif}.table-tool{border:none !important}.table-tool td,.table-tool th{border:none !important}.table-tool tbody tr:hover{background-color:rgba(0,0,0,0) !important}.logo{width:auto;height:80px;border-radius:0}.img-half{width:50%}.nu-logo{width:120px}.zoom:hover{transform:scale(1.2);transition:.3s}.img-circle{max-height:250px}@media only screen and (max-width: 575px){.img-circle{max-height:150px}}.navbar-nav{font-size:20px}.navbar-toggler{color:#fff !important}.navbar-nav a:hover,.navbar-toggler:hover{color:#eb5b26 !important}.dropdown-menu a{color:#fff !important}.dropdown-item.active,.dropdown-item:active{background-color:#eb5b26 !important}@media(max-width: 992px){.navbar-brand{display:none}.dropdown-menu{background-color:rgba(0,0,0,0);border:rgba(0,0,0,0)}.dropdown-menu a{color:#fff !important}}ul{list-style:none;margin:0;padding:0}.list-tool{list-style:disc}.document-list{background-color:#fff;border-radius:5px;margin:10px 0}.document-list ul{padding-left:15px}.document-list li{overflow:hidden;text-overflow:ellipsis;padding:10px 0;border-bottom:1px #000 dotted}.document-list li:last-child{border-bottom:0}.document-list li a{font-size:19px;color:#000}.document-list li a:hover,.document-list li a:active{color:#eb5b26}.document-detail{color:#000}.modal-dialog{position:absolute !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important;min-width:500px}.modal-dialog--img{min-width:1000px}@media only screen and (max-width: 992px){.modal-dialog{max-width:100% !important;width:100% !important;margin:0 !important;min-width:unset}.modal-dialog--img{min-width:unset}}@media only screen and (max-width: 992px){.modal-dialog .modal-header{padding:0 1rem}.modal-dialog .modal-title{display:none}.modal-dialog .modal-body{max-height:500px;overflow-y:auto}}.img-thumb .modal-content{border:none}.img-thumb .modal-body{padding:0}.img-thumb .modal-body .img-cover{border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:500px}.img-thumb .modal-footer{justify-content:unset;margin-top:.75rem;padding:0;border:none}.img-thumb .modal-footer .text-description{padding:.75rem;max-height:300px;overflow-y:auto}.img-thumb .close{position:absolute;top:5%;right:5%;font-size:50px}.img-thumb .img-cover{width:100%;margin:0 auto}#selectDate .modal-title{border-left:none;padding-left:0}#selectDate .modal-body .row{margin-left:0;margin-right:0}#deleteItem .modal-footer,#detailItem .modal-footer{justify-content:inherit}#deleteItem .button-group,#detailItem .button-group{width:100%;text-align:center}#bookingStatus .modal-footer{justify-content:inherit}#bookingStatus .button-group{width:100%;text-align:center}#descItem .modal-content{min-height:350px}#descItem .description{text-indent:20px}@media only screen and (max-width: 992px){#announcementModal .modal-title{display:block}}.btn{color:#fff;width:100%;transition:.3s}.btn-danger,.btn-default,.btn-info,.btn-primary,.btn-success,.btn-warning{background-image:inherit !important;box-shadow:inherit !important;border:none !important}.btn-gold{background-color:#ffc107 !important;border-color:#ffc107 !important}.btn-gold:hover{background-color:#eb5b26 !important;border-color:#eb5b26 !important}.btn-orange{background-color:#eb5b26 !important;border-color:#eb5b26 !important;color:#fff !important}.btn-orange:hover{background-color:#5a5a5a !important;border-color:#5a5a5a !important;color:#fff !important}.btn-orange.active{background-color:#5a5a5a !important;border-color:#5a5a5a !important;color:#fff !important}.btn-auto{width:auto}.btn-base{max-width:200px}.btn-default{min-width:200px;color:#fff !important}.btn-default:hover{color:#fff !important}.btn-grey{background-color:#5a5a5a !important;border-color:#5a5a5a !important;color:#fff !important}.btn-grey:hover{background-color:#eb5b26 !important;border-color:#eb5b26 !important;color:#000 !important}.btn-border{background-color:rgba(0,0,0,0) !important;border-color:#5a5a5a !important;color:#5a5a5a !important}.btn-border:hover{background-color:#eb5b26 !important;border-color:#eb5b26 !important;color:#fff !important}.btn-grad-orange{background-image:linear-gradient(to right, #eb5b26 0%, #4d4d4d 51%, #eb5b26 100%)}.btn-grad-orange,.btn-grey,.btn-print{margin:10px;padding:15px 45px;text-align:center;text-transform:uppercase;transition:.2s;background-size:200% auto;color:#fff !important;border-radius:10px}.btn-grad-orange:hover{background-position:right center;transition:.2s;color:#fff !important;text-decoration:none}.btn-tab{border-radius:50px}.modal .btn{max-width:150px}@media only screen and (max-width: 575px){.modal .btn{max-width:100%;width:auto}}#toTop{padding:5px 3px;position:fixed;bottom:20px;right:20px;display:none;border-radius:100%;color:#fff;z-index:5}#toTop .icon{font-size:35px}.btn-circle{position:relative;width:5px;height:5px;margin:2px;border-radius:50% !important;padding:5px !important;top:-5px;font-size:10px !important}.round{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.button-group{height:50px;width:100%;white-space:nowrap;overflow-x:scroll;overflow-y:hidden}.btn-file{display:none}.btn-choose{position:absolute;top:0;left:0;z-index:1;border-top-left-radius:4px !important;border-bottom-left-radius:4px !important;min-width:150px}.upload-group{position:relative}.upload-group .btn-delete{position:absolute;top:20%;right:20px}.btn-img.cursor:hover{color:#eb5b26 !important}.desc{background-color:#ddd;padding:10px;border-radius:5px;display:none}.box{background-color:#f58534;color:#000;border-radius:5px;text-align:center;align-items:center;padding:20px;font-size:50px;margin:5px;cursor:pointer;transition:.5s;min-height:150px}.box--research{background-color:#fff;padding:10px;text-align:center;border:1px solid;border-radius:5px;min-height:175px;margin:5px}.box--research img{height:60px}.box p{margin-top:10px;line-height:normal}.box:hover{background-color:#444;color:#fff}.box a{font-size:50px;color:#000}.box:hover a{color:#fff !important}.form-box{background-color:#fff}.form-box{width:80%;min-height:550px;border-radius:10px;overflow:hidden;margin:0 auto;background-color:#fff}@media only screen and (max-width: 992px){.form-box{width:75%;padding:35px 35px 17px 35px}}@media only screen and (max-width: 575px){.form-box{width:100%;min-height:450px;padding:10px}}.research-group:hover img{transition:.2s;filter:invert(99%) sepia(1%) saturate(147%) hue-rotate(280deg) brightness(121%) contrast(100%)}.carousel-inner img{width:100%;height:auto}.banner{padding:25px}.banner-box{background-color:#fff;padding:0 !important}.banner-box img{width:300px}.banner-box .text{display:flex;justify-content:center;align-items:center}.banner-box .text article{padding:20px}.banner-box .text p{font-size:20px !important}@media only screen and (max-width: 992px){.banner-box .text p{font-size:16px !important}}.container-login,.container-form{width:100%;min-height:100vh;flex-wrap:wrap;justify-content:center;align-items:center;padding:15px;background-repeat:no-repeat;background-position:center;background-size:cover;position:relative;z-index:1}.container-login::before,.container-form::before{background-image:linear-gradient(to right, rgba(214, 90, 26, 0.9) 0%, rgba(59, 66, 74, 0.9) 100%)}.container-login::before,.container-form::before{content:"";position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:-1}.login-box{width:600px;min-height:550px;border-radius:10px;overflow:hidden;padding:55px 55px 37px 55px;margin:0 auto;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@media only screen and (max-width: 992px){.login-box{width:500px;padding:35px 35px 17px 35px}}@media only screen and (max-width: 575px){.login-box{width:350px;min-height:450px;padding:10px}}@media only screen and (max-width: 360px){.login-box{width:100%}}@media only screen and (max-width: 575px){.login-group,.add-name{padding:20px}}.login-group input,.add-name input,.add-name select{background-color:rgba(0,0,0,0);border:none !important;border-radius:0;outline:none}.login-group input:-webkit-autofill,.add-name input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset !important}.login-group input:focus,.add-name input:focus{border:0;background:rgba(0,0,0,0);border-bottom:1px solid #000}.login-group input:focus,.add-name input:focus,.login-group input:focus-visible,.add-name input:focus-visible{border:0;background:rgba(0,0,0,0);border-bottom:1px solid #000}.login-group input::-moz-placeholder, .add-name input::-moz-placeholder{color:#4d4d4d}.login-group input::placeholder,.add-name input::placeholder{color:#4d4d4d}.login-group a,.add-name a{color:#4d4d4d !important}.login-group a:hover,.login-group a:active,.login-group a:focus,.add-name a:hover,.add-name a:active,.add-name a:focus{color:#fafafa !important}.err-input{color:red}.password-box{position:relative}.eye{right:0;cursor:pointer;opacity:.5}.login-admin{float:inherit;color:#fff !important;display:inherit;text-decoration:underline !important}.box-card{border-radius:20px;box-shadow:rgba(100,100,111,.2) 0px 7px 29px 0px;margin:20px auto;transition:.4s}.box-card--text{min-height:150px}.box-card--w50{width:50%}.box-card img{margin:10px;padding:10px;height:200px}.box-card:hover{background-color:#5a5a5a;color:#fff}.box-card:hover a{color:#fff !important}.box-card:hover a:hover{color:#eb5b26 !important}.news-box{background-color:#ddd;border-radius:10px;margin-top:60px;transition:.2s}.news-box:hover{background-color:#eb5b26}.news-box:hover a:hover{color:#fff !important}.news-text{padding:10px 20px}.news-text--ip{padding:0}.news-text hr{border-top:1px dashed !important}.news-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.img-news{padding:5px 30px;margin-top:50px}.img-news img{border-radius:10px;margin-top:-50px}.img-news .max-height{max-height:500px}.box-news--ip{height:800px;overflow-y:auto}.middle{width:100%;text-align:center}.middle input[type=radio]{display:none}.middle input[type=radio]:checked+.box{background-color:#333367}.middle input[type=radio]:checked+.box span{color:#fff;transform:translateY(-50%)}.middle input[type=radio]:checked+.box span:before{transform:translateY(0px);opacity:1}.middle .box{width:200px;height:200px;background-color:#eb5b26;transition:all 250ms ease;will-change:transition;display:inline-block;text-align:center;cursor:pointer;position:relative;font-weight:900}.middle .box:active{transform:translateY(10px)}.middle .box span{position:absolute;top:50%;transform:translate(0, -50%);left:0;right:0;transition:all 300ms ease;font-size:36px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff}.middle .box span:before{font-size:1.2em;font-family:FontAwesome;display:block;transform:translateY(-80px);opacity:0;transition:all 300ms ease-in-out;font-weight:normal;color:#fff}.middle .yes-box span:before{content:""}.middle .yes-box--2 span:before{content:""}.middle .no-box span:before{content:""}.middle .no-box--2 span:before{content:""}.increase{width:575px !important}@media only screen and (max-width: 992px){.increase{width:360px !important}}@media only screen and (max-width: 360px){.increase{width:auto !important}}.question-group--4{position:relative;height:350px}.congrats{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.blob.fa-star{position:absolute}.question-group .image-group img{height:60px}@media only screen and (max-width: 992px){.question-group .image-group img{height:40px}}.question-group .image-group a{margin-right:5px}.question-group .image-group a:last-child{margin-right:0}