.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:#f60;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}}.small-font{font-size:14px !important}html{scroll-behavior:smooth}body{background-color:#fff;color:#000;font-family:"Kanit",sans-serif !important;font-size:16px !important;font-weight:400;padding-top:62px}a{color:#000 !important;text-decoration:none !important;transition:.2s}a:hover{color:#f60 !important;text-decoration:none !important}hr{border-top:1px solid #000 !important}footer{padding:20px 0;width:100%;bottom:0}@media only screen and (max-width: 992px){footer{position:inherit}}header,footer{background-color:#5a5a5a;font-family:"Kanit",sans-serif;color:#fafafa}header a{float:left;display:block;text-align:center;padding:14px}a.clear-style{color:#000;text-decoration:none !important}a.clear-style:hover{color:#f60;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}.bg-image{background-image:url(../images/bg/bg-banner.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;background-color:#fff}.bg-orange{background-color:rgba(255,102,0,.8)}.bg-grey{background-color:rgba(90,90,90,.4)}.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:#f60 !important}.pastel-orange{color:#ff944d !important}.white{color:#fff !important}.cursor{cursor:pointer}.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}.hide-button .btn,.hide-button select{display:none}.border-radius--xs{border-radius:5px}.border-radius--s{border-radius:10px}.border-radius--m{border-radius:10px}.under-dot{border-bottom:1px dotted #000;text-decoration:none}.double-line{border-bottom:3px double #000}.underline{border-bottom:3px solid #000}.underline-white{border-bottom:3px solid #fff}.number-circle{position:relative;width:5px;height:5px;margin:2px;border-radius:50% !important;padding:0 10px !important;background-color:#fff}.text-underline{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:double;text-decoration-style:double}.medium{font-weight:500}.semi-bold{font-weight:600}.bold{font-weight:700}.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:#f60}.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 #f60;padding-left:5px}.text-style--white{border-left:5px solid #fff}.text-horizontal::before{display:inline-block;content:"";border-top:3px solid #f60;width:25px;margin:0 10px;transform:translateY(-100%);transition:.4s}.text-horizontal:hover::before{width:0}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.text-indent{text-indent:20px}.fb-container{display:flex;justify-content:center;max-width:100%;overflow:hidden}.fb-page{max-width:500px;width:100%}input[type=text],input[type=date],input[type=password],input[type=email],input[type=number],input[type=time],input[type=search],select,textarea,.SumoSelect{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,.amsify-focus{box-shadow:0 0 0 .2rem rgba(255,102,0,.25) !important}.search form{margin:0 10px}.search .form-control{margin:0 0 8px 0 !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-top-left-radius:4px !important;border-bottom-left-radius:4px !important}.search .btn-search{padding:0 20px !important;margin:0 0 8px 0 !important;border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-top-right-radius:4px !important;border-bottom-right-radius:4px !important}@media(max-width: 575px){.search{margin-top:20px}}.amsify-suggestags-input-area{border:1px solid #5a5a5a !important}.amsify-suggestags-input-area .amsify-suggestags-input{padding:0 !important;margin:0 !important;border:0 !important}.SumoSelect{width:100%}.SumoSelect select,.SumoSelect input{border:none !important;white-space:normal;word-wrap:break-word}.SumoSelect .select-all.partial>span i,.SumoSelect .select-all.selected>span i,.SumoSelect>.optWrapper.multiple>.options li.opt.selected span i{background-color:#f60}.SumoSelect>.optWrapper>.options li label{white-space:normal}.selectize-dropdown,.selectize-input,.selectize-input input{border:1px solid #5a5a5a !important}.selectize-input.focus{box-shadow:0 0 0 .2rem rgba(255,102,0,.25) !important}.SumoSelect{width:100%;padding:0;border-style:none !important}.lineInput{height:calc(1.5em + .75rem + 2px) !important}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:50px;border-radius:0}.img-half{width:50%}.nu-logo{width:120px}.img-logo{width:15px;transition:.2s}a:hover .img-logo{filter:invert(50%) sepia(80%) saturate(3623%) hue-rotate(359deg) brightness(101%) contrast(107%)}.img-news{padding:5px 30px;margin-top:50px}.img-news img{border-radius:10px;margin-top:-50px}.img-news--knowledge{padding:0;margin-top:0;text-align:center}.img-news--knowledge img{margin-top:0;height:500px}.img-news--white img{height:250px}.img-content{width:350px}.navbar-nav{font-size:20px}.navbar-nav a,.navbar-toggler,.navbar-nav span{color:#fff !important}.navbar-nav a:hover,.nav-item.active a,.navbar-toggler:hover,.navbar-nav span:hover,.nav-item.active span{color:#f60 !important}.dropdown-menu a,.dropdown-menu span{color:#5a5a5a !important}.dropdown-item.active,.dropdown-item:active{background-color:#ddd !important}.dropdown-submenu{position:relative;margin-top:35px}.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px}.dropdown-submenu:hover>.dropdown-menu{display:block}.dropdown-submenu>span:after{display:block;content:" ";float:right;width:0;height:0;border-color:rgba(0,0,0,0);border-style:solid;border-width:5px 0 5px 5px;border-left-color:#ccc;margin-top:5px;margin-right:-10px}.dropdown-submenu:hover>span:after{border-left-color:#f60}.dropdown-submenu.pull-left{float:none}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;border-radius:6px 0 6px 6px}@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,.dropdown-menu span{color:#fff !important}.dropdown-submenu{margin-top:0}.dropdown-submenu>span:after{border-style:inherit}.dropdown-submenu>.dropdown-menu{display:block;padding-left:20px}}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 ol{padding-left:0}.document-list ul li{overflow:hidden;text-overflow:ellipsis}.document-list ul li,.document-list ol li{padding:10px 0;border-bottom:1px #000 dotted}.document-list li:last-child{border-bottom:0}.document-list li a,.document-list li p{font-size:19px !important;color:#000}.document-list li a:hover,.document-list li a:active{color:#f60}.document-detail{color:#000}.document-list ol li{margin-left:20px}.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}}.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}#favouriteModal .modal-body{max-height:500px;overflow-y:auto}#thankyouModal .modal-footer,#prModal .modal-footer{justify-content:center}#prModal .modal-dialog{max-width:60% !important}@media only screen and (max-width: 992px){#prModal .modal-dialog{max-width:100% !important;width:100% !important;margin:0 !important;min-width:unset}}.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:#f60 !important;border-color:#f60 !important}.btn-orange{background-color:#f60 !important;border-color:#f60 !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 !important}.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:#f60 !important;border-color:#f60 !important;color:#fff !important}.btn-border{background-color:rgba(0,0,0,0) !important;border-color:#5a5a5a !important;color:#5a5a5a !important}.btn-border:hover{background-color:#f60 !important;border-color:#f60 !important;color:#fff !important}.btn-grad-orange{background-image:linear-gradient(to right, #f60 0%, #4d4d4d 51%, #f60 100%)}.btn-grad-blue{background-image:linear-gradient(to right, rgb(25, 53, 71) 0%, #4d4d4d 51%, rgb(25, 53, 71) 100%)}.btn-grad-red{background-image:linear-gradient(to right, #ff0000, #5a5a5a)}.btn-grad-orange,.btn-print,.btn-back,.btn-grad-blue,.btn-grad-red{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,.btn-grad-blue:hover,.btn-grad-red:hover{background-position:right center;transition:.2s;color:#fff !important;text-decoration:none}.btn-grad-red:hover{background-image:linear-gradient(to right, #5a5a5a, #ff0000)}.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,#toBottom{padding:5px 3px;position:fixed;bottom:20px;left:20px;display:none;border-radius:100%;color:#fff;z-index:5}#toTop .icon,#toBottom .icon{font-size:35px}#toBottom{left:50%;transform:translateX(-50%);bottom:10%;padding:5px 30px}.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:auto;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:#f60 !important}.success-checkmark{width:80px;height:115px;margin:0 auto}.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #4caf50}.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px}.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in}.success-checkmark .check-icon::before,.success-checkmark .check-icon::after{content:"";height:100px;position:absolute;background:#fff;transform:rotate(-45deg)}.success-checkmark .check-icon .icon-line{height:5px;background-color:#4caf50;display:block;border-radius:2px;position:absolute;z-index:10}.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip .75s}.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long .75s}.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border:4px solid rgba(76,175,80,.5)}.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#fff}@keyframes rotate-circle{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}@keyframes icon-line-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes icon-line-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0px;top:35px}100%{width:47px;right:8px;top:38px}}.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}}.form-group{margin-bottom:20px;padding:40px}@media only screen and (max-width: 992px){.form-group{padding:5px}}.research-group:hover img{transition:.2s;filter:invert(99%) sepia(1%) saturate(147%) hue-rotate(280deg) brightness(121%) contrast(100%)}.border-box{border-width:1px;border-style:solid;border-top-width:5px;border-radius:5px}.border-box--grey{border-color:#5a5a5a}.border-box--orange{border-color:#f60}.news-box{background-color:#ddd;border-radius:10px;margin-top:60px;transition:.3s}.news-box a:hover{color:#fff !important}.news-box:hover{background-color:#f60}.news-box:hover a{color:#fff !important}.news-box--white{background-color:#fff;max-width:350px;text-align:center;margin:80px auto 40px;box-shadow:rgba(221,221,221,.2) 0px 7px 29px 0px}.news-box--white:hover a{color:#fff !important}.news-box--white:hover a:hover{color:#000 !important}.news-text{padding:10px 20px}.news-text--ip{padding:0}.news-text--ip .cursor-red:hover{color:red}.news-text--ip .view:hover .open,.news-text--ip .view .opened{display:none}.news-text--ip .view:hover .opened{display:inline}.news-text--ip .favourite:hover .unfav,.news-text--ip .favourite .fav{display:none}.news-text--ip .favourite:hover .fav{display:inline}.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}.box-news--ip{height:360px;overflow-y:auto}.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--invention{box-shadow:inherit;padding:20px;background-color:rgba(221,221,221,.2)}.box-card:hover{background-color:#5a5a5a;color:#fff}.box-card:hover a{color:#fff !important}.box-card:hover a:hover{color:#f60 !important}.box-card--invention:hover{background-color:rgba(221,221,221,.2);color:#000}.box-card img{margin:10px;padding:10px;height:200px}.researcher-group{background-color:rgba(221,221,221,.2);padding:20px;border-radius:20px;margin-top:10px}.carousel-inner img{width:100%;height:300px}@media(max-width: 575px){.carousel-inner img{width:inherit;height:inherit}}.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}}.about-us{background-color:#ddd;padding:20px}.about-us .box{min-width:500px}.about-us h3{color:#f60;font-size:36px !important}.about-us p,.about-us li{font-size:20px !important}.box-grey{background-color:#5a5a5a}.box-orange{background-color:#f60}.about-us .about-us-box{position:relative}.about-us .content::before,.about-us .content::after{content:"";position:absolute;width:80%;height:300px}.about-us .content::before{background-color:#5a5a5a;top:0;left:0}.about-us .content::after{bottom:0;right:0;background-color:#f60}.about-us .col-text{display:flex;justify-content:center;align-items:center}.about-us .col-text article{padding:20px}.about-us .content{padding:50px}.about-us .content .col-text,.about-us .content .col-img{background-color:#fff;z-index:100}.about-us .content .col-img{padding:0}@media only screen and (max-width: 1024px){.about-us .content .col-img img{width:100%;height:100%}}@media only screen and (max-width: 992px){.about-us .content .col-img img{width:inherit;height:auto}.about-us h3{font-size:28px !important}.about-us p,.about-us li{font-size:16px !important}}.service{margin:50px auto}.service .service-box{background-color:#ddd;padding:10px;border-radius:10px;text-align:center;margin:5px 0;min-height:180px}.service .service-box .icon{font-size:50px}.system-service .img-after{display:none;transition:visibility 0s,opacity .5s}.system-service a:hover .img-after{display:block;opacity:1}.system-service a:hover .img-before{display:none;transition:visibility 0s,opacity .5s}.content-box .row{margin:auto}.content-box .row .col-md-6{padding:0}.content-box .text-box{padding:20px;text-align:center}.content-box p{font-size:20px !important}@media only screen and (max-width: 1024px){.content-box img{width:100%;height:100%}}@media only screen and (max-width: 992px){.content-box img{width:inherit;height:auto}.content-box p{font-size:16px !important}}.exportContent{margin:75.59px 96px 96px 96px;font-family:"Sarabun",sans-serif !important}.exportContent h1,.exportContent h2,.exportContent h3,.exportContent h4,.exportContent h5,.exportContent h6,.exportContent p{font-family:"Sarabun",sans-serif !important}.exportContent h1{font-size:29px !important}.exportContent .head{font-size:26px !important}.exportContent p,.exportContent .text{font-size:22px !important;margin-top:8px}.exportContent .krut{width:51.4px}.exportContent .text-indent{text-indent:94.49px}.exportContent .group-indent{margin-left:94.49px}.exportContent .mt-xs{margin-top:8px !important}.line{width:100%;height:0;border:1px solid #c4c4c4;margin:3px;display:inline-block}.line-dot--bottom{display:flex;flex-direction:row;width:100%}.line-dot--bottom .text{text-align:justify;word-break:break-word}.line-dot--bottom .dots{border-bottom:1px dotted #000;flex-grow:1}.line-dot--bottom--max{max-width:630px}.line-box .line-group{text-align:center}.line-box--right .line-group{float:right}.line-box--sincerely{height:150px}.line-box--left .line-group{float:left}.two-line{min-height:90px}#Iframe-pdf{max-width:100%;max-height:500px;overflow:hidden}.responsive-wrapper{position:relative;height:0}.responsive-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:none}.responsive-wrapper-wxh-572x612{padding-bottom:107%}.set-box-shadow{box-shadow:4px 4px 14px #4f4f4f}.center-block-horiz{margin-left:auto !important;margin-right:auto !important}.faq .accordion{background-color:#ddd;color:#5a5a5a;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;outline:none;font-size:16px;transition:.4s}.faq .active,.faq .accordion:hover{background-color:#4d4d4d;color:#fff}.faq .accordion:after{content:"+";color:#4d4d4d;font-weight:bold;float:right;margin-left:5px}.faq .active.accordion:after{color:#fff}.faq .active:after{content:"−"}.faq .panel{padding:0 18px;background-color:#fff;max-height:0;overflow:hidden;transition:max-height .2s ease-out}.information-service{background-color:#ddd}.information-service-box{background-color:#fff;text-align:center;border-radius:10px;padding:10px;transition:.3s}.information-service-box p{text-align:left}.information-service-box img{max-height:150px}@media(max-width: 575px){.count-service--num{font-size:80px}}.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-form--blue::before{background-image:linear-gradient(to right, rgba(25, 53, 71, 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{color:#fff !important}.swiper{width:100%}.swiper-slide{text-align:center;font-size:18px;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.knowledgeTransferSlide .swiper-slide{text-align:center;font-size:1.1em;outline:0}.knowledgeTransferSlide .swiper-slide img{width:auto;height:300px}.knowledgeTransferSlide .swiper-button-prev,.knowledgeTransferSlide .swiper-button-next{color:#f60}.page-link{color:#000 !important}.page-item.active .page-link{z-index:3;color:#fff !important;background-color:#f60 !important;border-color:#f60 !important}