.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #2c2d2d}a{color: #2c2d2d}a:hover,.itopplus-bg a:hover{color: #f97500}.itopplus-bg a{color: #fff}.itopplus-bg{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_21082022foy2/0/0/1z-z102382136710.webp);color: #fff}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21082022foy2/0/0/2z-z412984770332.webp');color: #fff}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21082022foy2/0/0/3z-z1653251881834.webp');background-size: 100% auto}.navbar-default .navbar-nav>li>a{font-size: 1.1em;color: #fff;margin: 0 15px;padding: 10px 15px;font-family: "Onest",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;background: transparent;background-color: transparent}.dropdown-menu>li>a{font-size: 1.2em;color: #000;padding: 7px 20px;font-family: "Onest",sans-serif}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: #000}.itopplus-search{margin-top: unset}@media screen and (min-width: 1024px){.itopplus-banner .container{display: grid;grid-template-columns: 15% auto 15%;align-items: center}.itopplus-banner .container::before,.itopplus-banner .container::after{display: none}#controlBanner img{object-fit: contain;padding: 25px 0;width: 100% !important;margin: 0 auto}#nav-menu{text-align: center;background-color: transparent}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110;transition: .3s}.itopplus-banner{background: rgba(0,0,0,1)}.banner-sticky{background: #000 !important}}.h1,h1{font-size: 4em;font-weight: bold}.h2,h2{font-size: 3em;font-weight: 600}.h3,h3{font-size: 2.2em;font-weight: 600}.h4,h4{font-size: 1.3em}.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-icon-img{display: flex;gap: 20px;align-items: center;width: 85%}.itopplus-footer{font-size: 13px}.itopplus-footer h4{margin: 0px 0 15px;font-weight: 600;font-size: 1.12em}.itopplus-footer a{color: #252525}.itopplus-footer a:hover{color: #f97500}.footer-logo{width: 65%;padding: 15% 0 0}.footer-follow{display: grid;grid-template-columns: 60% auto;width: 65%;align-items: baseline;margin: 25px 0 0}.footer-follow-icon{display: flex;gap: 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.footer-icon-block{display: grid;grid-template-columns: 15px auto;gap: 10px;align-items: center;margin-bottom: 5px}.footer-pd1{padding-left: 25%}.footer-pd2{padding-left: 35%}.copy-right{font-size: 0.9em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #f97500 !important;color: #f97500 !important;font-family: "Noto Sans Thai",sans-serif !important}.buttonExampleSite:hover{background: #f97500 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #f97500;padding-bottom: 0rem !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 6% 2% 2%}.backToTop{width: 60px ! IMPORTANT;right: 10px !important;bottom: 70px !important}.backToTop img{width: 100%}.padding-pd{padding: 2%}.menu-align{text-align: center;padding: 5% 0 2%}.menu-align h3{font-family: "Onest",sans-serif;color: #253147}.menu-align h2{font-family: "Onest",sans-serif;color: #f97500;margin: 0;text-transform: uppercase}.menu-align h4{font-family: "Onest",sans-serif;font-weight: 400;margin: 15px 0}.why-des{white-space: pre-line;font-size: 1.1em;text-align: center;padding: 0 0 2%}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 4em 1em 1em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: left;text-transform: initial;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 100%)}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,44,63,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}.effect-sadie{border-radius: 20px}.effect-sadie img{transition: 0.5s}.effect-sadie:hover img{transform: scale(1.1)}.grid figure p{letter-spacing: 0px;font-size: 1em}.grid figure img{opacity: 1}.why-icon{white-space: pre-line;margin-top: -36%;position: relative;padding: 0 5% 30%}.why-icon img{width: 45% !important}.why-icon h4{margin: 0 0 10px}.thumbnail{padding: 0px ! IMPORTANT;background-color: #fff;color: #2e2e2e;border: 0px solid #ddd;border-radius: 30px;box-shadow: 0 10px 15px rgba(0,0,0,.10)}.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: 25px 25px 0 0}.thumbnail button,.btn-view{background: transparent;color: #f97b00;padding: 0px;border: none;font-size: 14px;font-weight: 500;transition: 0.5s;display: grid;grid-template-columns: auto 15px;justify-content: start;text-align: left;gap: 5px;align-items: center}.menu-pd{padding: 15%}#Component6656e67a8af3f800137e836d{margin-top: -30%}.product-name{font-family: "Onest",sans-serif;padding: 10% 5%}.padding-pd2{padding: 5%}ul#slider6656dee69fe2530013459587{margin-top: -20%}.dimmer-block{padding: 13% 0 13% 15%;font-family: "Onest",sans-serif}.dimmer-block h2{color: #ff7800;font-weight: 500;margin: 0}.dimmer-block h3{font-size: 2em;font-weight: 400;margin: 15px 0 5%}.btn-more{background: #fff;color: #000;border: none;display: grid;grid-template-columns: auto 15px;gap: 5px;padding: 8px 15px;border-radius: 50px;font-weight: 500;transition: 0.5s}.btn-more:hover{background: #000;color: #fff}.portfolio-name{font-family: "Onest",sans-serif;padding: 10% 5%}.portfolio-name h4{font-size: 1.1em}.portfolio-block{white-space: pre-line;font-family: "Onest",sans-serif;font-size: 1.2em;padding: 45% 0}.portfolio-block h2{text-transform: uppercase;color: #fff;font-size: 2.3em}.about-block{text-align: center;padding: 2% 0}.about-us h4{font-weight: 600;margin: 0 0 10px;color: #f87602}.about-us h3{font-size: 1.5em;margin: 5px 0 15px;color: #0d9444}.about-us h2{white-space: pre-line;font-size: 1.6em;line-height: 1.2}.about-block img{width: 20% !important;margin: 0 auto 3%}.about-block2{padding: 3% 5%}.about-block2 h3{font-family: "Onest",sans-serif;text-transform: uppercase;color: #f97500}.why-icon-block .why-icon{margin-top: 0}.why-icon-block .why-icon img{margin-bottom: 5%}ul#slider66570b7b718bdb0013fedaba{width: 110%;margin-top: -15%;margin-bottom: -5%;overflow: hidden}.about-block3{padding: 5% 5% 0 0}.about-block3 h3{color: #f97500;margin: 0 0 15px}.about-block3-icon{display: grid;grid-template-columns: 20px auto;gap: 10px;margin-bottom: 10px}.coming-soon{width: 75%;margin: 0 auto 5%}.product-detail{padding: 10% 2%;font-family: "Noto Sans Thai",sans-serif}.product-detail h3{font-family: "Onest",sans-serif}.btn-pdf{background: #8c0000;color: #fff;border: none;padding: 8px 20px;transition: 0.5s}.btn-pdf:hover{background: #f97500;color: #fff}table.tj2{width: 100%}table.tj2 td{border-bottom: 1px dashed #ccc;padding: 15px 0}table.tj2 td:nth-child(1){width: 30%}table.tj2 td:nth-child(2){width: 70%}.col-section{padding: 0 0% 0%}#Contentmanager .row{display: grid;grid-template-columns: repeat(3,1fr);gap: 30px}#Contentmanager .row::before,#Contentmanager .row::after{display: none}#Contentmanager article{width: 100% !important}article.col-md-6.item.-micro{margin: 0 0 35px;padding: 0px ! IMPORTANT;background-color: #fff;color: #2e2e2e;border: 0px solid #ddd;border-radius: 30px;box-shadow: 0 5px 15px rgba(0,0,0,.10)}.Contentmanager .site .col-section .item.-micro{padding: 10px 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: 25px 25px 0 0;background-color: transparent;border: 0px solid #d4d4d4}.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: 7%;text-align: center;font-family: "Onest",sans-serif}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0 0}.Contentmanager .site .col-section .item.-micro a:hover .caption .time{}.Contentmanager .site .col-section .item.-micro a .caption .time span{color: #052148}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 500;background: transparent;color: #000;padding: 0;margin-bottom: 5px;line-height: 1.3;text-align: left}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #f97b00}h3.managerHeader{font-size: 2.4em;text-align: center;font-weight: 600;font-family: "Onest",sans-serif}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{padding: 0;width: 45%;margin: 0 3% 0 0}.Textmanager.font-inherit{text-align: left;display: flow-root;font-family: "Onest",sans-serif}.Textmanager.font-inherit h3{color: #f97b00;font-size: 1.8em;padding: 5px 0 0}.Textmanager.font-inherit h4{font-weight: 600;margin: 25px 0 5px}.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;width: 33.33%}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #cecece;border-radius: 25px;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: 25px;transform: scale(1.0) !important}#Contentmanager img.img-responsive{border-radius: 25px;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 #cecece;padding: 0px;box-shadow: none !important;border-radius: 25px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}.portfolio-detail{text-align: center;padding: 0 3% 2%}.portfolio-detail h4{font-family: "Onest",sans-serif;font-size: 1.5em;font-weight: 600}.text-contact{padding-right: 15%}.text-contact .media-body{padding: 10px 0 15px}.text-contact h3{font-weight: 600;margin: 0 0 15px;line-height: 1.2;font-size: 1.7em;color: #ff7800}.text-contact h4{margin: 25px 0 5px;font-weight: 600}.text-contact .footer-icon-block{grid-template-columns: 20px auto}.no-js #Component665845e820090100133ad85b label{display: none !important}.no-js #Component665845e820090100133ad85b .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component665845e820090100133ad85b .form-control{border: 1px solid #dbdbdb;border-radius: 5px !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 #Component665845e820090100133ad85b .form-control:hover{border: 1px solid #ff7800}.no-js #Component665845e820090100133ad85b .form-control:focus{border: 1px solid #ff7800;-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 #Component665845e820090100133ad85b .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #ff7800;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #7a2d8d;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component665845e820090100133ad85b .btn-default:active{background: #ff7800;color: #fff}.no-js #Component665845e820090100133ad85b .btn-default:hover,.no-js #Component665845e820090100133ad85b .btn-default:focus{background-position: 0 0px;background: #ff7800;color: #fff}.no-js #Component665845e820090100133ad85b .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component665845e820090100133ad85b span.label{font-size: 0.85em;font-weight: 400}.no-js #Component665845e820090100133ad85b .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe66554cb99fe2530013457195 iframe{height: 225px;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: #ff7800;border-color: #ff7800}.pagination>li>a,.pagination>li>span{color: #ff7800}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #ff7800;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu>li>a{font-size: 1.4em}.header-icon-img{width: 70%}.thumbnail button,.btn-view{font-size: 18px}.itopplus-footer{font-size: 16px}.ITPcookiebar,.buttonExampleSite{font-size: 16px ! IMPORTANT}.portfolio-detail{padding: 0 4% 2%}.no-js #Component665845e820090100133ad85b .form-control{padding: 36px 20px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav>li>a{margin: 0 5px}.header-icon-img{width: 100%}.why-icon{white-space: inherit}.product-name h4{font-size: 1em}.dimmer-block{font-size: 0.8em}.portfolio-block h2{font-size: 2em}.portfolio-block{font-size: 1em;padding: 40% 0}.footer-pd1{padding-left: 15%}.footer-follow{width: 80%}.about-us h3{font-size: 1.2em}.about-us h4{font-size: 1.2em}.about-us h2{font-size: 1.3em}.about-block3 h3{font-size: 1.9em}table.tj2 td:nth-child(1){width: 35%}table.tj2 td:nth-child(2){width: 65%}.product-detail{padding: 0% 2%}}@media only screen and (max-width:900px){.why-des{white-space: inherit}.why-icon{white-space: inherit;padding: 0 5% 10%}.dimmer-block{font-size: 0.6em}.product-name h4{font-size: 1.3em}article.col-md-6.item.-micro{width: 29%}.portfolio-block{font-size: 0.8em}.copy-right{text-align: center}.table-responsive{border: 0px solid #ddd}.text-contact{padding-right: 5%}}@media only screen and (max-width:480px){#imagesControl6656dc868af3f800137e8145{padding: 0 !important}#carousel6656dc868af3f800137e8145{margin: -3px 0 0}.why-des{font-size: 1em}.menu-align h3{font-size: 1.5em}.menu-align h2{font-size: 2em}.why-icon img{width: 35% !important}.dimmer-block{padding: 5% 0 5% 0%}.itopplus-bg3{background-size: cover;background-position: left}.padding-pd2{padding: 0%}article.col-md-6.item.-micro{width: 100%;margin: 0 0 20px}.col-section{padding: 0 5% 0%}.portfolio-block h2{color: #000}.portfolio-block{font-size: 1.1em;padding: 0% 5%}.portfolio-block span{color: #ff7800 !important}.padding-pd2{padding: 5%}.about-block img{width: 40% !important}.about-block2{padding: 3% 0%}ul#slider66570b7b718bdb0013fedaba{width: 100%;margin-top: 0}.col-md-6.pull-left{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}table.tj2 td{vertical-align: baseline}.text-contact{padding-right: 0%}.no-js #Component665845e820090100133ad85b .form-control{padding: 27px 20px}.no-js #Component665845e820090100133ad85b .col-md-6{padding: 0 15px}.product-detail{padding: 0% 0%}#Contentmanager .row{display: grid;grid-template-columns: repeat(2,1fr)}}@media screen and (max-width: 992px){.row-fluid{flex-wrap: unset !important}#language_member_bar{display: none}#controlBanner img{position: fixed;top: 5px;left: 10px;width: 100px !important;z-index: 10000}#nav-menu{position: fixed;width: 100%;top: 0;left: 0;z-index: 9999}.navbar-header{display: flex !important;flex-direction: row-reverse;align-items: center;height: 50px;width: 100%}.navbar-default,.navbar-header,#ItopplusMainSidebar{background: #000 !important}#ItopplusMainSidebar a{text-align: left !important;color: #fff !important}#itpMenuSideBar span.icon-bar{background: #fff !important}.itopplus-sidebar-menu-single{border: none}#itpMenuSideBar,.menu-mobile-custom{display: grid !important;place-content: center;width: 40px;border: none;padding: 0 !important;margin: 0 !important;background-color: transparent !important}.old-image-icon-facebook,.old-image-icon-line,.old-image-icon-instragram,.old-image-icon-youtube{display: grid !important}#itpMenuSideBar .navbar-inline:nth-child(2),#main-navbar-collapse,.new-image-icon-facebook,.new-image-icon-line,.new-image-icon-instragram,.new-image-icon-youtube,#nav-menu::before,#nav-menu::after{display: none !important}.navbar-header i::before{display: none !important}.navbar-header i{display: grid;width: 20px;aspect-ratio: 1;filter: brightness(0) invert(1);padding: 0}#itpphonemobile i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/phonez-z921908240939.png);width: 18px !important}#itpsearchmobile i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/searchz-z802258593714.png)}.old-image-icon-facebook i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/fbz-z870717797999.png)}.old-image-icon-line i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/linez-z21670262898.webp)}.old-image-icon-instragram i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/igz-z1587384208209.webp)}.old-image-icon-youtube i{content: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/ytz-z962652931262.webp);width: 22px !important;height: 18px !important}#languagemobile{order: 10}.itopplus-search{display: none}}