.itopplus-background{}body{font-size: 18px;overflow-x: hidden;font-family: "LINE Seed Sans TH"}.itopplus-bg a,.itopplus-bg2 a,.itopplus-bg3 a{color: #fff}a:hover{color: #b89024}b,strong{font-weight: 600}.itopplus-header{background: linear-gradient(to right,#b7912c 0,#d1ab44 50%,#b6902a 100%);color: #fff}.itopplus-bg{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_30072024lhpg/0/0/1z-z238983930679.jpg");background-size: cover;background-repeat: no-repeat;background-position: bottom;background-color: #121212;color: #fff}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_30072024lhpg/0/0/2z-z464787844907.jpg");background-size: 100%;background-repeat: no-repeat;background-position: bottom;color: #fff}.itopplus-bg3{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_30072024lhpg/0/0/3z-z1372252696916.jpg");background-size: 100%;background-repeat: no-repeat;background-position: bottom;background-color: #121212;color: #fff}.itopplus-footer{background-color: #121212;color: #fff}.navbar-default .navbar-nav > li > a{font-size: 1.1em;color: #212121;margin: 0;padding: 8px 15px;border-radius: 0}.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: #a9831e !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{font-size: 1.3em;color: #212121;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #a9831e}@media screen and (max-width: 1023px){#controlBanner img{position: fixed;top: 5px;left: 10px;width: 40px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important}#controlMenu *:not(a span){color: #212121 !important;border: none}.navbar-header button span{background-color: #212121 !important}.navbar-header a::before{background-size: 30px;background-position: center}.navbar-header a::after{background: transparent}#itpphonemobile::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.png) !important}#itpsearchmobile::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important}.old-image-icon-facebook::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important}.old-image-icon-line::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important}.old-image-icon-instragram::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.png) !important}.old-image-icon-youtube::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.png) !important}.new-image-icon-twitter::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/cf-twitterz-z1322532545693.png) !important}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}.itopplus-banner > .container{display: grid;grid-template-columns: 20% auto;align-items: center;height: 6vw}#controlBanner{object-fit: contain;width: clamp(100px,35%,20vw);padding: 5px 15px;margin: 0;transition: 0.3s;background: #fff}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}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: 4.4em;font-weight: 600}.h2,h2{font-size: 2.8em;font-weight: 600}.h3,h3{font-size: 1.8em;font-weight: 600}.h4,h4{font-size: 1.4em;font-weight: 600}.h5,h5{font-size: 1.25em;font-weight: 400}.h6,h6{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}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top: 0px;margin-bottom: 0px;line-height: 1.2}.itopplus-header{font-size: 0.9em}.itopplus-header a{color: #fff}.itopplus-header a:hover{color: #000}.header-block{display: flex;gap: 15px;justify-content: flex-end;align-items: center}.header-block1{width: 50%}.header-block2{display: flex;justify-content: flex-end;gap: 10px;align-items: center}.header-tel{display: grid;grid-template-columns: 17px auto;gap: 5px;font-weight: 600}.header-icon-img{width: 8%;display: flex;gap: 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.itopplus-footer{font-size: 14px;line-height: 1.5}.itopplus-footer a{color: #ffffff}.itopplus-footer a:hover{color: #a9831e}.itopplus-footer h3{font-size: 1.4em;margin: 0 0 10px}.itopplus-footer h4{font-size: 1.2em;margin: 0 0 15px}.footer-block1{white-space: pre-line;padding: 0 15% 0 0}.footer-block2{padding: 0 0 0 20%}.footer-block2 h6{color: #a9831e;font-size: 1em;margin: 3px 0 10px}.footer-block2 h6 a{color: #a9831e}.footer-block3{padding: 0 0 0 60%}.footer-contact{display: grid;grid-template-columns: 17px auto;gap: 15px;margin-bottom: 10px}.footer-block3 h4{text-align: center}.line-bg{background: #01ba03;color: #fff;padding: 7px;border-radius: 10px}.line-qr-img img{border-radius: 8px}.line-id{display: grid;grid-template-columns: 25px auto;gap: 10px;align-items: center;justify-content: center;margin: 10px auto;font-size: 1.1em}.copy-right{font-size: 0.75em;text-transform: uppercase;padding: 0 0 20px}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #a9831e !important;color: #a9831e !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #a9831e !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: 0.9em !important}.itpPDPALandingPage{padding: 6% 0% 2%}.effect-sadie{}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);background: linear-gradient(to bottom,rgba(15,47,88,0) 0,rgba(0,0,0,.9) 100%);z-index: 1;padding: 55% 1em 15px !important;font-size: 0.8em !important;text-align: left;border-bottom: 7px solid #d1ab44}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(15,47,88,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}figure.effect-sadie p h6{white-space: pre-line;line-height: 1.2;margin: 0 0 5px}.about-us{white-space: pre-line;padding: 5% 10% 20%}.about-us h2{color: #b89024;font-weight: 400;margin: 0 0 15px}.about-us h2 strong{color: #fff;display: inline}.btn-more{background: #b89024;color: #fff;border: none;padding: 7px 20px;font-size: 0.85em;border-radius: 50px;margin-top: 5%;transition: 0.5s;display: block}.btn-more:hover{background: #fff;color: #b89024}.menu-align{text-align: center;padding: 7% 0 2%}.menu-align h4{color: #b89024;margin: 0 0 5px}.why-img{margin-top: -30%}.why-block{padding: 10% 15%}.why-block h4{color: #a9831e;margin: 0}.why-block h2{margin: 0}.why-block h3{font-weight: 400;color: #a9831e;margin: 0}.why-block h3 strong{font-size: 1.2em}.why-icon-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 50px;margin: 5% 0}.why-icon{white-space: pre-line;transition: 0.5s}.why-icon:hover{transform: translateY(-10px)}.why-icon-img{width: 20%;margin: 0 0 20px}.why-icon-text h6{font-weight: 600;margin: 10px 0 5px;font-size: 1em}.btn-align{text-align: center;padding: 2% 0 10%}.btn-align .btn-more{margin: 0 auto}.eapps-facebook-feed-header-top{background: #c59920 !important}.eapps-facebook-feed-inner{border-radius: 20px;border: 0px solid #f1f1f1}.eapps-widget-toolbar{display: none}.contact-call{text-align: center;padding: 10% 0}.contact-call h2{margin: 0 0 30px}.btn-call-block{display: flex;justify-content: center;gap: 20px;align-items: center}.btn-call{display: grid;grid-template-columns: 25px auto;background: #fff;color: #000;gap: 10px;padding: 13px 35px;border-radius: 50px;justify-content: center;align-items: center;transition: 0.5s}.btn-call:hover{background: #b89024;color: #fff}.btn-call:hover .btn-call-img{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%) hue-rotate(88deg) brightness(108%) contrast(101%)}.btn-call-img{transition: 0.5s}.btn-call-text{font-size: 1.5em}.btn-call a{color: #000}.btn-call a:hover{color: #fff}.about-sub{padding: 15% 0 0 5%}.about-sub h3{margin: 0 0 20px;color: #b89024}.about-why-block .why-block{padding: 5% 0}.about-why-block h3,.about-why-block h2,.about-why-block h4{text-align: center}.about-why-block .why-icon-block{grid-template-columns: repeat(4,1fr);gap: 10px}.thumbs .imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.thumbs .imageWidth.imageGallery:hover{transform: scale(1.1)}.thumbs .imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.padding-pd{padding: 3%}figure.effect-oscar{background: transparent}figure.effect-oscar img,figure.effect-oscar:hover img{opacity: 1}figure.effect-oscar figcaption::before{border: 0px solid #fff}figure.effect-oscar figcaption{background-color: rgba(0,0,0,.9);-webkit-transition: background-color .35s;transition: background-color .35s}figure.effect-oscar:hover figcaption{background-color: rgba(0,0,0,.9)}.grid figure h2{word-spacing: normal;font-weight: 600}figure.effect-oscar h2{padding: 7% 0;margin: 0 0 !important;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 2.4em}.grid figure h2{word-spacing: normal;font-weight: 600}.service-sub{padding: 0 0 0 3%}.service-sub h4{font-weight: 600;margin: 0 0 5px;color: #b89024}.service-sub-border{width: 10%;border-bottom: 5px solid #d1ab44;margin: 25px 0}.service-vdo{background: #000}.service-vdo video{height: 35vw !important}.col-section{padding: 0 0 2%}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 10px}.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}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0px;padding: 7% 7%;text-align: center}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 400;line-height: 1.4;color: #fff;margin-bottom: 5px;height: 4vw}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #c59920}.Contentmanager .site .col-section .item.-micro a .caption .time{color: #c59920}.Contentmanager .site .col-section .item.-micro a .caption .time .btn-more{margin: 20px auto 0}.Contentmanager .site .col-section .item.-micro a .caption .time span{display: block}.Contentmanager .site .col-section .item.-micro a .caption .time img{width: 25px !important}.managerHeader{font-size: 2.2em;font-weight: 600;text-align: center}#Contentmanager .post-time{display: none}.page-header{margin: 7% 0 20px;border-bottom: 0px solid #eee}.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{font-weight: 600;margin: 20px 0 10px;line-height: 1.3}.Textmanager.font-inherit h3{font-size: 1.5em;margin: 0px 0 10px;line-height: 1.3}.Textmanager.font-inherit h5{margin: 25px 0 10px;font-weight: 600}.Textmanager.font-inherit h6{margin: 15px 0;line-height: 1.2}.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 15px 0}.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{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}.PitCustomClass1 .col-md-12.text-justify{padding: 0 10px}.Textmanager.font-inherit ol,.Textmanager.font-inherit ul{margin-top: 10px;margin-bottom: 10px}.fa-x-twitter-custom-square:before{filter: invert(1)}.contact-us{text-align: center;padding: 1% 1%}.contact-us h4{margin: 0 0 5px}.contact-us .header-tel{justify-content: center;grid-template-columns: 25px auto;margin: 10px 0 20px;font-size: 1.3em;font-weight: 400}.contact-block{text-align: center;padding: 2% 0}.contact-icon-block{display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;margin: 20px 0}.contact-icon{display: grid;grid-template-columns: 55px auto;padding: 5px;border-radius: 50px;background: #fff;color: #1f2023;text-align: left;align-items: center;gap: 10px;transition: 0.5s}.contact-icon a:hover{color: #ffffff}.contact-icon:hover{background: #b89024;color: #ffffff}#iframe68c0eafde6f1bf0013026eac iframe{height: 585px;border-radius: 10px}.no-js #Component68c0e9df6886bb0013a326fd label{display: none !important}.no-js #Component68c0e9df6886bb0013a326fd .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component68c0e9df6886bb0013a326fd .form-control{border: 1px solid #fff;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: 28px 20px;font-weight: 400;line-height: 1.5;background: #121212;color: #fff !important}.no-js #Component68c0e9df6886bb0013a326fd .form-control:hover{border: 1px solid #c59920}.no-js #Component68c0e9df6886bb0013a326fd .form-control::placeholder{color: #fff !important}.no-js #Component68c0e9df6886bb0013a326fd .form-control:focus{border: 1px solid #c59920;-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: #fff !important}.no-js #Component68c0e9df6886bb0013a326fd .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #c59920;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #e7302a;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component68c0e9df6886bb0013a326fd .btn-default:active{background: #c59920;color: #fff}.no-js #Component68c0e9df6886bb0013a326fd .btn-default:hover,.no-js #Component68c0e9df6886bb0013a326fd .btn-default:focus{background-position: 0 0px;background: #c59920;color: #fff}.no-js #Component68c0e9df6886bb0013a326fd .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component68c0e9df6886bb0013a326fd span.label{font-size: 0.85em;font-weight: 400}.no-js #Component68c0e9df6886bb0013a326fd .ITPcheckboxAuthen{font-size: 0.9em;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: #121212;border-color: #121212}.pagination>li>a,.pagination>li>span{color: #121212}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #121212;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 22px}.no-js .dropdown-menu > li > a{font-size: 1.6em}.header-tel{grid-template-columns: 25px auto}.container{width: 78vw}#controlBanner{width: clamp(120px,35%,20vw)}.btn-call{grid-template-columns: 30px auto}.itopplus-footer{font-size: 18px}.footer-contact{grid-template-columns: 20px auto}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.contact-us .header-tel{grid-template-columns: 30px auto}#iframe68c0eafde6f1bf0013026eac iframe{height: 625px}.service-vdo video{height: 32vw !important}}@media only screen and (max-width:1191px){body{font-size: 16px}.header-block1{width: 55%}.navbar-default .navbar-nav > li > a{font-size: 1em;padding: 8px 10px}div#carousel68bffa24d4de520013ad1131{display: none}#controlBanner{width: clamp(80px,35%,20vw)}.itopplus-sticky #controlBanner{width: clamp(80px,35%,20vw) !important}figure.effect-sadie p{font-size: 0.75em !important}.about-us{padding: 5% 5% 13%}.itopplus-bg2{background-size: cover}.no-js .dropdown-menu > li > a{font-size: 1.2em}.why-block{padding: 5% 7%}.footer-block1{padding: 0 0% 0 0}.footer-block2{padding: 0 0 0 9%}.footer-block3{padding: 0 0 0 49%}.about-why-block .why-icon{white-space: inherit}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 5vw}.service-vdo video{height: 37vw !important}}@media screen and (min-width: 1024px) and (max-width: 1200px){.itopplus-banner>.container{width: 95%}}@media only screen and (max-width:900px){#carousel68bffa24d4de520013ad1131{display: block !important;margin-bottom: -7px}figure.effect-sadie p{font-size: 0.55em !important;padding: 55% 1em 10px !important}.h2,h2{font-size: 2.2em}.h3,h3{font-size: 1.4em}.about-us{white-space: inherit}.about-us h2 strong{display: block}.why-icon-block{gap: 20px}.why-icon{white-space: inherit}.bootstrap-collum .col-md-3.col-sm-4.col-xs-4{width: 25%}.footer-block1{white-space: inherit}.footer-block3{padding: 0 0 0 35%}.Contentmanager .site .col-section .item.-micro a .caption{padding: 7% 3%}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 10vw}.Contentmanager .site .col-section .item.-micro a .caption .time .btn-more{margin: 0 auto}.managerHeader{font-size: 2em}.contact-icon{grid-template-columns: 40px auto}.contact-icon-text{font-size: 0.9em}}@media only screen and (max-width:480px){#imagesControl68bffa24d4de520013ad1131{padding: 0 !important}figure.effect-sadie p{font-size: 0.8em !important}.about-us h2{font-size: 1.2em}.why-img{display: none}.why-block h4{font-size: 1.1em}.h2,h2{font-size: 1.9em}.why-block h3{font-size: 1.05em}.why-block h3 strong{font-size: 1.1em}.why-icon-img{width: 30%}.why-icon-text{font-size: 0.9em}.contact-call h2{font-size: 1.6em}.btn-call-block{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.btn-call{width: 100%;grid-template-columns: 18px auto;gap: 5px;padding: 10px 5px}.btn-call-text{font-size: 1em}.footer-block1{display: none}.footer-block2{padding: 0 0 0 0%}.footer-block3{padding: 0 53% 0 0%}.footer-block3 h4{text-align: left}.why-img2{display: none}.about-sub{padding: 0% 0 0 0%}.about-why-block .why-icon-block{grid-template-columns: repeat(2,1fr);gap: 20px}.service-sub{padding: 0 0 0 0%}article.col-md-6.item.-micro{width: 50%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;height: 18vw}.managerHeader{font-size: 1.5em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 50%}.contact-us .header-tel{grid-template-columns: 20px auto;font-size: 1.2em}.contact-icon-block{grid-template-columns: repeat(1,1fr);margin: 20px 0px}.contact-icon-text{font-size: 1em}#iframe68c0eafde6f1bf0013026eac iframe{height: 315px}.no-js #Component68c0e9df6886bb0013a326fd .col-md-6{padding: 0 15px}.service-vdo video{height: inherit !important}}