.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #4d4d4d}a{color: #4d4d4d}a:hover,.itopplus-bg4 a:hover{color: #ff4c01}b,strong{font-weight: 600}.itopplus-bg{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_06082023z3fr/0/0/1z-z1077204538985.webp);background-position: bottom;background-attachment: fixed;background-size: cover}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_06082023z3fr/0/0/2z-z829330639181.webp');background-position: bottom}.itopplus-bg4{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_06082023z3fr/0/0/4z-z956170931199.webp');background-size: cover;color: #fff}.itopplus-bg4 a{color: #fff}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #4d4d4d;margin: 0 15px;padding: 15px 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: #4d4d4d !important;box-shadow: none;border-radius: none;border-bottom: 2px solid #ff4c01;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.2em;color: #4d4d4d;padding: 7px 20px}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: #ff4c01}.no-js .dropdown-menu{left: -100%}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 8px;left: 10px;width: 130px !important;z-index: 10000}.navbar-header,#ItopplusMainSidebar>div{background: #f1f1f1 !important}#ItopplusMainSidebar a{color: #ff4c01 !important}.navbar-toggle .icon-bar{background-color: #000 !important}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 30% auto;align-items: center;transition: .5s}.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: .3s}.itopplus-sticky{background: #fff !important}.itopplus-sticky .container{display: grid;grid-template-columns: 20% auto !important}#controlBanner{object-fit: contain;padding: 15px 0;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{display: grid;place-items: end;background: transparent}}.h1,h1{font-size: 3.8em}.h2,h2{font-size: 3em}.h3,h3{font-size: 1.8em}.h4,h4{font-size: 1.2em}.h5,h5{font-size: 1.1em}.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}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 15px;font-weight: 600}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #ff4c01}.footer-pd1{padding-left: 5%}.footer-pd1 ul li{margin-left: -20px}.btn-maps{background: transparent;border: 1px solid #ff4c01;color: #fff;display: grid;grid-template-columns: 20px auto;gap: 5px;padding: 7px 20px;transition: 0.5s}.btn-maps:hover{background: #ff4c01;border: 1px solid #ff4c01;color: #fff}.footer-pd2{margin-right: -10%}.footer-pd3{padding-left: 30%}.footer-icon-img{display: flex;gap: 10px;width: 75%}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{text-align: center;font-size: 0.8em;padding: 0 0 5%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #ff4c01 !important;color: #ff4c01 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #ff4c01 !important;color: #ffffff !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: 6% 2% 2%}ul#slider66cffaf8c501150013f11eb2{width: 110%;margin-left: -10%}.about-us{white-space: pre-line;padding: 1% 0 0 8%}.about-us .menu-align h2{margin: 20px 0 0}.btn-more{background: transparent;color: #fff;border: 1px solid #ff4c01;padding: 5px 15px;transition: 0.5s}.btn-more:hover{background: #ff4c01;color: #fff;border: 1px solid #ff4c01}.padding-pd{padding: 2%}.menu-align{padding: 5% 0 2%}.menu2-align{padding: 5% 0 2%;text-align: center}.menu3-align{padding: 5% 0 2%}.menu-align h4,.menu2-align h4,.menu3-align h4{font-family: "Manrope",sans-serif;font-size: 0.9em;letter-spacing: 5px;font-weight: 300;margin: 0}.menu-align h2,.menu2-align h2{color: #ff4c01;font-weight: 600;margin: 0px 0 0}.menu3-align h2{color: #ff4c01;font-weight: 600;margin: 15px 0 0}.hilight-icon{padding: 3% 0 0}.hilight-icon h4{font-size: 1em;font-weight: 600;color: #161616;margin: 0 0 3px}.hilight-icon .media-body{padding: 10% 0 0}.hilight-icon-img{transition: 0.5s}.hilight-icon-img:hover{transform: translateX(10px)}.thumbnail{padding: 0px!important;margin-bottom: 20px;background-color: #fff;border: 0px solid #ddd;border-radius: 0px;box-shadow: none}.thumbnail .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbnail .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbnail .imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.service-name{padding: 10% 5%}.service-name h4{white-space: pre-line;font-weight: 500;font-size: 1em;line-height: 1.2;height: 45px}.btn-view{background: #ff4c01;color: #fff;font-size: 0.9em;border: none;padding: 7px 20px;transition: 0.5s}.btn-view:hover,.thumbnail:hover .btn-view,article.col-md-6.item.-micro:hover .btn-view{background: #444444;color: #fff}figure.effect-oscar{background: transparent;margin-bottom: -20px !important}figure.effect-oscar figcaption{padding: 0em;background-color: rgba(22,22,22,.7)}figure.effect-oscar:hover figcaption{background-color: rgba(255,76,1,.6)}figure.effect-oscar img{opacity: 1}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-oscar h2{margin: 20% 0 10px 0 !IMPORTANT;-webkit-transition: -webkit-transform .35s;transition: transform .35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,0%,0);font-size: 0.8em;position: absolute;left: 20px;right: 20px;bottom: 10px;text-align: left}.grid figure h2 span{font-weight: 600;color: #ff4c01}figure.effect-oscar figcaption::before{border: 0px solid #fff}.project-home{display: grid;grid-template-columns: 25px auto;align-items: start;line-height: 1.2}.project-home-1{white-space: pre-line;height: 40px}.menu-col{display: grid;grid-template-columns: 70% 30%;align-items: center}.text-more{display: grid;grid-template-columns: auto 20px;text-align: right;gap: 10px;margin-top: 18%;align-items: center}.CASS-H-main{background: transparent}.CASS-H-border .col-md-3.col-sm-4.col-xs-4{width: 9.09%;padding: 0px !important;margin-bottom: -10px}.contact-tel{text-align: center;display: flex;gap: 15px;align-items: center;padding: 2% 0;justify-content: center}.contact-tel a{color: #fff}.contact-tel-img{display: grid;grid-template-columns: 27px auto;align-items: center;gap: 5px}.contact-tel h3{margin: 0;font-weight: 600}.contact-tel-img h3{margin: 0}.contact-bg{display: grid;grid-template-columns: 35% 65%;padding: 5% 5% 0}.contact-block{display: grid;grid-template-columns: 50px auto;gap: 20px;margin: 35px 0;font-size: 1.1em}.contact-social{padding: 3% 0 0 15%}.contact-social h2{color: #ff4c01;font-weight: 600;margin: 0 0 30px;font-size: 2.7em}.contact-block-text h4{font-weight: 600}.next-bg{position: absolute;right: 0;bottom: 0;background: #ff4c01;color: #fff;font-size: 3em;line-height: 1;padding: 1.5% 2.5%;transition: 0.5s}.next-bg:hover{background: #161616;color: #fff}#iframe66d026f3c501150013f124b9 iframe{height: 484px;margin-bottom: -7px}.about2-block{display: grid;grid-template-columns: repeat(4,1fr);padding: 5% 0 0 8%}.about2-icon{font-size: 0.9em;padding-right: 10%;transition: 0.5s}.about2-icon:hover{transform: translateY(-10px)}.about2-icon img{width: 55% !important}.about2-icon h4{font-size: 1em;font-weight: 600;color: #161616;margin: 20px 0 5px}.col-section{padding: 0 1% 3%}article.col-md-6.item.-micro{width: 33.33%}.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 .image{width: 100%;border-radius: 0px;background-color: transparent}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background-color: #fff;border-radius: 0;padding: 7% 5%}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0% 0;color: #161616;text-align: left;font-weight: 400;font-size: 1em}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 400;background: transparent;color: #161616;margin-bottom: 0px;line-height: 1.3;text-align: left;height: 60px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #161616}h3.managerHeader{font-size: 2.8em;color: #ff4c01;font-weight: 600}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee;margin: 40px 20px 20px}.col-md-6.pull-left{padding: 0;width: 50%;margin: 0 4% 0 0}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 20px 0 10px;font-size: 1.8em}.Textmanager.font-inherit p{margin: 0 0 0px}.Textmanager.font-inherit strong{font-weight: 600}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%;padding: 10px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;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{background-color: #fff;position: relative !important;overflow: hidden !important;border: 1px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 10px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}#Contentmanager .flex .col-md-4.col-sm-4.col-xs-12{padding: 10px 10px !IMPORTANT}.title-type47{position: absolute;color: #fff;left: 10%;right: 10%;bottom: 30px}.title-type47 span::before{content: '►';color: #ff4c01;padding: 0px 5px 0 0}.contact-bg2 .contact-bg{padding: 5% 0% 0}.contact-bg2 .contact-block img{filter: brightness(0.3)}.contact-bg2 .contact-social h2{font-size: 2.6em;margin: 0 0 5px}.no-js #Component66d0459da1f3440013af4d26 label{display: none !important}.no-js #Component66d0459da1f3440013af4d26 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component66d0459da1f3440013af4d26 .form-control{border: none;background-color: transparent;border-bottom: 1px solid #bbb;border-radius: 0px !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: 27px 0px 20px;font-weight: 500;color: #1d1d1d !important}.no-js #Component66d0459da1f3440013af4d26 .form-control:hover{border-bottom: 1px solid #ff4c01}.no-js #Component66d0459da1f3440013af4d26 .form-control:focus{border-bottom: 1px solid #ff4c01;-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 #Component66d0459da1f3440013af4d26 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #ff4c01;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #7a2d8d;border-radius: 0px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component66d0459da1f3440013af4d26 .btn-default:active{background: #ff4c01;color: #fff}.no-js #Component66d0459da1f3440013af4d26 .btn-default:hover,.no-js #Component66d0459da1f3440013af4d26 .btn-default:focus{background-position: 0 0px;background: #ff4c01;color: #fff}.no-js #Component66d0459da1f3440013af4d26 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component66d0459da1f3440013af4d26 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component66d0459da1f3440013af4d26 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe66d044d5a1f3440013af4c48 iframe{height: 700px;margin-bottom: -6px}#Component66d0459da1f3440013af4d26{width: 60%;margin: 8% auto 0}.CASS-C-head,.CASS-D-head{font-family: "LINE Seed Sans TH"}.CASS-D-head h3{font-size: 2.6em;padding-left: 0;color: #ff4c01;text-align: center}.eapps-widget-toolbar{display: none}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.service-block{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.05);padding: 3%}.service-block h3{color: #161616;font-weight: 600;margin: 0 0 10px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #ff4c01;border-color: #ff4c01}.pagination>li>a,.pagination>li>span{color: #ff4c01}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #ff4c01;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu>li>a{font-size: 1.4em}.service-name h4{height: 55px}.project-home-1{height: 50px}#iframe66d026f3c501150013f124b9 iframe{height: 647px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 75px}#iframe66d044d5a1f3440013af4c48 iframe{height: 800px}.contact-bg2 .contact-bg{grid-template-columns: 30% 70%}.contact-tel-img{grid-template-columns: 32px auto;gap: 8px}}@media only screen and (max-width:1191px){.about-us{white-space: inherit;padding: 1% 0 0 5%}.h2,h2{font-size: 2.6em}.itopplus-bg2{background-size: cover}.hilight-icon .media-body{font-size: 0.9em}.service-name h4{white-space: inherit;height: 60px}.project-home{font-size: 0.8em}.contact-social{padding: 3% 0 0 10%;font-size: 0.8em}.next-bg{font-size: 2em}#iframe66d026f3c501150013f124b9 iframe{height: 347px}.contact-block{grid-template-columns: 35px auto;margin: 20px 0}.itopplus-footer{font-size: 11px}h3.managerHeader{font-size: 2.4em}.no-js .dropdown-menu{left: -210%}.CASS-D-head h3{font-size: 1.8em}}@media only screen and (max-width:900px){.h2,h2{font-size: 2.1em}ul#slider66cffaf8c501150013f11eb2{width: 100%;margin-left: 0%}.hilight-icon .media-body{font-size: 0.7em}figure.effect-oscar{margin-bottom: -27px !important}.contact-bg{padding: 5% 0% 0}.contact-block{grid-template-columns: 25px auto;margin: 15px 0;gap: 10px}.contact-social h2{margin: 0 0 0px}#iframe66d026f3c501150013f124b9 iframe{height: 285px}.copy-right{padding: 0 0 0%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 75px}.contact-bg2 .contact-social h2{font-size: 2.3em}.CASS-D-head h3{font-size: 1.3em}.project-home-1{white-space: inherit}}@media only screen and (max-width:480px){div#imagesControl66d136e2a1f3440013af5771{padding: 0 !important;margin-bottom: -7px}ul#slider66cffaf8c501150013f11eb2{display: none}ul#slider66cffb15c501150013f11eff,ul#slider66d03611a1f3440013af47bd{width: 75%;margin-left: 0%;margin: 5% auto -7%}.itopplus-bg{background-attachment: inherit}.h2,h2{font-size: 2em}.about-us{padding: 1% 0 5% 0%}.about-us .menu-align h2{font-size: 2em}.about-us .menu-align h2 span{display: block;line-height: 1.2}.menu-align h4,.menu2-align h4,.menu3-align h4{font-size: 0.8em}.hilight-icon .media-body{font-size: 0.9em}.service-name h4{white-space: inherit;font-size: 0.9em;margin-bottom: 10%;height: 75px}.CASS-H-border .col-md-3.col-sm-4.col-xs-6{width: 20%}div#imagesControl66cffd06a1f3440013af3fef,div#imagesControl66cffcefeadb96001313e52e{padding: 0 10px !important}figure.effect-oscar h2{left: 10px;right: 10px}.contact-social h2{font-size: 1.8em}.contact-social{padding: 3% 0 15% 1%;font-size: 1em}.contact-block{grid-template-columns: 25px auto;margin: 20px 0}.next-bg{display: none}.contact-bg{margin-bottom: -35px;grid-template-columns: repeat(1,1fr)}.contact-block-text span{display: block}#iframe66d026f3c501150013f124b9 iframe{height: 150px}.contact-tel{font-size: 0.6em}.contact-tel-img{grid-template-columns: 20px auto}.about2-block{grid-template-columns: repeat(2,1fr);padding: 5% 0 0 0%}.about2-icon{padding-right: 3%;padding-bottom: 10%}article.col-md-6.item.-micro{width: 50%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 0.9em;height: 60px;margin-bottom: 5%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}h3.managerHeader{font-size: 2em}.title-type47{bottom: 30px;font-size: 1em}.contact-bg2 .contact-social h2{font-size: 1.5em}.contact-bg2 .contact-mobile{margin-top: 75%}#Component66d0459da1f3440013af4d26{width: 90%}.CASS-D-head h3{font-size: 1.5em}#iframe66d044d5a1f3440013af4c48 iframe{height: 200px}.project-home{grid-template-columns: 17px auto;font-size: 0.9em}.no-js #Component66d0459da1f3440013af4d26 .col-md-6{padding: 0 15px}#background66cffaf046cfa700135984f6 .none-middle-mid,div#background66cffb10c501150013f11ece .none-middle-mid,div#background66d035e1eadb96001313eb3c .none-middle-mid{display: flex;flex-direction: column-reverse}.project-home-1{height: inherit}.contact-social-mb{position: absolute;width: 100%;left: 7%;right: 7%;margin-top: -10%;font-size: 1.1em}.contact-bg2 .contact-social{margin-top: 8%}.contact-bg2 .contact-bg{margin-bottom: 0}ul#slider66cffb15c501150013f11eff{display: none}.hilight-icon-img img{width: 55% !important}.contact-mobile{display: none}.contact-mb2{margin-top: 20%}.contact-block-text{color: #ff4c00;font-weight: 600}.contact-block-text h4{line-height: 1.2;font-weight: 400;color: #4d4d4d}}@media only screen and (max-width:375px){.contact-bg2 .contact-mobile{margin-top: 84%}.contact-bg{margin-bottom: -41px}ul#slider66cffb15c501150013f11eff,ul#slider66d03611a1f3440013af47bd{margin: 5% auto -9%}}