.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #252222}.unknown{position: fixed;bottom: 6% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}a{color: #252222}a:hover{color: #f35a29}b,strong{font-weight: 600}.itopplus-bg{background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_16082024tjvj/0/0/bgz-z1561506666433.webp')}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_16082024tjvj/0/0/2z-z860009358017.webp')}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #333;margin: 0;padding: 8px 15px}.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: #f35a29 !important;box-shadow: none;border-radius: none;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #333;padding: 8px 20px}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: #f35a29}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 60px !important;z-index: 10000}.navbar-header,#ItopplusMainSidebar>div{background: #fff !important}.navbar-header a.visible-xs{filter: contrast(0.3)}#ItopplusMainSidebar a{color: #444 !important}.navbar-toggle .icon-bar{background-color: #444 !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: .3s}.itopplus-banner .container{display: grid;grid-template-columns: 15% auto;align-items: center;min-height: 85px}.itopplus-sticky{background: #fff !important}.itopplus-logo{position: relative;height: -webkit-fill-available}#controlBanner{position: absolute;object-fit: contain;padding: 15px 0 0;width: 70%;margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}#itopplus-nav-bar>li{display: -webkit-inline-box}.itopplus-nav-bar li:not(:last-of-type):not(.itopplus-sidebar-menu-parent):not(.dropdown-submenu):after{content: '|';display: grid;place-content: center;color: #333333}}@media screen and (min-width : 1900px){.itopplus-banner .container{min-height: 105px}}.h1,h1{font-size: 3.8em}.h2,h2{font-size: 2.7em;font-weight: 600}.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 h3{margin: 0px 0 15px;font-weight: 600;color: #ed1b24;font-size: 1.4em}.itopplus-footer h3 a{color: #ed1b24}.itopplus-footer a{color: #101017}.itopplus-footer a:hover{color: #ed1b24}.footer-block1{padding: 0 10%}.footer-block1 img{width: 65% !important;margin: 0 0 20px}.footer-block2{padding: 0 25%}.footer-block2 h4{margin: 0 0 5px}.footer-block3{padding: 0 0 0 10%}.footer-block3 .media-body{padding: 5px}.copy-right{text-align: center;font-size: 0.8em;padding: 0 0 4%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #f35a29 !important;color: #f35a29 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #f35a29 !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%}.padding-pd{padding: 2%}.about-us{padding: 1% 25% 0 5%}.about-us h4,.about-us2 h4{font-size: 1.34em;font-weight: 600;margin: 0}.about-us h2,.about-us2 h2{margin: 20px 0;line-height: 1.2}.about-img{width: 35%;float: right;margin-top: -15%}.btn-more{background: transparent;border: 1px solid #fff;color: #fff;padding: 7px 20px;transition: 0.5s}.btn-more:hover{background: #fff;border: 1px solid #fff;color: #f35a29}.menu-align{padding: 5% 0 2%}.menu2-align{text-align: center;padding: 5% 0 2%}.project-img img{margin-bottom: 8px;transition: 0.5s}.project-img img:hover{filter: brightness(0.5)}.why-bg{background: #f4f4f4;padding: 11%;margin: 10% 0}.why-bg h2{margin: 0 0 30px}.why-icon-display{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.why-icon{white-space: pre-line;padding: 5% 0;transition: 0.5s}.why-icon:hover{transform: translateY(-10px)}.why-icon img{width: 30% !important;margin: 0 0 20px}.why-icon h4{font-weight: 600;margin: 0 0 10px}.contact-block{display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;align-items: center;padding: 0 0 7%}.contact-block2-tel{display: grid;grid-template-columns: 10% auto;gap: 8px;font-size: 1.5em;font-weight: 600;align-items: end;justify-content: start}.contact-block1{text-align: center}.contact-block1 h3{font-size: 1.9em;font-weight: 600;margin: 0}.contact-block1 h2{color: #f35a29;margin: 0 0 5px}.contact-block2{padding: 0 10%;border-left: 1px solid #f35a29;border-right: 1px solid #f35a29}.contact-block2 h3{color: #ed1b24;font-weight: 600;margin: 10px 0 0;font-size: 1.3em}.contact-block2 h3 a{color: #ed1b24}.btn-line{background: #33d233;color: #fff;border: none;display: grid;grid-template-columns: 30px auto;gap: 10px;align-items: center;padding: 12px 20px;font-size: 1.5em;font-weight: 600;margin: 0 auto;transition: 0.5s}.btn-line:hover{background: #f4592a;color: #fff}.about-us2{padding: 10%;background: #f4f4f4;margin-top: 5%;margin-left: -9%;position: relative;z-index: 2}.why-bg2{padding: 4% 0}.why-bg2 .why-icon{white-space: inherit;padding: 5% 5% 0 0}.why-bg2 .why-icon-display{grid-template-columns: repeat(4,1fr)}figure.effect-jazz{background: transparent}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.menu3-align{padding: 2%;text-align: center}.product-service{text-align: center;padding: 5% 1% 2%}figure.effect-oscar figcaption{background-color: rgba(58,52,42,.0)}figure.effect-oscar:hover figcaption{background-color: rgba(243,90,41,.6)}figure.effect-oscar figcaption::before{border: 0px solid #fff}.effect-sadie{}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 6em 0em 1em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: center;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);text-transform: initial;font-weight: 400}figure.effect-sadie figcaption::before{z-index: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -webkit-linear-gradient(top,rgba(72,76,97,0) 0,rgba(0,0,0,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px;font-size: 0.9em}.vdo-block{margin: 0 1%}.vdo-block video{background: #000;padding: 0 33%}.col-section{padding: 0 1% 3%}article.col-md-6.item.-micro{width: 25%;padding: 10px !important;margin: 0 0px 20px}.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;background: linear-gradient(90deg,rgba(232,30,34,1) 0%,rgba(243,90,41,1) 100%);border-radius: 0;padding: 5%}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0% 0;color: #fff;text-align: left;font-weight: 400;font-size: 1em}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;font-weight: 400;background: transparent;color: #fff;margin-bottom: 0px;line-height: 1.3;text-align: left;height: 55px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #fff}h3.managerHeader{font-size: 2.7em;font-weight: 600;text-align: center}#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: 0px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.text-contact{text-align: center;padding: 2% 0 0}.text-contact h3{font-weight: 600;line-height: 1.2;font-size: 1.6em;color: #f35a29}.contact-block4{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin: 17px 0 0}.contact-bg{display: grid;grid-template-columns: 40px auto;gap: 10px;align-items: center;background: #ffffff;box-shadow: 0 0 10px #e8ebf0;border-radius: 50px;padding: 7px;line-height: 1.2;font-size: 0.9em}.contact-bg:hover{background: #ffebe6}.no-js #Component66f106d9f64131001315b97a label{display: none !important}.no-js #Component66f106d9f64131001315b97a .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component66f106d9f64131001315b97a .form-control{border: 1px solid #eee;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: 27px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component66f106d9f64131001315b97a .form-control:hover{border: 1px solid #f35a29}.no-js #Component66f106d9f64131001315b97a .form-control:focus{border: 1px solid #f35a29;-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 #Component66f106d9f64131001315b97a .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: linear-gradient(90deg,rgba(232,30,34,1) 0%,rgba(243,90,41,1) 100%);color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #1c3859;border-radius: 10px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component66f106d9f64131001315b97a .btn-default:active{background: linear-gradient(90deg,rgba(232,30,34,1) 0%,rgba(243,90,41,1) 100%);color: #fff}.no-js #Component66f106d9f64131001315b97a .btn-default:hover,.no-js #Component66f106d9f64131001315b97a .btn-default:focus{background-position: 0 0px;background: linear-gradient(90deg,rgba(232,30,34,1) 0%,rgba(243,90,41,1) 100%);color: #fff}.no-js #Component66f106d9f64131001315b97a .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component66f106d9f64131001315b97a span.label{font-size: 0.85em;font-weight: 400}.no-js #Component66f106d9f64131001315b97a .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe66f10a5fba6c310013087c68 iframe{height: 270px;border-radius: 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: #f35a29;border-color: #f35a29}.pagination>li>a,.pagination>li>span{color: #f35a29}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #f35a29;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.itopplus-footer{font-size: 18px}.navbar-default .navbar-nav>li>a{padding: 8px 20px}.dropdown-menu>li>a{font-size: 1.3em}.about-us{padding: 1% 30% 0 5%}.project-img img{margin-bottom: 10px}.why-bg{margin: 15% 0}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 60px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.no-js #Component66f106d9f64131001315b97a .form-control{padding: 28px 20px}#iframe66f10a5fba6c310013087c68 iframe{height: 303px}.footer-block2{padding: 0 20%}}@media only screen and (max-width:1191px){.about-us{padding: 1% 0% 0 5%}.h2,h2{font-size: 2.4em}.about-img{width: 25%;margin-top: -8%}.why-icon{white-space: inherit}.why-bg{padding: 5%}.contact-block1 h3{font-size: 1.7em}.footer-block2{padding: 0 20%}.footer-block1{padding: 0 3%}.about-us2{padding: 8%}.contact-bg{grid-template-columns: 35px auto}#iframe66f10a5fba6c310013087c68 iframe{height: 308px}.contact-block2 h3{font-size: 1.1em}}@media only screen and (max-width:900px){.itopplus-bg{background-size: cover}.about-img{margin-top: 0%;margin-bottom: -5%}.contact-block{font-size: 0.8em}.contact-block2 h3{font-size: 1.2em}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 65px}.row-fluid [class*=col-sm-5fix],.uneditable-input[class*=col-sm-5fix],[class*=col-sm-5fix]{width: 20%}.copy-right{padding: 0 0 0}.col-md-8.col-md-offset-2.text-center{padding: 0}.Textmanager.font-inherit{display: block}.contact-block4{grid-template-columns: repeat(1,1fr)}#iframe66f10a5fba6c310013087c68 iframe{height: 200px}.contact-block2{padding: 0 5%}}@media only screen and (max-width:480px){#imagesControl66ebe3438bdf6800131dc959{padding: 0 !important;margin-bottom: -7px}.about-img{width: 50%;margin-top: 4%;margin-bottom: -3%}.why-bg{padding: 10%}.why-icon-display{grid-template-columns: repeat(1,1fr)}.contact-block{font-size: 1em;grid-template-columns: repeat(1,1fr)}.contact-block2{padding: 0 5%;border-left: 1px solid #f35a29;border-right: 1px solid #f35a29;margin: 0 8%}article.col-md-6.item.-micro{width: 100%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: inherit;margin-bottom: 5%}.about-us2{padding: 8%;margin-top: 0;margin-left: 0}.why-bg2 .why-icon-display{grid-template-columns: repeat(1,1fr)}.why-bg2{padding: 10% 17% 10% 5%}.row-fluid [class*=col-sm-5fix],.uneditable-input[class*=col-sm-5fix],[class*=col-sm-5fix]{width: 100%}h3.managerHeader{font-size: 2.4em}.contact-bg{font-size: 1em}.no-js #Component66f106d9f64131001315b97a .col-md-6{padding: 0 15px}.contact-block2 h3{font-size: 1.1em}}