.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #444444}a{color: #444444}a:hover{color: #06163a}b,strong{font-weight: 600}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_04092023a30p/0/0/1z-z690402061141.webp')}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_04092023a30p/0/0/2z-z786370897117.webp');background-size: cover;background-position: top}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_04092023a30p/0/0/3z-z598280275847.webp');border-bottom: 0px solid #ffc000;color: #fff}.itopplus-footer{border-top: 10px solid #ffc000}.navbar-default .navbar-nav>li>a{font-size: 0.9em;color: #fff;margin: 0 20px;padding: 8px 2px;border-bottom: 3px solid transparent;font-family: "Montserrat",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: #fff !important;box-shadow: none;border-radius: none;border-bottom: 3px solid #ffc000;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #444444;padding: 8px 20px;font-family: "Montserrat",sans-serif}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: #06163a}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 2px;left: 10px;width: 45px !important;z-index: 10000}.navbar-header,#ItopplusMainSidebar>div{background: #06163a !important;font-family: "Montserrat",sans-serif}.navbar-header a.visible-xs{filter: brightness(0) invert(1)}#ItopplusMainSidebar a{color: #fff !important}.navbar-toggle .icon-bar{background-color: #fff !important}}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 20% auto 20%;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #06163a;transition: .3s;padding: 10px 0;& img{display: none}}#controlBanner{object-fit: contain;padding: 15px;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{display: grid;place-items: center;background: transparent;min-height: auto}.itopplus-search{text-align: center}}.h1,h1{font-size: 3.4em;font-weight: 600}.h2,h2{font-size: 2.3em;font-weight: 600}.h3,h3{font-size: 2em;font-weight: 600}.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}.header-btn{text-align: right}.btn-contact,.btn-more{background: #ffc000;color: #000;font-family: "Montserrat",sans-serif;border: none;padding: 7px 10px;border-radius: 5px;font-size: 0.9em;transition: 0.5s}.btn-contact:hover,.btn-more:hover{background: #37559a;color: #fff}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 5px;font-weight: 600;font-size: 1.1em}.itopplus-footer a{color: #000000}.itopplus-footer a:hover{color: #ffc000}.footer-pd{padding: 0 10%}.footer-icon-img{display: flex;width: 50%;gap: 10px;margin-bottom: 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.9em;font-family: "Montserrat",sans-serif}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #06163a !important;color: #06163a !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #06163a !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: 5%}figure.effect-phoebe{background: transparent;margin-bottom: -20px !important}figure.effect-phoebe h2{transform: translate3d(0,0px,0);font-size: 16px;line-height: 1.3;color: #444444;text-align: left}.grid figure h2{word-spacing: normal;font-weight: 400}.grid figure figcaption{padding: 1em}figure.effect-phoebe img,figure.effect-phoebe:hover img{opacity: 1}figure.effect-oscar{background: transparent;margin-bottom: -20px !important;transition: 0.5s}figure.effect-oscar figcaption{background-color: rgba(58,52,42,.0);background: linear-gradient(0deg,rgba(0,0,0,0.6) 0%,rgba(16,37,72,0.6) 100%)}figure.effect-oscar:hover figcaption{background-color: rgba(58,52,42,.0);background: linear-gradient(0deg,rgba(16,37,72,0.9) 0%,rgba(16,116,177,0.9) 100%)}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar img,figure.effect-oscar:hover img{opacity: 1;transition: 0.5s}figure.effect-oscar h2{transform: translate3d(0,0%,0)}.why-us1{width: 35%;margin: 40% auto}.why-us2{padding: 15% 6%}.why-us2 h4{white-space: pre-line;font-weight: 700;color: #000000;margin: 0 0 20px;font-size: 1.45em;line-height: 1.2}.heavy-machine{white-space: pre-line;background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_04092023a30p/0/0/HEAVY-MACHINEz-z745435525219.webp);background-size: 100% auto;background-position: bottom;background-repeat: no-repeat;color: #fff;padding: 13% 19%;margin-left: -3%}.heavy-machine h1{font-family: "Montserrat",sans-serif;font-weight: 600;font-size: 3.2em;margin: 0 0 25px;line-height: 1.2}.CASS-D-middle-mid{padding: 0}.CASS-D-border .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.CASS-D-border .imageWidth.imageGallery:hover{transform: scale(1.1)}.CASS-D-border .imgLightbox{position: relative !important;overflow: hidden !important;width: 100% !important;border-radius: 20px}.service-name{font-family: "Montserrat",sans-serif;color: #000;font-weight: 500;text-align: center;padding: 10% 0;font-size: 1.1em}.service-head{text-align: center;padding: 31% 0}.service-head h3{font-family: "Montserrat",sans-serif;color: #000;margin: 20px 0;font-weight: 600}.service-head img{width: 18% !important;margin: 0 auto}#Component66dfc37e7e9b9c00138d52dc{margin-top: -28%}.padding-pd2{padding: 7%}ul#slider66dfdd2cecced200131e25ef{width: 80%;float: right;margin-top: -17.8%}.consult-block{white-space: pre-line;padding: 13% 20%}.tel-bg{background: #ffc000;color: #000000;padding: 6% 20%;clip-path: polygon(0 0,100% 0,100% 100%,10% 100%)}.tel-bg a{color: #000000}.tel-tel h2{font-family: "Montserrat",sans-serif;display: contents}.tel-bg h4{margin: 0;font-size: 1.4em;font-weight: 700}.menu-align{padding: 5% 0 1%;text-align: center;font-family: "Montserrat",sans-serif;color: #06163a}.menu-align h2{text-transform: uppercase}.menu-border{border-bottom: 4px solid #ffc000;width: 5%;margin: 20px auto 0}.about-us{white-space: pre-line;padding: 15% 0 0 6%}.about-us h1{font-family: "Montserrat",sans-serif;font-weight: 600;color: #000;margin: 0 0 25px;font-size: 3.2em}figure.effect-jazz{background: transparent;border-radius: 20px}figure.effect-jazz figcaption::after{border-top: 0px solid #fff;border-bottom: 0px solid #fff}.about-us2{padding: 3%;background: #fff;border-radius: 20px;margin: 3% 10px 10px}.about-us2 h3{color: #06163a;font-weight: 600;font-size: 1.6em}.about-us2 h4{color: #06163a;font-weight: 600;line-height: 1.4;margin: 0 0 10px}.padding-pd3{padding: 2%}.about-icon{font-weight: 400;text-align: left;list-style: none;padding: 0%;margin: 0 auto}.about-icon li{display: flex}.about-icon li::before{content: '✦';padding-right: 10px;color: #06163a}.service-bg{padding: 0 5%}.service-bg h3{font-family: "Montserrat",sans-serif;color: #06163a;margin: 0 0 20px;font-size: 1.8em;text-transform: uppercase}.service-bg h4{color: #000;margin: 25px 0 5px;font-weight: 600}.service-bg2{padding: 2% 1%}.service-bg3{padding: 0 5%}.service-bg3 h4,.service-bg4 h4{color: #06163a;font-weight: 600;margin: 0 0 20px}.service-bg4{padding: 2% 1%}.service-vdo video{background: #000;height: 310px !important;border-radius: 20px}.service-vdo2 video{border-radius: 20px}.col-section{padding: 1% 0% 3%}article.col-md-6.item.-micro{width: 25%}.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: 20px;background-color: transparent;border: 0px solid #eee}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;background-color: transparent;border-radius: 0;padding: 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0% 0;color: #000;text-align: left;font-weight: 400;font-size: 1em;display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 600;background: transparent;color: #000;padding: 7% 0;margin-bottom: 0px;line-height: 1.3;text-align: center;font-family: "Montserrat",sans-serif}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #06163a}h3.managerHeader{font-weight: 600;text-align: center;font-family: "Montserrat",sans-serif;color: #06163a;font-size: 2.3em}#Contentmanager .post-time{display: none}.social-share{top: 15px}.page-header{border-bottom: 0px solid #eaedf3;margin: 5% 20px 20px;padding-bottom: 0px}.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: 0 0 15px}.Textmanager.font-inherit h2{}.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{padding: 10px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;border-radius: 20px;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: 20px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 20px;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: 20px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 20px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}.thumbnail{padding: 0px!important;margin-bottom: 20px;border: 0px solid #ddd;border-radius: 20px;background-color: transparent;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;border-radius: 20px}.heavy-name{font-size: 1.1em;text-align: center;padding: 7% 0;font-weight: 600;font-family: "Montserrat",sans-serif;color: #06163a}.service-vdo-wd{width: 60%;margin: 0 auto}.service-vdo3 video{background: #000;padding: 0 30%;border-radius: 20px}.service-name2{text-align: center;padding: 20px 1%}#background66f3b786a35d1900137fae77 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(1){width: 20%}#background66f3b786a35d1900137fae77 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(2),#background66f3b786a35d1900137fae77 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(3){width: 40%}#background66f3b340a35d1900137fac21 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(1){width: 33%}#background66f3b340a35d1900137fac21 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(2){width: 66%}.text-contact{text-align: center;padding: 2% 5% 0}.text-contact h3{font-weight: 600;margin: 0 0 7px;line-height: 1.2;font-size: 1.6em;color: #282828}.contact-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin: 17px 0}.contact-bg{display: grid;grid-template-columns: 45px auto;gap: 10px;align-items: center;background: #ffc100;color: #000;border-radius: 50px;padding: 7px}.contact-bg:hover{background: #06163a;color: #fff}.no-js #Component66e00358068b6400126627d8 label{display: none !important}.no-js #Component66e00358068b6400126627d8 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component66e00358068b6400126627d8 .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: 30px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component66e00358068b6400126627d8 .form-control:hover{border: 1px solid #06163a}.no-js #Component66e00358068b6400126627d8 .form-control:focus{border: 1px solid #06163a;-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 #Component66e00358068b6400126627d8 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #06163a;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #1c3859;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component66e00358068b6400126627d8 .btn-default:active{background: #06163a;color: #fff}.no-js #Component66e00358068b6400126627d8 .btn-default:hover,.no-js #Component66dea439802b070013260116 .btn-default:focus{background-position: 0 0px;background: #06163a;color: #fff}.no-js #Component66e00358068b6400126627d8 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component66e00358068b6400126627d8 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component66e00358068b6400126627d8 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe66e003bca2d14700136ac7b0 iframe{height: 340px;border-radius: 20px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #06163a;border-color: #06163a}.pagination>li>a,.pagination>li>span{color: #06163a}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #06163a;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu>li>a{font-size: 1.3em}.why-us2{padding: 15% 5%}figure.effect-phoebe h2{font-size: 20px}.heavy-machine{padding: 15% 20%}.tel-bg{padding: 7.3% 20%}.itopplus-footer{font-size: 18px}.copy-right{font-size: 0.8em}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.service-vdo video{height: 385px !important}#iframe66e003bca2d14700136ac7b0 iframe{height: 365px}}@media only screen and (max-width:1191px){.itopplus-banner .container{grid-template-columns: 10% auto 20%}li#menu66d6eb707db58d00137ebe54{display: none ! IMPORTANT}.why-us2{padding: 0% 0%}figure.effect-phoebe h2{font-size: 14px}.heavy-machine{white-space: inherit;background-size: cover;background-position: left;padding: 5% 10%}.heavy-machine h1{font-size: 2.8em}.service-name{font-size: 1em}.itopplus-bg3{background-size: cover}.consult-block{white-space: inherit;padding: 5% 10%}.tel-bg{padding: 7% 0 7% 17%}.about-us{white-space: inherit}.about-us h1{font-size: 2.8em}.about-us2 h4{font-size: 1.3em}.service-vdo video{height: 255px !important}}@media only screen and (max-width:900px){li#menu66d6eb707db58d00137ebe54{display: block ! IMPORTANT}#Component66dfc1e595451b00132e21c8 .col-md-3.col-sm-4.col-xs-4,#Component66dfc2a695451b00132e22c2 .col-md-3.col-sm-4.col-xs-4{width: 25%}figure.effect-phoebe h2{font-size: 12px}.why-us2 h4{white-space: inherit;font-size: 1.4em}.heavy-machine h1,.about-us h1{font-size: 2.2em}.service-head{padding: 23% 0;font-size: 0.9em}.consult-block{font-size: 0.8em}.tel-bg{padding: 6% 0 6% 17%;font-size: 0.8em}.copy-right{text-align: center}.service-vdo video{height: 196px !important}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 33.33%}#background66e00350068b6400126627c5 .col-md-6.col-sm-6.col-xs-12.padding{width: 100%}.service-vdo-wd{width: 98%}}@media only screen and (max-width:480px){#imagesControl66dfbc5ac40c0d0013411714{padding: 0 !important}#controlBanner{margin-top: 0}.grid figure figcaption{padding: 0em}.why-us2{padding: 0% 5%;font-size: 0.8em}.heavy-machine{padding: 10% 10%;margin-left: 0}.padding-pd{padding: 0%}.heavy-machine h1,.about-us h1{font-size: 2em}.padding-pd2{padding: 2%}div#background66dfc27cc40c0d0013411943 .none-middle-mid{display: flex;flex-direction: column-reverse}#Component66dfc37e7e9b9c00138d52dc{margin-top: 0}.service-head{padding: 26% 0;font-size: 0.5em}ul#slider66dfdd2cecced200131e25ef{width: 100%;float: none;margin-top: -17%}.consult-block{font-size: 1em;padding: 5% 5%}.tel-bg{padding: 7% 0 7% 13%;font-size: 0.9em}figure.effect-phoebe h2{font-size: 16px}.about-us{padding: 5% 0}.about-us2{padding: 0% 0% 0 0}.service-bg,.service-bg3{padding: 0 0%}.service-bg h3{font-size: 1.5em}.service-bg2{padding: 2% 4%}.service-vdo video{height: 175px !important}.col-section{padding: 1% 5% 3%}article.col-md-6.item.-micro{width: 50%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 50%}.contact-block{grid-template-columns: repeat(1,1fr)}.text-contact h3{font-size: 1.5em}.no-js #Component66e00358068b6400126627d8 .col-md-6{padding: 0 15px}#background66f3b786a35d1900137fae77 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(1){width: 100%}#background66f3b786a35d1900137fae77 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(2),#background66f3b786a35d1900137fae77 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(3){width: 100%}#background66f3b340a35d1900137fac21 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(1){width: 100%}#background66f3b340a35d1900137fac21 .col-md-6.col-sm-6.col-xs-12.padding:nth-child(2){width: 100%}.menu-align h2{font-size: 1.9em}}.unknown{position: fixed;bottom: 6% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}