.itopplus-background{}body{font-size: 17px;overflow-x: hidden;color: #262626;font-family: "LINE Seed Sans TH";min-height: 100vh !important}a{color: #262626}a:hover,.link:hover{color: #cb90c5}b,strong{font-weight: 600}.itopplus-bg{background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_23072024z5zo/0/0/itopplus-bgz-z33553849500.jpg");background-size: 100% auto;background-repeat: no-repeat;background-position: top}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_23072024z5zo/0/0/2z-z1486006697039.jpg");background-image: none;background-size: 100% auto;background-repeat: no-repeat;background-position: center;background-color: #cb91c6;color: #fff}.itopplus-footer{background-color: #737373;color: #fff}.navbar-default .navbar-nav > li > a{font-size: 1em;color: #262626;margin: 0;padding: 8px 15px;border-radius: 0;border-bottom: 3px solid transparent}.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: #262626 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.no-js .dropdown-menu > li > a{font-size: 1.2em;color: #262626;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #cb90c5}@media screen and (max-width: 1023px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 45px !important;z-index: 10000}#nav-menu,#ItopplusMainSidebar > div{background: #fff !important;box-shadow: 0 0 10px rgba(0,0,0,.1) !important}#controlMenu *:not(a span){color: #444 !important;border: none}.navbar-header button span{background-color: #444 !important}.navbar-header a::before{background-size: 30px;background-position: center}.navbar-header a::after{background: #444}#itpphonemobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/telz-z555807927326.png) !important}#itpsearchmobile::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/searchz-z1550057493030.png) !important}.old-image-icon-facebook::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/fbz-z1306469976463.png) !important}.old-image-icon-line::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/linez-z468194837558.png) !important}.old-image-icon-instragram::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/igz-z261562755399.png) !important}.old-image-icon-youtube::before{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/ytz-z1709509823553.png) !important}.new-image-icon-twitter::before{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_26012025ka3n/0/0/twz-z1451700767745.png) !important}}@media screen and (min-width: 1024px){.no-js header{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.1);transition: 0.3s}.itopplus-sticky{background: #fff !important;box-shadow: 0 0 10px rgba(0,0,0,.1)}.itopplus-banner > .container{display: grid;align-items: center;position: relative}#itopplus-nav-bar{position: relative;display: flex;width: 65%;justify-content: space-between;padding: 4% 0;margin: auto;float: unset;white-space: nowrap;right: -4vw}#itopplus-nav-bar::before,#itopplus-nav-bar::after{display: none}#itopplus-nav-bar > li:nth-child(2){flex: 1}#controlBanner{position: absolute;object-fit: contain;padding: 20px 0;width: clamp(120px,10vw,170px);margin: auto;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;place-content: center}ul.nav li.dropdown:hover > ul.dropdown-menu{display: block;margin: 0}.container{width: 87vw}}.h1,h1{font-size: 4.4em;font-weight: 600}.h2,h2{font-size: 2.6em;font-weight: 600}.h3,h3{font-size: 1.7em;font-weight: 600}.h4,h4{font-size: 1.25em}.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;color: #fefefe;line-height: 1.4}.itopplus-footer h4{font-weight: 600;margin: 0px 0 15px;font-size: 1.15em}.itopplus-footer a{color: #fefefe}.itopplus-footer a:hover{color: #cb90c5}.footer-block3{padding: 0 10% 0 0}.footer-block4{padding: 0 0 0 10%}.maps-block{display: grid;grid-template-columns: auto 20px;justify-content: start;align-items: center;gap: 10px;margin: 20px 0 0}.follow-block{display: flex;align-items: center;gap: 10px;margin: 20px 0 0}.follow-text h4{margin: 0}.footer-icon-img{width: 30%;display: flex;gap: 10px}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.9em;text-align: center;padding: 0 0 5%}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #cb90c5 !important;color: #cb90c5 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #cb90c5 !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: 5% 2% 2%}.about-us{padding: 10% 5% 5% 5%}.about-us h3{font-size: 2.2em;margin: 0 0 20px}.about-img{width: 30%;margin: -17% 0 -10% auto}.why-us{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;margin: 2% auto 7%}.why-bg{white-space: pre-line;background: #e9e9e9;padding: 10%;border-radius: 30px;transition: 0.5s}.why-bg img{width: 30% !important}.why-bg h1{font-size: 3em;font-family: "Manrope",sans-serif;margin: 10px 0 20px;font-weight: 500}.menu-align{text-align: center;color: #303030;padding: 7% 0 3%}.menu-align h2{margin: 0 0 10px}.menu-align h3{font-family: "Manrope",sans-serif;margin: 0}.padding-pd{padding: 2%}.padding-pd2{padding: 5%}#Component689d54dc37a9ae001a3e0ee8 .col-md-3.col-sm-4.col-xs-4:nth-child(2),#Component689d54dc37a9ae001a3e0ee8 .col-md-3.col-sm-4.col-xs-4:nth-child(4),#Component68a403d8650824001355df62 .col-md-3.col-sm-4.col-xs-4:nth-child(2),#Component68a403d8650824001355df62 .col-md-3.col-sm-4.col-xs-4:nth-child(4){margin-top: 4%}.effect-sadie{border-radius: 20px}figure.effect-sadie p{white-space: pre-line;position: absolute;bottom: 0;left: 0;padding: 10em 1.5em 1.5em !important;width: 100%;opacity: 1;-webkit-transform: translate3d(0,10px,0);transform: translate3d(0,0,0);text-align: left;background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(51,51,51,.8) 100%);text-transform: initial;font-size: 0.7em;z-index: 1 !important}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(51,51,51,1) 100%);background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(51,51,51,1) 100%);content: '';opacity: 0;-webkit-transform: translate3d(0,50%,0);transform: translate3d(0,50%,0)}.grid figure p{letter-spacing: 0px}.grid figure img{opacity: 1}.service-catagory h3{font-family: "Manrope",sans-serif;margin: 10px 0 0;font-weight: 500}.service-catagory h4{white-space: pre-line;font-weight: 600;line-height: 1.3;margin: 20px 0}.service-icon{width: 20%}.CASS-D-border{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_23072024z5zo/0/0/bgz-z1290463251635.png) !important;background-position: top;background-size: contain !important;background-position: bottom !important;background-repeat: no-repeat !important;margin: 0 3%}.CASS-D-middle-mid{padding: 0 3%}figure.effect-phoebe{background: transparent;border: 2px solid #e7e7e7;border-radius: 30px}.grid figure h2{word-spacing: normal;font-weight: 400}.grid figure figcaption{padding: 1em}figure.effect-phoebe h2{-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);text-align: left;color: #303030;text-transform: none;font-family: "Manrope",sans-serif;font-weight: 600;position: absolute;bottom: 15px;left: 15px;right: 15px;font-size: 1.5em}figure.effect-phoebe img{opacity: 1;-webkit-transition: opacity .35s;transition: 0.5s}figure.effect-phoebe:hover img{opacity: 1;transform: scale(1.1)}#Component689d5bc2717d48001a06c15a .col-md-6.col-sm-6.col-xs-6:nth-child(2),#Component689d7e57717d48001a06c82a .col-md-6.col-sm-6.col-xs-6:nth-child(2){margin-top: 10%}.product-catagory{display: grid;grid-template-columns: auto 10%;align-items: center}.product-head{color: #fff;padding: 0 1%;margin: -7% 0 5%}.product-head-block{display: flex;gap: 40px;align-items: center}.product-head h3{font-family: "Manrope",sans-serif;margin: 0}.product-head-border{border-bottom: 1px solid #fff;width: 20%}.thumbnail{padding: 10px !important;background-color: #fff;border: 0px solid #ddd;border-radius: 20px}.service-catagory{color: #000;padding: 4%;font-size: 0.9em;height: 39vh}.service-icon{width: 20%;filter: invert(1)}.about-us h4{color: #cb90c5;font-weight: 600;margin: 20px 0}.about2-img .about-img{margin: -14% 0 -7% auto}article.col-md-6.item.-micro{width: 50%}article.col-md-6.item.-micro:nth-child(even){margin-top: 5%}.Contentmanager .site .col-section .item.-micro{padding: 0px 10px 20px}.Contentmanager .site .col-section .item.-micro a .image{width: 100%;border-radius: 20px 20px 0 0;background-color: #ffffff}.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 .caption{width: 100%;padding-left: 0;display: grid;grid-template-columns: auto 40px;padding: 20px 15px;align-items: center;border-radius: 0 0 20px 20px;background: #f5f5f5}.Contentmanager .site .col-section .item.-micro a .caption .title{margin-bottom: 0px;font-size: 1.4em;font-weight: 600;color: #303030;padding: 0 5% 0 0}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #303030}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 0px}.managerHeader{font-size: 2.6em;font-weight: 600;color: #303030;text-align: center}#Contentmanager .post-time{display: none}.page-header{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: 25px 0 5px;line-height: 1.3}.Textmanager.font-inherit h3{font-weight: 600;margin: 15px 0}.Textmanager.font-inherit h5{margin: 0}.Textmanager.font-inherit h6{font-size: 1.1em;font-weight: 600;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: 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: 20px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.CASS-H-main{background: transparent}.CASS-H-border article.col-md-6.item.-micro{width: 25%}#Component689d920f717d48001a06ccf9 .col-md-6.col-sm-6.col-xs-6:nth-child(even){margin-top: 5%}.text-contact{padding: 5% 0}.text-contact h3{font-size: 1.5em;line-height: 1.2;margin: 0 0 5px;font-weight: 600;color: #cb90c5}.contact-icon-img{filter: brightness(0) saturate(100%) invert(88%) sepia(88%) saturate(717%) hue-rotate(214deg) brightness(80%) contrast(98%);display: flex;width: 20%;gap: 10px}.contact-bg3 h4{font-weight: 600}.contact-bg3 iframe{height: 37.5vh;border-radius: 20px;margin: 20px 0 0}.line-contact{display: grid;grid-template-columns: 25% auto;align-items: center;gap: 20px}.no-js #Component689d8115b938ff0013b94f1d label{display: none !important}.no-js #Component689d8115b938ff0013b94f1d .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component689d8115b938ff0013b94f1d .form-control{border: 1px solid #e7e7e7;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: #fff;color: #000 !important}.no-js #Component689d8115b938ff0013b94f1d .form-control:hover{border: 1px solid #cb90c5}.no-js #Component689d8115b938ff0013b94f1d .form-control::placeholder{color: #000 !important}.no-js #Component689d8115b938ff0013b94f1d .form-control:focus{border: 1px solid #cb90c5;-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 #Component689d8115b938ff0013b94f1d .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #cb90c5;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #ff5400;border-radius: 50px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component689d8115b938ff0013b94f1d .btn-default:active{background: #cb90c5;color: #fff}.no-js #Component689d8115b938ff0013b94f1d .btn-default:hover,.no-js #Component689d8115b938ff0013b94f1d .btn-default:focus{background-position: 0 0px;background: #cb90c5;color: #fff}.no-js #Component689d8115b938ff0013b94f1d .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component689d8115b938ff0013b94f1d span.label{font-size: 0.85em;font-weight: 400}.no-js #Component689d8115b938ff0013b94f1d .ITPcheckboxAuthen{font-size: 0.95em;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: #cb90c5;border-color: #cb90c5}.pagination>li>a,.pagination>li>span{color: #cb90c5}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #cb90c5;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 21px}.container{width: 78vw}.CASS-D-border{margin: 0 5%}.CASS-D-middle-mid{padding: 0 6%}.itopplus-footer{font-size: 19px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.menu-align{padding: 10% 0 3%}#Component689d5bc2717d48001a06c15a .col-md-6.col-sm-6.col-xs-6:nth-child(2),#Component689d7e57717d48001a06c82a .col-md-6.col-sm-6.col-xs-6:nth-child(2){margin-top: 15%}.contact-bg3 iframe{height: 29.5vh}}@media only screen and (max-width:1191px){#itopPlusTheme{}body{font-size: 16px}.about-us{padding: 10% 0% 5% 5%}.about-us h3{font-size: 1.8em}.about-img{margin: -13% 0 -10% auto}.why-us{margin: 2% auto 5%}.why-bg{white-space: inherit;padding: 15%}.why-bg h1{font-size: 2em}figure.effect-sadie p{white-space: inherit;font-size: 0.6em}.service-icon{width: 15%}.service-catagory h4{white-space: inherit;font-size: 1.1em;margin: 5px 0}.itopplus-footer{font-size: 12px}.footer-block3{padding: 0 2% 0 0}.footer-block4{padding: 0 0 0 6%}.about2-img .about-img{margin: -10% 0 -7% auto}.contact-bg3 iframe{height: 45.5vh}}@media only screen and (max-width:900px){figure.effect-phoebe h2{font-size: 1.3em}.itopplus-footer .col-md-3.col-sm-6.col-xs-12.padding{width: 25%}.itopplus-footer{font-size: 10px}.about-us h3{font-size: 1.5em}.Contentmanager .site .col-section .item.-micro a .caption{grid-template-columns: auto 25px}.itopplus-bg{background-size: cover}.h2,h2,.managerHeader{font-size: 2.2em}.contact-bg3 iframe{height: 37vh}.line-contact{grid-template-columns: 22% auto}.contact-bg3 .follow-block{margin: 10px 0 0}.service-catagory{height: 25vh}}@media only screen and (max-width:480px){#imagesControl689d4df837a9ae001a3e0e2d{padding: 0 !important}.about-us{padding: 5% 0% 5% 0%}.about-img{width: 45%;margin: -10% 0 0% auto}.about-us h3{font-size: 1.4em}.h2,h2,.managerHeader{font-size: 2em}.h3,h3{font-size: 1.3em}.why-us{grid-template-columns: repeat(2,1fr);margin: 2% auto 10%}.why-bg{padding: 10%}.CASS-D-border{background-image: none !important;margin: 0 0%}.CASS-D-middle-mid{padding: 0 0%}.product-head{display: none}.product-head-mb{padding: 0 5% 2%}.product-head-mb .product-head-border{width: 50%;border-color: #303030}.bootstrap-collum .col-md-6.col-sm-6.col-xs-6{width: 100%}figure.effect-sadie p{font-size: 0.7em}.service-catagory h4{margin: 15px 0}.itopplus-footer .col-md-3.col-sm-6.col-xs-12.padding{width: 100%}.itopplus-footer{font-size: 14px}.footer-block1,.footer-block2{display: none}.footer-block4{padding: 0 0 0 0%}.footer-icon-img{width: 22%}figure.effect-phoebe h2{font-size: 1.1em;bottom: 10px}.CASS-H-border article.col-md-6.item.-micro{width: 100%}article.col-md-6.item.-micro:nth-child(even){margin-top: 0%}.Contentmanager .site .col-section .item.-micro a .caption{grid-template-columns: auto 10%}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 100%}.col-md-12.text-justify{padding: 0 10px}article.col-md-6.item.-micro{width: 100%}.text-contact h3{font-size: 1.4em}.contact-icon-img{width: 20%}.no-js #Component689d8115b938ff0013b94f1d .col-md-6{padding: 0 15px}.line-contact{display: flex;flex-direction: column-reverse;align-items: start}.line-contact-img{width: 35%}.service-catagory{height: inherit}}@media screen and (max-width: 480px){.Contenemanager-gallery{display: grid !important;grid-template-columns: repeat(2,1fr);gap: 20px}.Contenemanager-gallery > div{width: 100% !important;padding: 0 !important}.Contenemanager-gallery::before,.Contenemanager-gallery::after{display: none}}.unknown{position: fixed;bottom: 8% !important}.unknown_prf .btn-main,.unknown_prf:hover .btn-main{margin-bottom: 0 !important}