.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}body{overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15002024gf33/0/0/1z-z1380213820165.webp");background-size: cover}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15002024gf33/0/0/fz-z1168568705072.webp")}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15002024gf33/0/0/3z-z145009406575.webp")}.itopplus-footer{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_15002024gf33/0/0/fz-z1168568705072.webp");background-size: cover}.navbar-default .navbar-nav > li > a{color: #282828;margin: 0 4px;padding: 8px 5px;border-radius: 30px}.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:active,.navbar-default .navbar-nav > .open > a,.navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > .open > a:hover{color: #282828 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: #ffc24a}.dropdown-menu > li > a{color: #444}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #444;background: transparent}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 35px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}.itopplus-sidebar-sub-content,.itopplus-sidebar-container{overflow: hidden}.itopplus-sidebar-main{width: 40%}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 20% auto;align-items: center;width: 90vw}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: linear-gradient(180deg,#fff 0%,#fff 90%,#ffffff00 100%);transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: clamp(130px,12vw,130px);margin: 0;margin-left: 2%}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}.itp-block{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-evenly;height: 100%}.itopplus-search{text-align: right;color: #444;width: fit-content}}@media screen and (min-width: 1366px){}@media screen and (min-width: 1900px){}@media screen and (max-width: 900px){}@media screen and (max-width: 480px){}.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 16px}h1{font-size: 4.125em}h2{font-size: 3.2em}h3{font-size: 2.8em}h4,h3.managerHeader{font-size: 2.4em}h5{font-size: 2em}h6{font-size: 1.6em}p,.text-cert h6,.service-detail li::marker,.recruitment-detail p,.recruitment-detail li::marker,.service-recruit li::marker,.text-partner h6{font-size: 16px}.copy-right p,.footer p,.btn-more,div#background67b5ae77f399d90013b0b284 button,div#formdisplay67beeee9f3f31200136439b3 button{font-size: 14px}.text-serrvice h6,.btn-form h6,.footer h6,.service-detail li h6,.name-tiktok h6{font-size: 20px}.service-detail p,.page-partner span,.btn-pdf h6,.equipment-text h6{font-size: 18px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.tell-head{display: grid;grid-template-columns: 24px auto;justify-content: center;align-items: center;gap: 10px;color: #282828}.social-head{display: grid;grid-template-columns: repeat(4,1fr);width: 19%;gap: 25px}.head-contact{display: flex;justify-content: end;gap: 25px;align-items: center}.footer h6,.fw-semi,.sect-about h4,.sect-about h6,.step-process h4,.step-number p,.step-number h5,.sect-service h4,.text-serrvice h6,.text-joinus h4,.btn-form h6,.head-page h4,.about-page h5,.about-page h6,.service-detail h5,.step-process h5,.service-detail h6,.page-partner h5,.page-partner span,.contact-page h5,.form-contact h5,.map-text h5,.name-tiktok h6,h3.managerHeader,.sect-service h5,.form-quotation h4,.benefit-page h6,.service-recruit h6,.recruitment-detail h6,.content-inline-data h5,strong{font-weight: 600}.footer p,.copy-right p,.contact-page p{margin-bottom: 1.5rem}.footer h6,.service-recruit ul{margin-bottom: 2rem}.service-detail h5{margin-bottom: 3rem}.footer p.fw-semi,.contact-page p.fw-semi{margin-bottom: 0.5rem}.footer{position: relative}.footer li{display: grid;grid-template-columns: 35px auto;gap: 10px;align-items: center}.footer ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.text-footer p{margin: 1% 0}.qr-line{width: 11%;position: absolute;right: 75px;top: 30px;transition: transform 0.2s ease-out}.footer a,.service-detail li:hover h6{color: #fff}.text-cert,.contact-page a{color: #444}.tell-head a,.sect-about h4,.sect-about h6,.step-process h4,.sect-service h4,.dropdown-menu>li>a,.step-process h5,.service-detail h5,.service-detail h6,.page-partner h5,.contact-page h5,.map-text,.name-tiktok h6,.btn-line:hover,h3.managerHeader,.sect-service h5,.form-quotation h4,.head-paragraph a,.btn-pdf a,.equipment-text h6,.service-recruit h6,.recruitment-detail h6,.service-detail a{color: #282828}.tell-head a:hover,.step-number p,.text-blue,.contact-page a:hover,.btn-pdf a:hover,.service-detail li h6,.service-detail a:hover,.head-paragraph a:hover{color: #0a77c9}.footer a:hover,.step-number h5,.text-yellow{color: #ffc24a}#background67b54a1083ace900138a97b3 .carousel-indicators.hidden,#background67b69d4bf399d90013b0ba22 .carousel-indicators.hidden{display: block !important;visibility: visible !important}#background67b54a1083ace900138a97b3 .carousel-indicators .active,#background67b69d4bf399d90013b0ba22 .carousel-indicators .active{width: 50px !important;height: 12px !important;background-color: #fff !important;border-color: #fff}#background67b54a1083ace900138a97b3 .carousel-indicators li,#background67b69d4bf399d90013b0ba22 .carousel-indicators li{width: 12px !important;height: 12px !important;background-color: transparent !important;border-color: #fff;margin: 0 3px !important}#background67b54a1083ace900138a97b3 .carousel-control,#background67b69d4bf399d90013b0ba22 .carousel-control{display: none}.sect-about,.blog-about,.step-process h4,.sect-service h4,.step-process h5,.form-contact,.map-text,h3.managerHeader,.sect-service h5,.form-quotation h4,.benefit-page,.certificate-grantee,.equipment-text h6{text-align: center}.sect-about h6,.sect-service h4,.page-partner h5,.form-contact,.sect-service h5{margin-bottom: 2%}.sect-about{padding-top: 6%;margin-bottom: 4%}.sect-about p,.text-cert h6{line-height: 24px}.blog-about img{width: 45% !important;margin-bottom: 5%}.step-process{padding: 5% 3%;box-shadow: 2px 6px 13px rgb(0,0,0,0.1);border-radius: 20px;background: #fff}.step-process ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(6,1fr);text-align: center;margin: 4% 0 0}.step-number{margin-bottom: 8%}.step-icon::after{content: " ";width: 74%;height: 3px;background: #0a77c9;position: absolute;right: -75px;top: 50%;z-index: 1}.step-icon{width: 60%;position: relative;z-index: 2;margin: auto;margin-bottom: 10%;transition: all 0.2s ease-out;background: #fff;border: 3px solid #0a77c9;border-radius: 15px}.step-icon img{border-radius: 15px;padding: 15%;position: relative;z-index: 2;background-color: #fff}.step-number h5,.step-number p,.name-tiktok h6{margin: 2% 0}.step-process li:last-child .step-icon::after{display: none}figure.effect-oscar,figure.effect-selena,figure.effect-jazz{background: transparent}figure.effect-oscar figcaption::before,.dropdown-menu,figure.effect-jazz figcaption::after,.CASS-A-middle-right,.CASS-A-middle-left,.CASS-A-bottom,.CASS-A-top{border: none}.CASS-A-main{box-shadow: none}.grid figure h2{word-spacing: 0;font-weight: unset}figure.effect-oscar h2{margin: 0;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}div#background67b55da9c6f5be0013eb3ccb figcaption{padding: 0;position: absolute;background: transparent;text-transform: none;width: 100%;height: 100%;top: 0}div#background67b55da9c6f5be0013eb3ccb figure,div#Contentmanager .img-container,div#background67b5828286b4710013e1092d figure,.CASS-A-main figure,div#Contentmanager .img,.img-about2 img,div#background67b57d0695f6000013ab8f25 .imgLightbox img{border-radius: 20px;overflow: hidden}.text-serrvice{position: absolute;bottom: 0;left: 0;width: 100%;text-align: left;padding: 3% 6%;padding-top: 6%;background: linear-gradient(0deg,black,transparent);border-radius: 0 0 20px 20px;color: #fff}figure.effect-oscar:hover h2{-webkit-transform: inherit;transform: inherit}.number-service{width: 50px;height: 50px;text-align: center;background: #ffc24a;padding-top: 14px;border-radius: 50%;color: #282828;font-weight: 600;font-size: 24px}.text-serrvice h6{display: flex;align-items: center;gap: 20px}figure.effect-selena h2{-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}div#background67b55fe9c6f5be0013eb3d95 figcaption{position: relative;text-transform: none;padding: 0}.text-cert h6,.text-joinus h4,.text-joinus h6,.contact-page li p,.text-line p{margin: 0}.text-joinus{display: flex;align-items: center;padding: 3% 0;justify-content: center;gap: 30px}.btn-form{background: #ffc24a;padding: 1rem 2rem;border-radius: 30px;color: #282828;box-shadow: 4px 4px 14px rgb(0,0,0,0.6);transition: all 0.2s ease-out}.btn-more{width: fit-content;display: grid;grid-template-columns: auto 22px;align-items: center;gap: 8px;background: #ffc24a;color: #282828;padding: 0.75rem 1.5rem 0.75rem 2rem;border-radius: 30px;margin: auto;transition: all 0.2s ease-out}.Contentmanager .template1 .template-panel{padding-bottom: 80%}#Contentmanager .col-md-4.col-sm-4.col-xs-12{padding: 0 1% !important}.Text_seller2,.post-time,.landingpagemanager{display: none}.social-icon{border-radius: 5px}.pre-news{padding: 4% 0;color: #444;margin-bottom: 3%}.head-page{text-align: center;padding: 3% 0;background-position: center;background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_15002024gf33/0/0/fz-z1168568705072.webp);background-repeat: no-repeat;background-size: cover;color: #fff}.img-about3{width: 15%;float: right;margin-left: 3%}.about-page h6{margin-top: 2%}.img-about{width: 14%;float: left;margin-right: 3%;margin-bottom: 1%;text-align: center}.about-page p{line-height: 26px;margin-bottom: 1%}.img-about2{width: 25%;float: right;margin-left: 3%;text-align: center}.pe-5{padding-left: 5%}.CASS-A-middle-mid{padding: 0}.service-detail{padding-top: 8%;padding-left: 8%}.service-detail li p,.service-detail li h6{margin-left: 7px}.page-partner ol{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px}.page-partner li{background: #fff;padding: 3%;box-shadow: 0 4px 8px rgb(0,0,0,0.05);list-style: none;border-left: 3px solid #ffc24a;transition: all 0.2s ease-out;border-radius: 5px}.page-partner li:hover .text-blue{color: #ffc24a}.page-partner li:hover,.btn-more:hover,.btn-form:hover,.join-form:hover .btn-more,div#background67b5ae77f399d90013b0b284 button:hover,div#formdisplay67beeee9f3f31200136439b3 button:hover{background: #0a77c9;color: #fff}.img-form{width: 90%;margin: auto;margin-bottom: 2%}.contact-page li{display: grid;grid-template-columns: 40px auto;align-items: center;gap: 10px}.contact-page ul{list-style: none;padding: 0;margin-top: 3%;display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.btn-line{width: 45%;display: grid;grid-template-columns: 38% auto;align-items: center;background: #0a77c9;padding: 2%;border-radius: 10px;color: #fff;gap: 15px;margin-top: 5%;transition: transform 0.2s ease-out}.text-line{display: grid;grid-template-columns: 30px auto;align-items: center;gap: 10px}.contact-page{padding-top: 5%;padding-left: 8%}div#background67b5ae77f399d90013b0b284 .col-xs-12.col-sm-3.col-md-3{display: none !important}div#background67b5ae77f399d90013b0b284{width: 50%;margin: auto}div#background67b5ae77f399d90013b0b284 .col-xs-12.col-sm-6.col-md-6{width: 100%}div#background67b5ae77f399d90013b0b284 input::placeholder,div#background67b5ae77f399d90013b0b284 textarea::placeholder{color: #fff}div#background67b5ae77f399d90013b0b284 .form-control{height: 45px;background: transparent;color: #fff !important;border-radius: 0;border: none;box-shadow: none;border-bottom: 1px solid #ddd;margin-bottom: 1rem}div#background67b5ae77f399d90013b0b284 .col-md-offset-3,div#formdisplay67beeee9f3f31200136439b3 .col-md-offset-5{margin: 0;width: 100%;text-align: center;margin-top: 2%}div#background67b5ae77f399d90013b0b284 button,div#formdisplay67beeee9f3f31200136439b3 button{background: #ffc24a;text-shadow: none;color: #282828;border: none;padding: 0.75rem 2rem;border-radius: 30px;transition: all 0.2s ease-out}.map-text{padding: 4% 0 2%}.map-text hr{width: 50px;border-width: 5px;border-color: #ffc24a;margin-bottom: 0}.eapps-widget-toolbar{display: none !important}.name-tiktok{width: fit-content;display: grid;grid-template-columns: 55px auto;align-items: center;gap: 15px;margin: auto;margin-bottom: 2%}.social-head a:hover img{filter: grayscale(1)}.social-head img,.blog-about img,.footer li img,div#background67b55da9c6f5be0013eb3ccb figure .imgLightbox img,#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img,.img-form img,.contact-page li img,.btn-line,.about-page img{transition: transform 0.2s ease-out}.social-head img:hover,.blog-about:hover img,.btn-form:hover,.step-icon:hover img,div#background67b55da9c6f5be0013eb3ccb figure:hover .imgLightbox img,#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,.btn-more:hover,.footer li:hover img,.qr-line:hover,.join-form:hover .img-form img,.contact-page li:hover img,.btn-line:hover,.about-page img:hover{transform: scale(1.05)}.step-icon:hover img,.btn-line:hover{background: #ffc24a}#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .pre-news h6{color: #0a77c9}.pre-news h6{transition: all 0.2s ease-out}.btn-more:hover img,.join-form:hover .btn-more img,.btn-line:hover .text-line img{filter: invert(1)}.page-header{padding-bottom: 0;margin: 4% 0 0;border-bottom: none}.template1{display: flex;flex-wrap: wrap}div#itp-shopcart-detail{padding: 0 !important}div#searchResultLanding .panel{border: none;box-shadow: none}.itopplus-search-image-flex-item img{width: 100% !important;height: 215px !important;object-fit: cover;border-radius: 20px}.search_titleText{padding-top: 5%}.itopplus-search-image-flex-item{width: 23% !important;box-shadow: none !important;border-radius: 20px !important;margin: 1% !important;padding: 0 !important;min-height: 290px !important;max-height: 290px !important}.search_titleText b{font-weight: 400 !important;color: #444 !important;font-size: 16px !important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.ITPcookiebar{width: 100% !important;background-color: #73737396 !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #73737396 !important;color: #171717 !important}.buttonExampleSite:hover{background: #1b3e8d !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #1b3e8d !important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 16px !important;margin-bottom: 3% !important}.itpPDPALandingPage{margin-top: 3%}.ITP-pdpa-template-titleFont{font-size: 20px !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{line-height: 28px}div#cookie67b5ae77f399d90013b0b284{padding: 2%}#background67bc11ab9d2a2f00145de246 .imgLightbox img{border: 1px solid #ddd;border-radius: 20px}div#formdisplay67beeee9f3f31200136439b3{color: #444;width: 50%;margin: 5% auto;border-radius: 20px}.form-quotation span{display: none}div#formdisplay67beeee9f3f31200136439b3 .form-control{box-shadow: none;border-radius: 0;border: none;border-bottom: 1px solid #ddd;margin-bottom: 1rem}.form-quotation h4{padding-top: 2%}.Contenemanager-gallery .col-xs-6.col-md-3{padding: 0 1%;width: 33.33%}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;box-shadow: none}div#Contentmanager .thumbnail>img{border-radius: 20px}.row.Contenemanager-gallery{display: flex;flex-wrap: wrap;justify-content: center}.benefit-page h6,.course-detail h6,.service-detail h6{line-height: inherit}.benefit-page ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin-top: 3%}.icon-benefit{width: 125px;margin: auto;padding: 18%;position: relative;background: #00000078;margin-bottom: 4%;margin-top: 0;margin-right: 0;box-shadow: 0 4px 8px rgb(0,0,0,0.3)}.main-timeline:after{content: '';display: block;clear: both}.main-timeline .timeline:nth-child(even) .timeline-year .icon-benefit{margin-left: 0;border-radius: 80px 80px 80px 0}.main-timeline .description{color: #000;font-weight: 400;text-align: left;letter-spacing: 0;margin: 0;padding: 0 5%}.main-timeline .timeline:nth-child(even) .timeline-content{text-align: left;border-right: none}.main-timeline .timeline:nth-child(even) .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:after{right: auto;left: -4px}.main-timeline .timeline:nth-child(odd) .title,.main-timeline .timeline:nth-child(odd) .description{text-align: right}.main-timeline{display: grid;grid-template-columns: repeat(2,1fr);margin-top: 3%}.timeline-content{display: flex;align-items: center}.timeline-year{position: relative}.timeline:nth-child(even) .timeline-year{top: 20px}.timeline:nth-child(odd) .timeline-year{order: 2;top: -10px}.timeline:nth-child(odd) .timeline-content{justify-content: end}.timeline:nth-child(odd) .icon-benefit{border-radius: 80px 80px 0}.timeline:nth-child(odd) .num-benefit{order: 1}.num-benefit{width: 65px;height: 50px;background: #0a77c9;padding-top: 11px;text-align: center;border-radius: 0% 30%;color: #fff}@media screen and (max-width:767px){.main-timeline .timeline,.main-timeline .timeline:nth-child(even){width: 100%;margin: 0 0 15px}}.icon-benefit img:hover,.step-icon img:hover,.benefit-page li:hover .icon-benefit img,div#background67b55fe9c6f5be0013eb3d95 figure:hover img{animation: flip-vertical-right 1s cubic-bezier(0.455,0.030,0.515,0.955) both}.benefit-page li{background: #0a77c994;padding: 7%;border-radius: 20px;margin-top: 50px;color: #fff}.text-benefit{text-align: left;display: grid;grid-template-columns: 40px auto;align-items: start;gap: 10px}.text-benefit h6{margin: 0;background: #ffc24a;padding-top: 7px;border-radius: 50%;color: #282828;font-weight: 600;width: 40px;height: 40px;text-align: center;font-size: 18px}div#cookie67beeee9f3f31200136439b3{padding: 0 3%}.about-page img{cursor: pointer}.flip-vertical-right{-webkit-animation: flip-vertical-right 0.4s cubic-bezier(0.455,0.030,0.515,0.955) both;animation: flip-vertical-right 0.4s cubic-bezier(0.455,0.030,0.515,0.955) both}.news-detail,.course-detail h6{text-align: center;margin-bottom: 3%}@-webkit-keyframes flip-vertical-right{0%{-webkit-transform: rotateY(0);transform: rotateY(0)}100%{-webkit-transform: rotateY(360deg);transform: rotateY(360deg)}}@keyframes flip-vertical-right{0%{-webkit-transform: rotateY(0);transform: rotateY(0)}100%{-webkit-transform: rotateY(360deg);transform: rotateY(360deg)}}@keyframes bounce{0%,20%,50%,80%,100%{transform: translateY(0)}40%{transform: translateY(-20px)}60%{transform: translateY(-10px)}}@keyframes bounce2{0%,20%,50%,80%,100%{transform: translateY(0)}40%{transform: translateY(-35px)}60%{transform: translateY(-15px)}}.certificate-grantee img{width: 16% !important;margin-bottom: 2%}.btn-pdf{display: grid;grid-template-columns: 40px auto;align-items: center;gap: 10px;margin-bottom: 1%}.document-pdf ul{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(2,1fr);gap: 5px;margin-top: 2%;margin-bottom: 3%}div#background67ceb821581dd200139ccc02{width: 40%;margin: auto}div#background67ceb9c4e2aecd0013aaef45 .col-md-3.col-sm-4.col-xs-4{width: 16.66%}.blog-partner{background: #0a77c9;color: #fff;border-radius: 30px 0;overflow: hidden;box-shadow: 0 4px 8px rgb(0,0,0,0.1)}.text-partner h6{line-height: inherit}.text-partner{padding: 3%}.blog-partner h6{height: 55px}div#background67beeb14d4b5fa0013f5da47 .imgLightbox img{border-radius: 20px}.equipment-text{padding: 2% 0}div#background67beeb14d4b5fa0013f5da47 figcaption{padding: 0;position: relative;text-transform: none}.service-detail li{background: #fff;padding: 2% 2% 4%;margin-bottom: 4%;list-style: none;border-radius: 0 30px;box-shadow: 0 4px 8px rgb(0,0,0,0.1);border-left: 3px solid #0a77c9;transition: transform 0.2s ease-out}.service-detail li:hover{transform: scale(1.05)}.service-detail ul,.recruitment-detail ul{padding: 0}.feature-blog li,.service-recruit li{margin-bottom: 0.5rem}.feature-blog h6{background: #ffc24a;padding: 2%;width: fit-content;border-radius: 10px;position: relative;z-index: 2;margin: auto;margin-bottom: -30px;color: #282828;font-weight: 600;text-align: center}.feature-blog ul{background: #fff;padding: 6% 10%;margin: 0 2%;box-shadow: 0 4px 8px rgb(0,0,0,0.1);border-radius: 0 50px;padding-top: 9%;min-height: 360px}.nav-template7 li a strong{font-size: 18px;font-weight: 600}.nav-template7 li a{width: 100%;padding: 1% 2%;background: #fff;border-radius: 10px;box-shadow: 0 4px 8px rgb(0,0,0,0.1);text-align: left}.nav-template7 li{padding: 0;border: none;margin-bottom: 1%}div#background67cfbe23bbaca50013412d0e{margin-top: 2%}.nav-template7 li:hover{background: transparent}.recruitment-detail li{list-style: auto}.recruitment-detail{padding: 2% 0;text-align: left}.recruitment-detail ol ul{padding-left: 3%;margin-bottom: 2rem;margin-top: 2rem}.course-place img{margin-bottom: 4%;border-radius: 20px}.course-place{display: grid;grid-template-columns: repeat(2,1fr);gap: 40px;text-align: center}.service-detail ol{margin-top: 4%;padding: 0}.course-detail h5{color: #fff}.course-detail{background: #0a77c9;color: #fff;padding: 9% 5%;border-radius: 20px;position: relative;right: -50px;z-index: 99;top: 50px}.ps-8{padding-right: 8%}.nav-template7 li a:hover,.service-detail li:hover{background: #0a77c9;color: #fff}.recruitment-detail ol{padding-left: 0}div#Component67b55da9c6f5be0013eb3ccb{width: 55vw;margin: auto}.head-paragraph{background: #ffc24a;width: fit-content;padding: 2%;border-radius: 15px;margin: auto;margin-bottom: 2%;color: #282828;text-align: center}div#background67d3eff531ebfc001324ffd2{width: 70%;margin: auto}div#background67d3eff531ebfc001324ffd2 .imgLightbox img{filter: brightness(0) saturate(100%) invert(98%) sepia(100%) saturate(0%) hue-rotate(307deg) brightness(101%) contrast(104%)}.num-benefit p{font-weight: 600;font-size: 18px}.timeline{padding: 1%}@media screen and (min-width: 1900px){.social-head{width: 14%}.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 20px}h1{font-size: 4.625em}h2{font-size: 3.6em}h3{font-size: 3.2em}h4,h3.managerHeader{font-size: 2.8em}h5{font-size: 2.4em}h6{font-size: 2em}p,.text-cert h6,.service-detail li::marker,.recruitment-detail li::marker,.service-recruit li::marker,.recruitment-detail p,.text-partner h6{font-size: 20px}.copy-right p,.footer p,.btn-more,div#background67b5ae77f399d90013b0b284 button,div#formdisplay67beeee9f3f31200136439b3 button{font-size: 18px}.text-serrvice h6,.btn-form h6,.footer h6,.service-detail li h6,.name-tiktok h6{font-size: 24px}.service-detail p,.page-partner span,.nav-template7 li a strong,.btn-pdf h6,.equipment-text h6,.num-benefit p{font-size: 22px}.number-service{width: 55px;height: 55px;padding-top: 13px;font-size: 28px}.sect-about p,.text-cert h6{line-height: 30px}.about-page p{line-height: 32px}.blog-about img{width: 40% !important}.step-icon::after{right: -100px}.name-tiktok{grid-template-columns: 65px auto}.footer li{grid-template-columns: 45px auto}div#background67b5ae77f399d90013b0b284 .form-control,div#formdisplay67beeee9f3f31200136439b3 .form-control{font-size: 16px !important}.contact-page{padding-top: 8%}.itopplus-search-image-flex-item img{height: 255px !important}.search_titleText b{font-size: 20px !important}.service-recruit li{margin-bottom: 1rem}.itopplus-search-image-flex-item{min-height: 350px !important;max-height: 350px !important}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 18px !important}.benefit-page li{padding: 7% 5%}.feature-blog ul{min-height: 460px}.btn-pdf{grid-template-columns: 45px auto}.blog-partner h6{height: 62px}}@media screen and (max-width: 1366px){.social-head{width: 18%}}@media screen and (max-width: 1200px){.social-head{width: 23%}.tell-head{grid-template-columns: 21px auto}.navbar-default .navbar-nav > li > a{padding: 8px 5px;margin: 0 2px;font-size: 14px}.step-icon::after{right: -63px}.number-service{width: 45px;height: 45px;padding-top: 10px}.qr-line{right: 25px;top: 45px}.copy-right br{display: none}h1{font-size: 3.8em}h2{font-size: 2.8em}h3{font-size: 2.4em}h4,h3.managerHeader{font-size: 2em}h5{font-size: 1.8em}h6{font-size: 1.4em}.contact-page{padding-top: 2%;padding-left: 3%}.contact-page li p{font-size: 14px}.itopplus-search-image-flex-item img{height: 160px !important}.itopplus-search-image-flex-item{min-height: 230px !important;max-height: 230px !important}.service-detail{padding-top: 4%}}@media screen and (max-width: 900px){div#background67b69d4bf399d90013b0ba22,div#contentnewmode67b54ab0f2d3620013deb74c,br{display: none}.blog-about{padding: 0 6%}.blog-about img{width: 55% !important;margin-bottom: 8%}h1{font-size: 40px}h2{font-size: 36px}h3{font-size: 32px}h4,h3.managerHeader{font-size: 28px}h5{font-size: 24px}h6{font-size: 20px}.sect-about p,.about-page p{line-height: inherit}.step-icon::after{right: -45px}.step-icon{width: 65%}.text-serrvice h6{gap: 10px;font-size: 18px}.number-service{width: 35px;height: 35px;padding-top: 8px;font-size: 18px}div#background67b55fe9c6f5be0013eb3d95 .col-md-3.col-sm-4.col-xs-4{width: 25%}.text-cert h6{line-height: 22px}.sect-about h6,.sect-service h4,.page-partner h5,.form-contact{margin-bottom: 3%}.copy-right p:nth-child(2){display: none}div#mainmenu67b54c4af2d3620013deb77a .col-sm-5{width: 100%}.copy-right p{margin: 0}.copy-right{padding-top: 2%;text-align: center;padding-bottom: 1%}.step-process{padding: 5% 1%}.service-detail{padding-top: 0}.service-detail p,.page-partner span{font-size: 16px}.contact-page ul{grid-template-columns: repeat(1,1fr);gap: 7px}.contact-page li{grid-template-columns: 35px auto}.btn-line{width: 60%}.text-serrvice h6{display: grid;grid-template-columns: 35px auto}.itopplus-search-image-flex-item img{height: 130px !important}.itopplus-search-image-flex-item{min-height: 200px !important;max-height: 200px !important}.feature-blog h6{font-size: 18px;padding: 5%}.feature-blog ul{min-height: 370px;padding-top: 13%}.service-detail p,.page-partner span,.btn-pdf h6,.text-partner h6,.equipment-text h6{font-size: 16px}div#background67ceb821581dd200139ccc02{width: 60%}.blog-partner h6{height: 47px}div#Component67b55da9c6f5be0013eb3ccb{width: 90vw}.icon-benefit{width: 80px}div#contentnewmode67dbe84e064502001354b542 .col-md-12,.main-timeline .description{padding: 0}.main-timeline .timeline:nth-child(odd) .description,.main-timeline .timeline:nth-child(even) .description{order: 2}.timeline:nth-child(odd) .num-benefit,.timeline:nth-child(even) .num-benefit{order: 0}.timeline:nth-child(even) .timeline-year{order: 1}.timeline:nth-child(even) .timeline-year,.timeline:nth-child(odd) .timeline-year{top: 0}.timeline-content{gap: 10px}.main-timeline .timeline:nth-child(odd) .title,.main-timeline .timeline:nth-child(odd) .description{text-align: left}.num-benefit{position: absolute;left: -22px;top: -10px;z-index: 99;height: 45px;width: 45px}.main-timeline{padding: 0 3%;gap: 30px}.timeline-content{position: relative}}@media screen and (max-width: 480px){div#background67b69d4bf399d90013b0ba22{display: block}div#imagesControl67b69d4bf399d90013b0ba22,div#Component67b55da9c6f5be0013eb3ccb .thumbs,div#Component67b55da9c6f5be0013eb3ccb .col-md-6.col-sm-6.col-xs-12,div#imagesControl67b55fe9c6f5be0013eb3d95,div#imagesControl67b57d0695f6000013ab8f25,div#imagesControl67b57ee086b4710013e10856,div#imagesControl67b5828286b4710013e1092d,div#mainmenu67b5649695f6000013ab8bc3>div,div#imagesControl67b5874983ace900138aa6f2,div#imagesControl67b58897f399d90013b0ad4a,div#imagesControl67b58b4ef399d90013b0adab,div#imagesControl67cfe191bbaca5001341310c,div#imagesControl67cfda04f895e80013b0a49f,div#imagesControl67cfe3f4bbaca50013413218,div#imagesControl67cfe75be2f6350013a05853,div#imagesControl67cfe3f4bbaca50013413225,div#imagesControl67cfe879e2f6350013a0592f,div#imagesControl67cfe879e2f6350013a05941,div#imagesControl67bc163880f7ef001316f9ca,div#imagesControl67b58bd583ace900138aa7e3,div#imagesControl67b584c6f399d90013b0ac64,div#imagesControl67bc14c19d2a2f00145de39f,div#imagesControl67b58a7c86b4710013e10a91,div#imagesControl67beeb14d4b5fa0013f5da47{padding: 0 !important}#background67b54a1083ace900138a97b3 .carousel-indicators .active,#background67b69d4bf399d90013b0ba22 .carousel-indicators .active{width: 35px !important}.sect-about{padding-top: 9%;margin-bottom: 7%}h1{font-size: 36px}h2{font-size: 32px}h3{font-size: 28px}h4,h3.managerHeader{font-size: 24px}h5{font-size: 20px}h6{font-size: 18px}.blog-about img{width: 100% !important;margin-bottom: 0}.blog-about{padding: 0;display: grid;grid-template-columns: 24% auto;margin-bottom: 6%;text-align: left;align-items: center;gap: 20px}.social-head img:hover,.blog-about:hover img,.btn-form:hover,div#background67b55da9c6f5be0013eb3ccb figure:hover .imgLightbox img,#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,.btn-more:hover,.footer li:hover img,.qr-line:hover,.join-form:hover .img-form img,.contact-page li:hover img,.btn-line:hover{transform: scale(1)}.step-process ul{grid-template-columns: repeat(2,1fr)}.step-icon{width: 55%}.step-process{padding: 8% 4%}.step-icon::after{right: -80px;width: 100%}.number-service{width: 30px;height: 30px;padding-top: 7px;font-size: 16px}.step-process li:nth-child(even) .step-icon::after,div#background67b5649695f6000013ab8bc3 #Contentmanager .col-md-4.col-sm-4.col-xs-12:last-child,div#contentnewmode67cfe471e2f6350013a05747{display: none}.step-process li{margin-bottom: 15%}div#Component67b55da9c6f5be0013eb3ccb .thumbs{margin: 0}div#Component67b55da9c6f5be0013eb3ccb .col-md-6.col-sm-6.col-xs-12,.feature-blog,.service-recruit{margin-bottom: 8%}.text-serrvice h6{display: grid;grid-template-columns: 30px auto}div#background67b55fe9c6f5be0013eb3d95 .col-md-3.col-sm-4.col-xs-12{width: 50%}.text-cert{text-align: center}.pt-8.sect-service{padding-top: 12%}.text-joinus{flex-wrap: wrap;gap: 20px;padding: 8% 0}.itopplus-bg2{background-size: cover;background-position: center}.btn-form h6,.footer h6,.service-detail li h6,.name-tiktok h6{font-size: 18px}.text-serrvice h6,.text-cert h6{font-size: 14px}.pe-5,.service-detail,.contact-page{padding: 0}.img-about{width: 42%;float: none;margin: auto;margin-bottom: 5%}.head-page{padding: 5% 0}.about-page p,.sect-service h4{margin-bottom: 6%}.img-about2,.img-about3{width: 55%;float: none;margin: auto;margin-bottom: 5%}div#background67b57d0695f6000013ab8f25,div#background67b57ee086b4710013e10856{width: 55%;margin: auto}#background67b55da9c6f5be0013eb3ccb > div > div.none-middle > div.none-middle-mid > div > div.bootstrap-collum > div > div:nth-child(3){display: grid !important;grid-template-columns: repeat(2,1fr);gap: 0 15px}div#background67b5649695f6000013ab8bc3 #Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 50%;padding: 0 2% !important}.page-partner ol{padding: 0;grid-template-columns: repeat(1,1fr);gap: 15px}.page-partner h5{margin-bottom: 6%;margin-top: 5%}.join-form,.contact-page ul{margin-bottom: 10%}div#background67b5b2f1f399d90013b0b306 .imgLightbox img{height: 250px;object-fit: cover}.btn-line{width: 75%}.form-contact{margin-top: 5%}div#background67b5ae77f399d90013b0b284{width: 100%}.pre-news h6{font-size: 16px}.text-cert h6{line-height: 20px}.itopplus-search-image-flex-item{width: 100% !important}.itopplus-search-image-flex-item img{height: auto !important}.itopplus-search-image-flex-item{min-height: unset !important;max-height: unset !important;margin-bottom: 8% !important}.search_titleText b{-webkit-line-clamp: unset}#itplinemobile{order: 3}#itpfacebookmobile{order: 2}#itpphonemobile{order: 1}#itpsearchmobile{order: 0}.ITPcookiebar{padding: 3%;display: flex !important}.ITPcookieLeftText{float: unset !important;padding-left: 0 !important;padding-top: 0 !important}.ITPcookieButton{float: unset !important;padding-right: 0 !important;padding-top: 0 !important}.ITPcookieLeftText span{font-size: 14px}div#cookie67b5ae77f399d90013b0b284{padding-bottom: 8%}.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.row.Contenemanager-gallery{display: block}.social-share{top: 0}.benefit-page ul{grid-template-columns: repeat(1,1fr)}.itopplus-sidebar-main{width: 80%}div#background67ceb821581dd200139ccc02{width: 100%}.nav-template7 li a{padding: 2% 4%}.nav-template7 li{margin-bottom: 4%}.ps-8{padding-right: 0}.document-pdf ul{grid-template-columns: repeat(1,1fr)}div#background67ceb9c4e2aecd0013aaef45 .col-md-3.col-sm-4.col-xs-12{width: 33.33%}button.owl-prev{left: -15px !important}button.owl-next{right: -15px !important}.itopplus-sidebar-sub-content,.itopplus-sidebar-container{overflow: scroll}.head-page{padding: 7% 3%}.head-page h4{line-height: inherit}.certificate-grantee img{width: 35% !important;margin-bottom: 4%}div#Component67b55da9c6f5be0013eb3ccb{width: 100vw}.main-timeline{grid-template-columns: repeat(1,1fr);gap: 10px}.main-timeline .timeline:nth-child(even) .timeline-year .icon-benefit{border-radius: 50px 50px 0}.img-about4{width: 60%;margin: auto;margin-bottom: 5%}}