.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #282828}a{color: #282828}a:hover{color: #1f84c6}.itopplus-bg{background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_06092023qlcs/0/0/bgz-z1709227232897.webp');background-position: top;background-color: #ebf0f2}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_06092023qlcs/0/0/3z-z612620956668.webp');background-color: #ebf0f2;background-position: bottom}.itopplus-footer,.itopplus-header{background: linear-gradient(to right,#019ee3 0%,#25d5b9 100%) !important;color: #fff}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #282828;margin: 0 15px;padding: 7px 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: #fff !important;box-shadow: none;border-radius: 30px;background: linear-gradient(to right,#019ee3 0%,#25d5b9 100%);background-color: transparent}.dropdown-menu>li>a{font-size: 1.1em;color: #282828;padding: 7px 20px}.no-js .dropdown-menu>li>a:focus,.no-js .dropdown-menu>li>a:hover{color: #fff;background: linear-gradient(to right,#019ee3 0%,#25d5b9 100%)}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 85px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar>div{background: #fff !important}#itpMenuSideBar span{background-color: #000 !important}#controlMenu *{color: #000 !important;border: none}}@media screen and (min-width: 1024px){.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff}.itopplus-banner .container{display: grid;grid-template-columns: 25% auto;align-items: center;transition: .3s}.itopplus-sticky .container{display: grid;grid-template-columns: 15% auto !important}.itp-block{display: flex;flex-direction: column;gap: 10px}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px;width: 100%;min-width: auto;margin: 0 auto}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}}.h1,h1{font-size: 4em;font-weight: 600}.h2,h2{font-size: 2.6em;font-weight: 600}.h3,h3{font-size: 1.8em;font-weight: 600}.h4,h4{font-size: 1.2em;font-weight: 600}.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-header{font-size: 0.9em}.itopplus-header a{color: #fff}.header-icon-block1{display: flex;gap: 20px}.header-icon{display: grid;grid-template-columns: 25px auto;gap: 10px;align-items: center}.header-icon-img{display: flex;justify-content: flex-end;width: 30%;float: right;gap: 20px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.itopplus-footer{font-size: 14px}.itopplus-footer h4{margin: 0px 0 20px;font-weight: 600;font-size: 1.1em}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #fdffbb}.footer-logo{width: 55%;margin: 0 0 20px}.footer-pd{padding-top: 15%}.footer-icon{display: grid;grid-template-columns: 20px auto;gap: 5px;align-items: center}.footer-icon-display{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px}.copy-right{white-space: pre-line;font-size: 0.9em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #1f84c6 !important;color: #1f84c6 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #1f84c6 !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%}.about-us{text-align: center;padding: 7% 7%}.about-us h2{white-space: pre-line;color: #1f84c6;line-height: 1.2;margin: 0 0 20px}.btn-tel{background: linear-gradient(to right,#019ee3 0%,#25d5b9 100%);color: #fff;display: grid;grid-template-columns: 35px auto;gap: 10px;font-weight: 600;padding: 10px 20px;border: none;border-radius: 50px;justify-content: center;margin: 30px auto 0;font-size: 1.3em;align-items: center;transition: 0.5s}.btn-tel:hover{background: linear-gradient(to right,#019ee3 0%,#25d5b9 100%);color: #fff}.aluminium-block1{padding: 17% 23% 10%}.aluminium-block1 h2{color: #1f84c6;margin: 0}.aluminium-block1 img{margin: 25px 0 -20px}.menu-align{text-align: center;padding: 5% 0 2%}.menu-align h2{color: #1f84c6}.menu-align h4{font-size: 1.4em;margin: 0}.why-block{display: grid;grid-template-columns: 25% auto;align-items: center;gap: 5px}.thumbnail{padding: 7px !important;background-color: #fff;border: 0px solid #ddd;border-radius: 20px;box-shadow: 0 0 10px rgba(0,0,0,.2)}.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: 15px}.product-name{color: #444;text-align: center;font-size: 0.9em;padding: 7% 0}.product-name h3{font-size: 1.5em;height: 65px;color: #282828;margin: 0;white-space: pre-line;line-height: 1.4}.padding-pd{padding: 5%}.design-block{padding: 28% 20% 0 10%}.design-block h2{color: #1f84c6;margin: 0 0 20px}.contact-tel-display{display: grid;grid-template-columns: 50% 25% 25%;width: 80%;margin: 0 auto;align-items: center;padding: 3% 0}.contact-tel-display h2{color: #1f84c6}.contact-tel{border-left: 1px solid #d8dee2;padding: 4% 14%}.menu-bg{background: linear-gradient(to right,#019ee3 0%,#25d5b9 100%);color: #fff;text-align: center;padding: 2%;border-radius: 50px}.col-section{padding: 1% 1% 4%}article.col-md-6.item.-micro{width: 23%;background: #fff;margin: 0 1% 20px;box-shadow: 0 0 10px rgba(0,0,0,.2);border-radius: 20px}.Contentmanager .site .col-section .item.-micro{padding: 7px}.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: 15px;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: transparent;border-radius: 0;padding: 7% 0}.Contentmanager .site .col-section .item.-micro a .caption .time{padding: 0% 0;color: #444;text-align: center;font-weight: 400;font-size: 0.9em}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;font-weight: 600;background: transparent;color: #282828;margin-bottom: 0px;line-height: 1.3;text-align: center;height: 55px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #282828}h3.managerHeader{font-size: 1.8em;font-weight: 600;background: linear-gradient(to right,#019ee3 0%,#25d5b9 100%);color: #fff;text-align: center;padding: 2%;border-radius: 50px}#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: 20px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 0px 0 10px;font-size: 1.4em;color: #1f84c6}.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: 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: 0px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 20px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 10px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.text-product{line-height: 30px}table.tj2{width:100%}table.tj2 td,table.tj2 th{border: 1px solid #dddddd;padding: 12px;font-weight: 400;text-align: center}.bullet-product{font-weight: 400;text-align: left;list-style: none;padding: 0%;margin: 0 auto}.bullet-product li{display: flex}.bullet-product li::before{content: '✦';padding-right: 10px;color: #1f84c6}.product-motion-bg{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_06092023qlcs/0/0/Picz-z28079510739.webp);background-size: 100% auto;background-repeat: no-repeat;background-position: bottom}.product-motion-display{display: grid;grid-template-columns: 60% 40%;margin: 0 auto 0 35%}.product-motion1{animation: floating 1.5s ease-in-out infinite alternate}.product-motion2{margin-left: -25%;animation: floating2 2.50s ease-in-out infinite alternate}@-webkit-keyframes floating{from{transform: translate(-50%,50px)}to{transform: translate(-50%,-50px)}}@keyframes floating2{from{transform: translate(-50%,80px)}to{transform: translate(-50%,-80px)}}.about-block2{width: 82%;margin: 0 auto;text-align: center;padding: 1% 0 5%}.nav-template li{display: inline-table}.nav-template li:hover{background-color: transparent}.nav-template strong{font-size: 1.6em;font-weight: 600;line-height: 1.3;color: #1f84c6;display: block;margin: 20px 0 0}.nav-template p{font-size: 15px}.nav-template .col-md-6.col-sm-8.col-xs-12.maxHeight-main .img-container{padding-bottom: 50%}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col{width: 37%}.nav-template .col-md-8.col-sm-8.col-xs-8.padding-col{width: 63%;padding: 0 0% 0 2%!important}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col .img-container{padding-bottom: 66%}.nav-template li.col-md-6.col-sm-4.col-xs-12.maxHeight-TP4{height: inherit;margin: 0 auto 6px;display: inline-table}.nav-template .img-container .img{border-radius: 20px}.padding-pd2{padding: 2%}.coming-soon{width: 75%;margin: 5% auto}.text-contact{text-align: center;padding: 2% 2% 0}.text-contact h3{font-weight: 600;line-height: 1.2;font-size: 1.6em;color: #1f84c6}.contact-block4{display: grid;grid-template-columns: repeat(2,1fr);gap: 10px;margin: 17px 0 0}.contact-bg2{display: grid;grid-template-columns: 40px auto;gap: 5px;align-items: center;background: #ffffff;box-shadow: 0 0 10px #e8ebf0;border-radius: 50px;padding: 7px;line-height: 1.2}.contact-bg2:hover{background: #e3ffc1}.no-js #Component6713e71a08b4970013a19101 label{display: none !important}.no-js #Component6713e71a08b4970013a19101 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component6713e71a08b4970013a19101 .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 #Component6713e71a08b4970013a19101 .form-control:hover{border: 1px solid #1f84c6}.no-js #Component6713e71a08b4970013a19101 .form-control:focus{border: 1px solid #1f84c6;-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 #Component6713e71a08b4970013a19101 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #1f84c6;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #1f84c6;border-radius: 50px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component6713e71a08b4970013a19101 .btn-default:active{background: #1f84c6;color: #fff}.no-js #Component6713e71a08b4970013a19101 .btn-default:hover,.no-js #Component6713e71a08b4970013a19101 .btn-default:focus{background-position: 0 0px;background: #1f84c6;color: #fff}.no-js #Component6713e71a08b4970013a19101 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component6713e71a08b4970013a19101 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component6713e71a08b4970013a19101 .ITPcheckboxAuthen{font-size: 0.85em;padding: 0 0 0 0%}#iframe6713e7d7563cfb0013ad3d78 iframe{height: 310px;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: #1f84c6;border-color: #1f84c6}.pagination>li>a,.pagination>li>span{color: #1f84c6}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #1f84c6;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.header-icon-img{width: 25%}.dropdown-menu>li>a{font-size: 1.3em}.product-name h3{height: 85px}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 70px}.nav-template p{font-size: 18px}.nav-template strong{font-size: 1.9em}#iframe6713e7d7563cfb0013ad3d78 iframe{height: 330px}}@media only screen and (max-width:1191px){.header-icon-img{width: 35%}.navbar-default .navbar-nav>li>a{margin: 0 5px}.aluminium-block1{padding: 10% 11% 10%}.product-name h3{font-size: 1.4em}.h2,h2{font-size: 2.3em}.design-block{padding: 20% 20% 0 10%}.contact-tel-display{width: 90%}.contact-tel{padding: 4% 5%}.itopplus-footer{font-size: 12px}#iframe6713e7d7563cfb0013ad3d78 iframe{height: 335px}}@media only screen and (max-width:900px){.h2,h2{font-size: 2em}.contact-tel-display{width: 100%;font-size: 0.9em}.contact-tel{padding: 4% 3%;font-size: 0.9em;text-align: center}.table-responsive{border: 0px solid #ddd}.copy-right{white-space: inherit;text-align: center}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;height: 75px}.nav-template li.col-md-6.col-sm-8.col-xs-12.maxHeight-main{width: 100%}.nav-template li.col-md-6.col-sm-4.col-xs-12.maxHeight-TP4{width: 100%}.contact-block4{grid-template-columns: repeat(1,1fr)}#iframe6713e7d7563cfb0013ad3d78 iframe{height: 205px}}@media only screen and (max-width:480px){#imagesControl6711eb5a563cfb0013ad2496{padding: 0 !important}.about-us{padding: 3% 0%}.btn-tel{grid-template-columns: 25px auto;gap: 5px;padding: 10px 10px;font-size: 1.1em}.aluminium-block1{padding: 10% 3% 10%}.aluminium-block1 img{width: 70% !important}.design-block{padding: 2% 5%}.contact-tel-display{width: 90%;font-size: 1em;grid-template-columns: repeat(1,1fr);text-align: center}.contact-tel{padding: 2% 3%;font-size: 1em;border-left: 0px solid #d8dee2}.col-section{padding: 1% 6% 4%}article.col-md-6.item.-micro{width: 100%;margin: 0 0% 20px}.col-md-6.pull-left{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}table.tj2 td,table.tj2 th{white-space: nowrap}.nav-template .col-md-4.col-sm-4.col-xs-4.padding-col,.nav-template .col-md-8.col-sm-8.col-xs-8.padding-col{width: 100%}#Contentmanager .col-md-8.col-md-offset-2.text-center{padding: 0}.no-js #Component6713e71a08b4970013a19101 .col-md-6{padding: 0 15px}div#background6712277e563cfb0013ad2eb2,div#background671228886281320013676d7a,div#background6712299b697cd80013a5775c,div#background671336f0563cfb0013ad3804,div#background671336f0563cfb0013ad380e,div#background671336f0563cfb0013ad3818{margin-bottom: -15px}.product-motion-bg{margin-left: -10px}@-webkit-keyframes floating{from{transform: translate(-50%,20px)}to{transform: translate(-50%,-20px)}}@keyframes floating2{from{transform: translate(-50%,50px)}to{transform: translate(-50%,-50px)}}}button.btn-tel img{filter: brightness(0) invert(1)}