.itopplus-background{}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}span#tooltip-main-toggle{visibility: hidden}body{font-size: 16px;overflow-x: hidden;color: #444444;font-family: "LINE Seed Sans TH"}a{color: #444444}a:hover{color: #fdb717}b,strong{font-weight: 600}.itopplus-slide{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_030020254v04/0/0/banner-bgz-z1517978531992.jpg);background-size: cover;background-repeat: no-repeat;background-position: bottom}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_030020254v04/0/0/1z-z1380359896972.jpg");background-size: 100%;background-repeat: no-repeat;background-position: top}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_030020254v04/0/0/bg2z-z846309736070.jpg");background-size: 100%;background-repeat: no-repeat;background-position: bottom}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_030020254v04/0/0/3z-z105335614976.jpg");background-size: 100%;background-repeat: no-repeat;background-position: bottom}.itopplus-footer{background-color: #161616;color: #fff}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #444444;margin: 0 10px;padding: 5px 3px;border-radius: 0;border-bottom: 2px solid transparent}.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: #000000;box-shadow: none;border-color: #000000;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{font-size: 1.1em;padding: 8px 20px;color: #444444}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #000000;background: #fdb717}@media screen and (max-width: 1023px){#controlBanner img{position: fixed !important;top: 10px;left: 10px;width: 30px !important;z-index: 10000}#nav-menu{background: #f9f9f9 !important}.navbar-collapse,#ItopplusMainSidebar{background: #fff !important}#ItopplusMainSidebar *:is(li,a){color: #444 !important;border: none}#nav-menu .icon-bar{background: #444 !important}#itpMenuSideBar{background-color: transparent !important}.navbar-header a::before{background-size: 28px;background-position: center;filter: invert(1)}.navbar-header a::after{background: #fdb717}#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){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: 0.3s}.itopplus-sticky{background: #fff !important;box-shadow: 0 0 10px rgba(0,0,0,.1)!important}.itopplus-banner > .container{display: grid;grid-template-columns: 15% auto;align-items: center}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end;gap: 20px}#controlBanner{object-fit: contain;padding: 15px;width: clamp(115px,70%,20vw);margin: 0 auto}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}}@media screen and (min-width: 1200px){.container{width: 86vw}}.h1,h1{font-size: 4em}.h2,h2{font-size: 3em}.h3,h3{font-size: 2em}.h4,h4{font-size: 1.6em}.h5,h5{font-size: 1.3em}.h6,h6{font-size: 1.2em}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}ol,ul{margin-top: 10px;margin-bottom: 10px}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top: 0px;margin-bottom: 0px;line-height: 1.2;font-weight: 600}.itopplus-footer{font-size: 14px;line-height: 1.6;color: #d4d4d4}.itopplus-footer a{color: #d4d4d4}.itopplus-footer a:hover{color: #fdb717}.itopplus-footer h6{font-size: 1.2em;line-height: 1.2;color: #ffffff;margin: 0 0 5px}.footer-block1{padding-left: 25%}.footer-logo{width: 60%;margin: 0 auto}.footer-block2{padding-left: 15%}.footer-block3{padding-left: 15%}.footer-icon-img{width: 70%;display: flex;gap: 10px;margin: 10px 0 20px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.8em}.footer-pd{padding: 5%}.qr-bg{background-color: #fdb717;color: #161616;padding: 20%;border-radius: 120px 0 0 120px;margin-top: -45%}.qr-bg h4{margin: 0 0 15px}.qr-bg h4 strong{font-size: 1.3em}.qr-bg img{width: 90% !important}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #fdb717 !important;color: #000000 !important;font-family: "LINE Seed Sans TH" !important;background-color: #fdb717 !important}.buttonExampleSite:hover{background: #fdb717 !important;color: #000000 !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;padding-bottom: 0rem !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 5% 2% 4%}.slide-banner-img{width: 30%;position: absolute;left: 0;right: 0;bottom: 0;top: 30%}.about-us{display: grid;grid-template-columns: auto 33%;margin: 7% 0 0;align-items: center}.about-us h3{color: #000000;line-height: 1}.about-us h1{color: #000000;margin: 0 0 15px;line-height: 1}.about-us-text{white-space: pre-line;margin: 0 13% 0 50%}.about-border{border-bottom: 1.5px solid #aaaaaa;padding: 20px 0}.about-border h4{color: #000000}.service-grid{display: grid;grid-template-columns: 25% auto;align-items: center;margin-bottom: 70%}.service-img{margin-top: -50%}.service-sub{padding: 0 0 0 10%}.service-sub h1{color: #000000;font-family: "Onest",sans-serif}.service-icon-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 20px;margin: 30px 0}.service-icon{padding: 0 17% 0 0}.service-icon-img{width: 23%}.service-icon-text h4{color: #000000;margin: 20px 0 2px}.project-head{text-align: center;font-family: "Onest",sans-serif;color: #000000;padding: 0% 0 1%}.img-icon{width: 30%;float: right;position: relative;margin-top: -18.2%;margin-bottom: -7%}.project-grid{display: grid;grid-template-columns: auto 15%;align-items: center;padding: 5% 0 0%}.project-grid-text{color: #000000}.project-grid-text h5{font-weight: 400}.project-grid-btn{text-align: right}.btn-view{background: #fdb717;color: #000000;border: none;font-size: 0.9em;padding: 8px 10px;border-radius: 8px;font-family: "Onest",sans-serif;transition: 0.5s}.btn-view:hover{background: #000000;color: #fdb717}.btn-align{text-align: center}.btn-other{width: 33%;background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_030020254v04/0/0/buttonz-z1046021137792.jpg);color: #000000;border: none;background-size: cover;background-repeat: no-repeat;padding: 25px 15px;border-radius: 25px;transition: 0.5s}.btn-other h6{font-weight: 400}.btn-other:hover{transform: scale(1.1)}.home-vdo{padding: 2% 1% 5%}.home-vdo video{border-radius: 20px}.col-section{}.col-section .row.flex{}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;border-radius: 25px}.Contentmanager .site .col-section .item.-micro a img{width: 100%;height: 270px;object-fit: cover}.Contentmanager .site .col-section .item.-micro{padding: 0px 10px 20px}.Contentmanager .site .col-section .item.-micro:nth-child(odd){border-right: solid 0px #e8e6e8;border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro:nth-child(even){border-bottom: solid 0px #e8e6e8}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0px;padding: 7% 0%;text-align: center}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;font-weight: 400;line-height: 1.3;color: #444444}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #fdb717}.Contentmanager .site .col-section .item.-micro a .caption .time{color: #444444;font-size: 1em;display: none}.Contentmanager .site .col-section .item.-micro a .caption .time h6{font-weight: 400;line-height: 1.4;font-size: 1em;margin-bottom: 20px;-webkit-line-clamp: 2;word-break: break-word;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden}.Contentmanager .site .col-section .item.-micro a .caption .btn-more{font-size: 0.9em;margin: 0}.Contentmanager .site .col-section .item.-micro a .caption .btn-more img{height: auto}article.col-md-6.item.-micro:hover .btn-view{background: #ef582b;color: #fff}.managerHeader{font-size: 1.8em;width: 100%;color: #000000}#Contentmanager .post-time{display: none}#Contentmanager .page-header{margin: 7% 0 5%;border-bottom: 1px solid #cccccc;display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px}#Contentmanager .page-header .col-md-9.col-sm-7.col-xs-12.padding{display: none}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 4% 0 0}.col-md-6.pull-right{padding: 0;width: 50%;margin: 0 0 0 4%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{line-height: 1.3}.Textmanager.font-inherit h5{line-height: 1.4}.Textmanager.font-inherit h6{margin: 20px 0 5px;line-height: 1.2}.Textmanager.font-inherit p{margin: 0 0 0px}.Textmanager.font-inherit strong{font-weight: 600}.Textmanager.font-inherit img{border-radius: 0px}.Contenemanager-gallery .col-xs-6.col-md-3{display: flex;align-self: flex-start}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%;padding: 0px 5px 0px}.row.contenemanager-gallery,.row.Contenemanager-gallery{column-count: 4;--webkit-column-count: 4;--moz-column-count: 4;gap: 10px;padding: 0 10px}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee;border-radius: 0px;transition: 0.3s}.Contenemanager-gallery .thumbnail:hover,.contenemanager-gallery .thumbnail:hover{transition: 0.3s}.Contenemanager-gallery .thumbnail,.img-thumbnail,.contenemanager-gallery .thumbnail,.img-thumbnail{-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.075);box-shadow: 0 0 0 rgba(0,0,0,.075);border-radius: 0px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 0px;position: relative !important;overflow: hidden !important;width: 100% !important;transition: 0.5s}#Contentmanager img.img-responsive:hover{transform: scale(1.1)}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color: transparent}#Contentmanager .thumbnail{width: 100%;background-color: #fff;box-shadow: none;position: relative !important;overflow: hidden !important;border: 0px solid #eee;padding: 0px !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 0px}.landingpagemanager{display: none}.newShareContainer{justify-content: flex-end !important}.itp-newshare-button:hover{background-color: #000000;border-color: #000000 !important;color: #ffffff!important}.col-md-12.text-justify{padding: 0 10px}.itp-newshare-button{font-size: 1em !important;color: #000000 !important;border-color: #000000 !important;border-radius: 0 !important}.PitCustomClass1{}.menu-align{color: #000000;text-align: center;padding: 2% 0}.about-us2{display: grid;grid-template-columns: 30% auto;align-items: center;padding: 5% 0 0}.about-us-text2{padding: 5% 5% 0 15%}.about-us-text2 h2{color: #000000;margin: 0 0 20px}.about-us-text2 h3{font-weight: 400;color: #000000;margin: 25px 0;font-size: 1.8em}.about-us-text2 h3 strong{color: #fdb717;font-size: 1.3em}.padding-pd{padding: 2%}.service-border-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}.service-border{white-space: pre-line;padding: 12%;background: rgba(255,255,255,.7);border: 1px solid #cccccc;box-shadow: inset 0 0 20px rgba(255,255,255,.7);border-radius: 20px;transition: 0.5s}.service-border:hover{transform: translateY(-10px)}.service-border h2{font-family: "Onest",sans-serif;color: #000000}.service-border img{width: 25% !important;margin: 0 0 15px}.service-head-sub{padding: 5% 0 0}.service-head-sub h3,.service-head-sub2 h3{color: #000000;margin: 0 0 15px}.service-head-sub2{padding: 0 0 50%}.service-detail{padding: 2% 0;text-align: center;font-size: 1.1em}.contact-block{padding: 1% 0 0;text-align: center}.contact-us{margin: 10px 0}.contact-block h4{margin: 0 0 5px;color: #000000}.contact-block2{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin: 20px 0}.contact-bg2{display: grid;grid-template-columns: 45px auto;gap: 10px;line-height: 1.2;align-items: center;margin-bottom: 5px;transition: 0.5s;background: #f9f9f9;padding: 7px;border-radius: 50px;text-align: left}.contact-bg2:hover{background: #000000;color: #fdb717}.contact-block iframe{height: 205px;border-radius: 25px}.no-js #Component69774fc72a38030013b05061 label{display: none !important}.no-js #Component69774fc72a38030013b05061 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component69774fc72a38030013b05061 .form-control{border: 1px solid #dadada;border-radius: 10px !important;-webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);box-shadow: inset 0 0px 0px rgb(0 0 0 / 8%);font-size: 1em !important;padding: 31px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component69774fc72a38030013b05061 .form-control:hover{border: 1px solid #fdb717}.no-js #Component69774fc72a38030013b05061 .form-control::placeholder{color: #000 !important}.no-js #Component69774fc72a38030013b05061 .form-control:focus{border: 1px solid #fdb717;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow: inset 0 0px 0px rgba(0,0,0,.075),0 0 0px rgba(102,175,233,0);color: #000 !important}.no-js #Component69774fc72a38030013b05061 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #fdb717;color: #000000;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #10376d;border-radius: 50px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component69774fc72a38030013b05061 .btn-default:active{background: #fdb717;color: #000000}.no-js #Component69774fc72a38030013b05061 .btn-default:hover,.no-js #Component69774fc72a38030013b05061 .btn-default:focus{background-position: 0 0px;background: #fdb717;color: #000000}.no-js #Component69774fc72a38030013b05061 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component69774fc72a38030013b05061 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component69774fc72a38030013b05061 .ITPcheckboxAuthen{font-size: 0.95em;padding: 0 0 0 0%;margin-left: -3%}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #fdb717;border-color: #fdb717}.pagination>li>a,.pagination>li>span{color: #000000}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #000000;background-color: #fdb717}@media only screen and (min-width : 1900px){body{font-size: 20px}.no-js .dropdown-menu > li > a{font-size: 1.4em}.container{width: 80vw}.img-icon{margin-top: -18.1%}.btn-view{padding: 8px 15px}.itopplus-footer{font-size: 18px}.footer-block2{padding-left: 20%}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.Contentmanager .site .col-section .item.-micro a img{height: 360px}.contact-bg2{grid-template-columns: 50px auto}.contact-block iframe{height: 215px}}@media screen and (min-width: 1200px) and (max-width: 1600px){.service-grid{margin-bottom: 50%}}@media only screen and (max-width:1194px){.h1,h1{font-size: 3.4em}.h2,h2{font-size: 2.6em}.h3,h3{font-size: 1.7em}.h4,h4{font-size: 1.4em}.about-us-text{white-space: inherit;margin: 0 14% 0 50%}.service-icon{padding: 0 5% 0 0}.img-icon{margin-top: -18.5%}.Contentmanager .site .col-section .item.-micro a img{height: 225px}.itopplus-footer{font-size: 12px}.footer-block2{padding-left: 0%}.footer-icon-img{width: 80%}.qr-bg{padding: 17%;border-radius: 80px 0 0 80px}.about-us-text2 h3{font-size: 1.4em}.service-border{white-space: inherit}.contact-bg2{word-break: break-word}.contact-block iframe{height: 240px}}@media only screen and (max-width:900px){.slide-banner-img{top: 15%}.about-us-text{margin: 0 10% 0 50%}.h1,h1{font-size: 2.8em}.h2,h2{font-size: 2.4em}.h3,h3{font-size: 1.4em}.h4,h4{font-size: 1.3em}.service-sub{padding: 5% 0 0 10%}.img-icon{margin-top: -18.7%}.Contentmanager .site .col-section .item.-micro a img{height: 185px}.itopplus-footer .col-md-3.col-sm-6.col-xs-12.padding{width: 25%}.footer-icon-img{width: 70%}.qr-bg{padding: 12% 5% 12% 15%;border-radius: 50px 0 0 50px;margin-top: -40%}.qr-bg h4{font-size: 1.2em}.about-us-text2 h3{font-size: 1.2em}.about-us-text2 h3 strong{font-size: 1.1em}.service-border{padding: 10%}.contact-block2{grid-template-columns: repeat(1,1fr);gap: 5px;margin: 10px 0}}@media only screen and (max-width:480px){#imagesControl6975ec292a38030013b02136{padding: 0 !important}.h1,h1{font-size: 2.4em}.h2,h2{font-size: 2em}.callbacks_container{float: none}.callbacks_container{z-index: -1}.about-us{grid-template-columns: repeat(1,1fr);margin: 25% 0 0}.about-us-text{margin: 0 0% 0 0%}.about-us-img{width: 80%;margin: 15% auto}.service-grid{grid-template-columns: repeat(1,1fr);margin-bottom: 50%}.service-img{margin-top: 0;display: none}.service-sub{padding: 0% 0 0 0%}.service-sub h1{text-align: center}.img-icon{margin-top: -20.4%}.project-head{padding: 10% 0 1%}.project-grid{grid-template-columns: auto 40%}article.col-md-6.item.-micro{width: 50%}.Contentmanager .site .col-section .item.-micro a img{height: 190px}.btn-other{width: 60%;padding: 15px 15px}.itopplus-footer .col-md-3.col-sm-6.col-xs-12.padding{width: 100%}.itopplus-footer{font-size: 14px}.footer-block1{padding-left: 0}.footer-logo{width: 35%}.footer-block2{text-align: center}.qr-bg{margin: 0 auto;padding: 3%;border-radius: 20px;margin-top: 0%;width: 50%;display: none}.footer-block3{padding-left: 0;text-align: center}.footer-icon-img{width: 50%;margin: 10px auto 20px}.qr-bg img{width: 100% !important}.about-us2{display: flex;flex-direction: column-reverse}.about-us-text2{padding: 5% 0;text-align: center}.about-us-text2 h3{font-size: 1.4em}.about-us-text2 h3 strong{font-size: 1.2em;display: block}.about-us-img2{width: 60%}.service-border-grid{grid-template-columns: repeat(2,1fr)}#Contentmanager .page-header{flex-direction: column}.managerHeader{font-size: 1.4em;text-align: center;margin-bottom: 20px}.modal-dialog{width: 90% !important}.row.contenemanager-gallery,.row.Contenemanager-gallery{column-count: 2;--webkit-column-count: 2;--moz-column-count: 2}.col-md-6.pull-left{padding: 0;width: 100%;margin: 0 0% 0 0}.col-md-6.pull-right{padding: 0;width: 100%;margin: 0 0 0 0%}.Textmanager.font-inherit{display: block}.no-js #Component69774fc72a38030013b05061 .col-md-6{padding: 0 15px}.footer-pd{padding: 0%}}@media only screen and (max-width:375px){.Contentmanager .site .col-section .item.-micro a img{height: 160px}}