.itopplus-background{}body{overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_22032024q4vd/0/0/1z-z1211580997739.jpg")}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_22032024q4vd/0/0/2z-z1482342098515.jpg")}.navbar-default .navbar-nav > li > a{color: #444;margin: 0 10px;padding: 8px 15px;border-radius: none;font-family: "Manrope",sans-serif}.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: #444 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{color: #444;padding: 5px 20px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #244f93}@media screen and (max-width: 1023px){#controlBanner img{position: fixed;top: 0;left: 10px;width: 45px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#controlMenu *{color: #444 !important;border: none}#itpMenuSideBar span{background-color: #444 !important}.navbar-header > a::before{background-size: 30px;background-position: center}.navbar-header > a::after{background: #f4a52f}#itpphonemobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important}.old-image-icon-facebook::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important}.old-image-icon-line::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important}.old-image-icon-instragram::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important}.old-image-icon-youtube::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important}.new-image-icon-twitter::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}@media screen and (min-width: 1024px){.itopplus-banner > .container{display: grid;grid-template-columns: 20% auto 20%;align-items: center;height: 120px}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: 120px;margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: center}.itopplus-search{text-align: right;color: #444}.itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after{content: "|";display: grid;place-content: center;color: #444}#itopplus-nav-bar > li{display: -webkit-inline-box}}@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: 1.9em}h6{font-size: 1.6em}p{font-size: 16px}.btn-more,div#background681c86958bfdb30013512d6f button{font-size: 14px}.text-service h6,.text-project h6{font-size: 20px}.text-project h5,.contact-page h5{font-size: 28px}.text-line h6{font-size: 18px}.text-big{font-size: 42px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.hot-line,.copy-right,.footer,.sect-about h3,.text-highlight h6,.sect-project h3{font-family: "Manrope",sans-serif}.hot-line p,.blog-line p{margin: 0}.hot-line{display: grid;grid-template-columns: 36px auto;text-align: left;gap: 10px;color: #343434;align-items: center}.company-footer{display: grid;grid-template-columns: 12% auto;gap: 15px;align-items: center;font-family: "Manrope",sans-serif;margin-bottom: 1%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height: inherit;margin: 0}.blog-line{display: grid;grid-template-columns: 35% auto;gap: 20px;align-items: center;font-family: "Manrope",sans-serif;color: #fff;width: fit-content}.copy-right{padding-top: 2%}.blog-line h6,.company-footer h5,.footer h6,.sect-highlight h5,.sect-project h5{font-weight: 400}.h1,.h2,.h3,.h4,.h5,h1,h2,h3,h4,h5,.text-highlight h6,.text-big,.fw-semi,.pre-service h6{font-weight: 600}.footer a{color: #fff}.footer a:hover,.blog-line:hover,.head-page h4,.text-big,.contact-page a:hover{color: #f4a52f}.sect-about h3,.sect-highlight h3,.sect-project h3,.service-detail h4,h3.managerHeader,.contact-page h5{color: #673b20}.sect-about,.sect-highlight,.sect-project,.service-detail,.port-service,.contact-page a{color: #343434}.cont-line h4,.sect-about h5,.head-service h5,.hot-line:hover{color: #244f93}.sect-about p,.sect-project{margin-bottom: 5%}.sect-about h6,.port-service{margin-bottom: 3%}.btn-more{background: #244f93;width: fit-content;color: #fff;padding: 1rem 2rem;border-radius: 30px;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden}.cont-line{display: grid;grid-template-columns: 18% auto;align-items: center;gap: 30px;font-family: "Manrope",sans-serif;margin-top: 8%;width: fit-content}.cont-line h6{margin: 0;color: #000;font-weight: 600}.qr-line{padding: 8%;background: #fff;border-radius: 20px;border: 1px solid #244f93a1}.sect-about{padding-top: 10%;padding-left: 5%}.img-about{width: 95%;margin: auto}.sect-highlight h5::before,.line-first::before{content: " ";width: 30px;height: 1px;background: #f4a52f;position: absolute;left: 0;top: 22px}.sect-highlight h5{position: relative;padding-left: 46px}.line-first{position: relative;text-indent: 30px}.blog-highlight{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;margin-top: 5%;margin-bottom: 27%}.text-highlight{display: grid;grid-template-columns: 35px auto;gap: 10px}.icon-highlight{width: 70px;margin-bottom: 1.5rem}.sect-highlight{margin-top: 6%;margin-bottom: 2rem}figure.effect-jazz figcaption::after,figure.effect-oscar figcaption::before,.CASS-A-middle-right,.CASS-A-middle-left,.CASS-A-bottom,.CASS-A-top,.dropdown-menu{border: none}.CASS-A-middle-mid,.CASS-D-middle-mid{padding: 0}figure.effect-jazz h2{padding-top: 0;-webkit-transition: inherit;transition: inherit}figure.effect-jazz h2,figure.effect-jazz p{opacity: 1;-webkit-transform: inherit;transform: inherit}div#background681c567cdcf5a50013a34e7d figcaption{padding: 0;position: relative;text-align: center;color: #343434;text-transform: none}figure.effect-jazz,figure.effect-oscar,.CASS-D-border{background: transparent}.grid figure h2{word-spacing: unset;font-weight: unset;font-size: initial}.CASS-A-main .imgLightbox{overflow: hidden;border-radius: 30px;border: 3px solid #f4a52f}div#Contentmanager .img-container .img,.Contentmanager .template1 .template-panel,div#background681c5dd18bfdb300135125c4 figure{overflow: hidden;border-radius: 30px}.text-service{padding: 5% 0}div#background681c567cdcf5a50013a34e7d{padding-top: 10%}.sect-project,.head-service,h3.managerHeader,.port-service{text-align: center}figure.effect-oscar h2{margin: 0;-webkit-transition: inherit;transition: inherit;-webkit-transform: inherit;transform: inherit}figure.effect-oscar img,figure.effect-oscar:hover img{opacity: 1}div#background6833c86de59d4b001a531074 figcaption{background: transparent;position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-transform: none;color: #fff;text-align: left;padding: 0}div#background6833c86de59d4b001a531074 figure{border-radius: 0 0 70px 70px;overflow: hidden;padding-top: 2%}.text-project{position: absolute;width: 100%;bottom: 0;padding: 30px}.icon-project{width: 60px}figure.effect-oscar:hover h2{-webkit-transform: inherit;transform: inherit}.text-project hr{width: 60px;margin-left: 0;border-color: #f4a52f}div#background681c5dd18bfdb300135125c4 .col-md-3.col-sm-4.col-xs-4{width: 10%}.sect-highlight.video-text{margin-top: -50px;margin-bottom: 5%}.video-about video{border-radius: 30px;overflow: hidden;border: 5px solid #f4a52f;background: #000}.head-page{background: #244f93;color: #fff;text-align: center;padding: 2% 0;font-family: "Manrope","LINE Seed Sans TH",sans-serif}.sect-about h5,.service-detail h4,.port-service h6{margin-bottom: 1rem}.CASS-A-main{box-shadow: none}.line-first::before{top: 11px;left: 0;width: 20px}.pe-8{padding-left: 8%}.service-detail p,.port-service p{margin-bottom: 2rem}p{line-height: 24px}.no-js .text-left{padding-left: 20px;border-left: 3px solid #f4a52f;margin-left: 1%}.service-detail .fw-semi{color: #212121}.head-service hr{width: 50px;border-color: #f4a52f;border-width: 2px;margin-bottom: 3rem}.Text_seller2,.post-time,.landingpagemanager{display: none}.social-icon{border-radius: 5px}.pre-service{text-align: left;color: #343434;padding: 5% 2%;display: flex;align-items: center;justify-content: space-between}.Contentmanager .template1 .template-panel{padding-bottom: 70%}.pre-service .btn-more{padding: 0.75rem 2rem}.template1 .col-md-4.col-sm-4.col-xs-12{width: 100%;background: #fff;padding: 2% !important;border-radius: 35px;border: 2px solid #e9e9e9;transition-duration: 0.2s}.template1{display: grid;grid-template-columns: repeat(3,1fr);gap: 25px}.pre-service h6{width: 70%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.page-header{padding-bottom: 0;margin: 4% 0 1%;border-bottom: none}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;box-shadow: none;background: transparent}div#Contentmanager .col-xs-6.col-md-3{padding: 0 1%}.Contenemanager-gallery .thumbnail>img{border-radius: 30px}.social-share{position: absolute;top: -80px;right: 0}.contact-page{padding-left: 8%;padding-top: 9%}.contact-page li{display: grid;grid-template-columns: 35px auto;align-items: center;gap: 10px;margin-bottom: 1.5%}.contact-page ul{list-style: none;padding: 0;margin-top: 3%}.form-contact{width: 50%;text-align: center;margin: auto;padding: 3% 2% 1%;background: #fff;border-radius: 30px 30px 0 0;border: 3px solid #244f93;border-bottom: 0}div#background681c86958bfdb30013512d6f{width: 50%;margin: auto;border: 3px solid #244f93;border-top: none;background: #fff;border-radius: 0 0 30px 30px;padding: 1% 3% 3%}div#background681c86958bfdb30013512d6f .col-xs-12.col-sm-3.col-md-3{display: none !important}div#background681c86958bfdb30013512d6f .col-xs-12.col-sm-6.col-md-6{width: 100%}div#background681c86958bfdb30013512d6f .form-control{box-shadow: none;border-radius: 0;border: none;border-bottom: 1px solid #ddd;height: 40px}div#background681c86958bfdb30013512d6f .col-md-offset-3{margin: 0;padding: 0;width: 100%;text-align: center;margin-top: 3%}div#background681c86958bfdb30013512d6f button{background: #f4a52f;width: fit-content;color: #fff;padding: 1rem 2.5rem;border-radius: 30px;text-shadow: none;border: none;transition-duration: 0.2s}.hot-line img,.qr-line,.icon-highlight img,div#background6833c86de59d4b001a531074 .imgLightbox img,.qr-line,.img-container .img,.contact-page li img{transition: transform 0.2s ease-out}.hot-line:hover img,.cont-line:hover .qr-line,.items-highlight:hover img,.blog-line:hover .qr-line,div#background6833c86de59d4b001a531074 figure:hover .imgLightbox img,.template1 .col-md-4.col-sm-4.col-xs-12:hover .img,.contact-page li:hover img{transform: scale(1.05)}.btn-more:hover::before,.template1 .col-md-4.col-sm-4.col-xs-12:hover .btn-more::before,.CASS-A-main figure:hover .btn-more::before{-webkit-transform: scaleX(1);transform: scaleX(1)}.btn-more::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #f4a52f;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}.CASS-A-main figure:hover .imgLightbox,.template1 .col-md-4.col-sm-4.col-xs-12:hover{border-color: #244f93}.CASS-A-main figure:hover .text-service h6{color: #244f93}div#background6833c86de59d4b001a531074 figure:hover .text-project{color: #f4a52f}div#background681c86958bfdb30013512d6f button:hover{background: #244f93}.ITPcookiebar{width: 100% !important;background-color: #244f93a1 !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #244f93a1 !important;color: #171717 !important}.buttonExampleSite:hover{background:#f4a52f!important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color: #f4a52f !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}.text-service .btn-more{margin: auto;margin-top: 4%}@media screen and (min-width: 1900px){.navbar-default .navbar-nav>li>a,.dropdown-menu>li>a{font-size: 20px}h1{font-size: 2.5em;text-align: center}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{font-size: 20px}.btn-more,div#background681c86958bfdb30013512d6f button{font-size: 18px}.text-line h6{font-size: 22px}.text-service h6,.text-project h6{font-size: 24px}.text-project h5{font-size: 32px}.text-big{font-size: 46px}.hot-line{grid-template-columns: 40px auto}p{line-height: 30px}.icon-highlight{width: 90px;margin-bottom: 2rem}.text-highlight{grid-template-columns: 40px auto}.text-project{padding: 40px}.icon-project{width: 80px}.text-project hr{width: 80px}.line-first::before{top: 15px;width: 25px}.line-first{text-indent: 35px}.contact-page li{grid-template-columns: 42px auto}.contact-page h5{font-size: 36px}div#background681c86958bfdb30013512d6f .form-control{font-size: 16px !important;height: 45px;margin-bottom: 1rem}.ITP-pdpa-template-titleFont{font-size: 26px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 18px !important}}@media screen and (max-width: 1366px){.blog-highlight{width: 115%}.service-detail.pt-5{padding-top: 0}h4,h3.managerHeader{font-size: 2.2em}.pre-service h6{width: 65%}.contact-page{padding-top: 6%}}@media screen and (max-width: 1200px){.navbar-default .navbar-nav > li > a{padding: 8px}h1{font-size: 3em}h2{font-size: 2.8em}h3{font-size: 2.4em}h4,h3.managerHeader{font-size: 2em}h5{font-size: 1.5em}h6{font-size: 1.4em}.hot-line{grid-template-columns: 32px auto}br{display:none}p{line-height: inherit}.cont-line{grid-template-columns: 20% auto;gap: 20px}.text-highlight{grid-template-columns: 30px auto;gap: 0}.blog-highlight{margin-bottom: 9%}.sect-highlight h5::before{top: 15px}.text-service h6,.text-project h6{font-size: 18px}.icon-project{width: 50px}.text-project hr{width: 50px}.footer br{display: block}.text-big{font-size: 26px}.sect-highlight.video-text{margin-top: -20px}.pre-service h6{width: 60%}.contact-page h5{font-size: 22px;margin-bottom: 0.5rem}div#background6833c86de59d4b001a531074 figure{border-radius: 0 0 50px 50px}.blog-line{gap: 15px}.text-line h6{font-size: 16px}}@media screen and (max-width: 900px){div#contentnewmode681c44eb8bfdb300135122a2,div#background681d63be7afbc200131618a4{display: none}h1{font-size: 38px}h2{font-size: 34px}h3{font-size: 30px}h4,h3.managerHeader{font-size: 26px}h5{font-size: 22px}h6{font-size: 18px}.sect-about{padding-top: 0}p{font-size: 14px}.btn-more,div#background681c86958bfdb30013512d6f button{font-size: 13px}.cont-line{grid-template-columns: 25% auto}.blog-highlight{margin-bottom: 10%;gap: 15px;width: 110%}div#background681c567cdcf5a50013a34e7d{padding-top: 15%}.itopplus-bg{background-position: bottom;background-size: cover}.text-highlight{grid-template-columns: 25px auto}.icon-highlight{width: 75px;margin-bottom: 2rem}.text-service h6,.text-project h6{font-size: 16px}.blog-line{gap: 15px;grid-template-columns: 50% auto}.sect-highlight.video-text{margin-top: -10px}.pre-service .btn-more{padding: 0.75rem 1rem}.pre-service h6{width: 60%}.social-share{top: -10px}h3.managerHeader{width: 90%;margin: auto}.contact-page{padding-top: 0}.text-project h5{font-size: 20px}div#background6833c86de59d4b001a531074 figure{border-radius: 0 0 40px 40px}div#cookie681c86958bfdb30013512d6f{text-align: left;padding: 0 3% 5%}.blog-line{grid-template-columns: 100%}.qr-line{width: 60%;padding: 6%}}@media screen and (max-width: 480px){div#imagesControl681c44a2dcf5a50013a34a11,div#background6833c86de59d4b001a531074 .thumbs,div#background6833c86de59d4b001a531074 .col-md-6.col-sm-6.col-xs-12,div#imagesControl681c5dd18bfdb300135125c4,div#background681c567cdcf5a50013a34e7d .col-md-6.col-sm-6.col-xs-12,div#mainmenu681c86958bfdb30013512d6f>div,div#imagesControl681d63be7afbc200131618a4,div#background681c5dd18bfdb300135125c4 .thumbs{padding: 0 !important}div#background6833c86de59d4b001a531074 .thumbs{margin: 0}ul#slider681c44a2dcf5a50013a34a11,ul#slider681d63be7afbc200131618a4{margin-bottom: -5px}.sect-about,.service-detail,.contact-page{padding: 0}.sect-about p,.sect-project{margin-bottom: 8%}h1{font-size: 36px}h2{font-size: 32px}h3{font-size: 28px}h4,h3.managerHeader,.cont-line h6,.cont-line h4{font-size: 24px}h5,.text-line p{font-size: 20px}.cont-line{margin-top: 10%;grid-template-columns: 35% auto}.cont-line h6{font-size: 24px}.sect-highlight h5::before{top: 13px;width: 25px}.sect-highlight h5{padding-left: 35px}.blog-highlight{width: 100%;gap: 30px 10px;margin-top: 10%}.text-highlight{grid-template-columns: 30px auto}.icon-highlight{width: 50px;margin-bottom: 1rem}div#background681c567cdcf5a50013a34e7d{padding-top: 5%}.CASS-A-border{margin: -10px}div#background681c567cdcf5a50013a34e7d .col-md-6.col-sm-6.col-xs-12,.column-footer .col-xs-12{width: 50%}.CASS-A-main .imgLightbox{border-width: 2px;border-radius: 20px}div#background6833c86de59d4b001a531074 .col-md-6.col-sm-6.col-xs-12{margin-bottom: 8%}div#background681c5dd18bfdb300135125c4 figure{border-radius: 15px}div#background681c5dd18bfdb300135125c4 .col-md-3.col-sm-4.col-xs-12{width: 20%}.company-footer{grid-template-columns: 20% auto;justify-content: center}.footer,.copy-right{text-align: center}.blog-line{grid-template-columns: 100%;text-align: center}.qr-line{width: 75%;margin: auto}.cont-line .qr-line,div#background681c86958bfdb30013512d6f,.form-contact{width: 100%}.text-line p{margin-bottom: 1rem}.text-project{padding: 20px}.text-project hr{margin: 5% 0}.column-footer{margin-top: 5%}.sect-highlight.video-text{margin-top: 0}.head-page{padding: 4% 0}p{font-size: 15px}.text-highlight p{font-size: 14px}.template1{grid-template-columns: repeat(1,1fr)}.head-service hr,.port-service{margin-bottom: 2rem}.pre-service h6{width: 70%}.pre-service .btn-more{padding: 0.75rem 1.5rem}div#Contentmanager .col-md-12.text-justify{padding: 0 2%}.social-share{display: none}.page-header .col-md-9.col-sm-7.col-xs-12{margin: 0 !important}div#Contentmanager .col-xs-6.col-md-3{width: 100%;padding: 0 4%}h3.managerHeader{margin-bottom: 1rem}.template1 .col-md-4.col-sm-4.col-xs-12{border-radius: 30px}div#Contentmanager .img-container .img,.Contentmanager .template1 .template-panel{border-radius: 20px}.contact-page li{grid-template-columns: 30px auto;margin-bottom: 2%}.form-contact{border-radius: 20px 20px 0 0;padding: 5% 2% 2%}div#background681c86958bfdb30013512d6f{border-radius: 0 0 20px 20px}.ITPcookiebar{padding: 3% 2%;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: 12px}div#background681d63be7afbc200131618a4{display: block}}.main-style h2{font-size: 24px;color: #244f93;margin-top: 25px;margin-bottom: 10px}.main-style h3{font-size: 20px;margin-top: 15px;margin-bottom: 10px}.main-style a{color: unset;text-decoration:underline !important}.main-style ol li{margin-bottom: 10px !important}.main-style p,.main-style li{font-size: 18px;margin-bottom: 10px}.main-style img{margin-bottom: 30px !important}.main-style b,.main-style strong{font-weight: 600 !important}.main-style{margin-bottom: 15px !important}