.itopplus-background{}body{overflow-x: hidden;color: #444;font-family: "LINE Seed Sans TH"}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_260120250s70/0/0/2z-z857152115596.jpg")}.itopplus-footer{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_260120250s70/0/0/fz-z52810033436.jpg")}.navbar-default .navbar-nav > li > a{color: #231f20;margin: 0;padding: 8px 15px;border-radius: none}.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: #231f20 !important;box-shadow: none;border-color: transparent;background: transparent;background-color: transparent}.dropdown-menu > li > a{color: #231f20}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #231f20;background: transparent}@media screen and (max-width: 992px){#controlBanner img{position: fixed;top: 10px;left: 10px;width: 75px !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){.itopplus-banner .container{display: grid;grid-template-columns: 20% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #fff;transition: 0.3s}.itopplus-sticky{background: #fff !important}#controlBanner{object-fit: contain;padding: 15px 0;width: clamp(120px,12vw,160px);margin: 0}#nav-menu{display: grid;justify-content: end;background: transparent;min-height: auto}}@media screen and (min-width: 1366px){}@media screen and (min-width: 1900px){}@media screen and (max-width: 900px){}@media screen and (max-width: 480px){}.navbar-default .navbar-nav>li>a{font-size: 16px}h1{font-size: 4.125em}h2{font-size: 3.2em}h3{font-size: 2.8em}h4,h3.managerHeader{font-size: 2.4em}h5{font-size: 2em}h6{font-size: 1.6em}p,.product-detail li::marker,.table-product>tbody>tr>td{font-size: 16px}.img-mog h6,ul.how-work h6,.product-detail li h6{font-size: 20px}.pre-article h6,.table-product>thead>tr>th,.text-product h6{font-size: 18px}.btn-more,.btn-maps,div#Component67c55c7b7eb3dd0013674e44 button{font-size: 14px}.pt-3{padding-top:3%}.pt-5{padding-top:5%}.pt-8{padding-top:8%}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height: inherit}#background67c51cb4ac41820013cddbb3 .carousel-control{display: none}#background67c51cb4ac41820013cddbb3 .carousel-indicators.hidden{display: block !important;visibility: visible !important}#background67c51cb4ac41820013cddbb3 .carousel-indicators .active{width: 12px !important;height: 12px !important;background-color: #fff !important;border-color: #fff}#background67c51cb4ac41820013cddbb3 .carousel-indicators li{width: 12px !important;height: 12px !important;background-color: transparent !important;border-color: #fff;margin: 0 3px !important}.text-blue,h3.managerHeader{color: #0d5284}.img-mog img{background: #fff;padding: 7%;border-radius: 20px;box-shadow: 0 4px 8px rgb(0,0,0,0.1)}.img-mog{display: grid;grid-template-columns: 22% auto;align-items: end;gap: 20px;position: relative;padding-left: 5%;margin-top: -40px}.fw-semi,.table-product>thead>tr>th,h3.managerHeader,.article-detail h5,.article-detail h6,.contact-page h4{font-weight: 600}.sect-about{padding-top: 12%;padding-left: 8%;color: #404447}.sect-about h6,.sect-why h6,.sect-service h6,.head-page h6,.about-page h5{font-family: "Bebas Neue",sans-serif}.sect-about h4,.sect-why h3,.sect-service h4,.head-page h3,.about-page h4,.product-detail h6{margin-top: 0;font-weight: 600}.sect-about h6,.sect-service h6,.head-page h6,.about-page h4,.about-page h4{margin-bottom: 0}.sect-about h6,.sect-why h6,.sect-service h6,.head-page h6,.about-page h5{color: #0472c1}.sect-about p,.sect-service p,.about-page p,.product-detail p,.article-detail p{line-height: 24px}.btn-more{width: fit-content;background: #0472c1;padding: 1rem 2rem;color: #fff;border-radius: 30px;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden}.sect-why,.head-page,ul.test-mog li,h3.managerHeader{text-align: center}.icon-why{width: 45%;margin: auto;margin-bottom: 4%}.blog-why p{padding-left: 27%}figure.effect-jazz figcaption::after,.dropdown-menu,.CASS-A-middle-right,.CASS-A-middle-left,.CASS-A-bottom,.CASS-A-top{border: none}.CASS-A-main{box-shadow: none}figure.effect-jazz{background: transparent}div#background67c5239cd4b5fa0013f62351 figure{border-radius: 0 0 0 160px}.sect-service{padding-top: 15%;padding-left: 10%}.footer p.fw-semi{min-height: 30px}.btn-maps{display: grid;grid-template-columns: 20px auto;align-items: center;gap: 5px;border: 1px solid #fff;width: fit-content;padding: 0.75rem 1rem;border-radius: 30px;color: #fff;transition: all 0.2s ease-out}.copy-right{text-align: center;margin-top: 2%}.logo-footer{width: 40%;margin: auto}.footer a{color: #fff}.btn-all .btn-more{margin: auto}.sect-why,.head-page{margin-bottom: 2%}.template1{display: grid;grid-template-columns: repeat(4,1fr);gap: 20px}div#Contentmanager .col-md-4.col-sm-4.col-xs-12{width: 100%;padding: 0 !important;background: #fff;border-radius: 0 0 20px 20px;transition: transform 0.2s ease-out}.Contentmanager .template1 .template-panel{padding-bottom: 78%}.pre-article{text-align: left;padding: 5% 5% 6%;color: #231f20;position: relative;padding-right: 15%}.Text_seller2,.post-time,.landingpagemanager,div#background67c52da9d4b5fa0013f6251f .pagination,figure.effect-jazz p{display: none}.social-icon{border-radius: 5px}.btn-right img{width: 30px !important}.pre-article h6{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 58px;margin: 0}.btn-right{position: absolute;right: 12px;bottom: 12px}.sect-about h4,.sect-service h4,.about-page h5{margin-bottom: 3%}.sect-about p,.sect-service p,.about-page p{margin-bottom: 5%}.about-page{padding-top: 3%;padding-left: 8%}.pe-5{padding-left: 5%}.ps-5{padding-right: 5%}ul.how-work li{display: grid;grid-template-columns: 12% auto;align-items: center;margin-bottom: 2%;gap: 20px}ul.how-work{list-style: none;padding: 0;margin-top: 3%}.product-detail li{margin-bottom: 1rem}.product-detail h6{margin-bottom: 1rem;margin-top: 2rem}.product-detail ul,.product-detail ol,.article-detail p{margin-bottom: 2rem}ul.how-work h6,.product-detail li h6{margin-top: 0;margin-bottom: 0.5rem}.table-product>thead>tr>th,.table-product>tbody>tr>td{border: none;text-align: center;vertical-align: middle !important;padding: 1%}.table-product>thead>tr>th{border: 1px solid #889dc7}.table-product>tbody>tr{background: #fff}.table-product>tbody>tr:nth-child(even){background: #f5f5f7}.table-product>thead{background: #0472c1;color: #fff}ul.test-mog{list-style: none;padding: 0;display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;margin-top: 3%}ul.test-mog li img{width: 30% !important;margin-bottom: 2%}.page-header{padding-bottom: 0;margin: 3% 0 0;border-bottom: none}.Textmanager{display: flow-root;text-align: left}div#Contentmanager .img-thumbnail,div#Contentmanager .thumbnail{padding: 0;border: none;box-shadow: none}.contact-page li p{margin: 1% 0}.contact-page li{display: grid;grid-template-columns: 38px auto;align-items: baseline;gap: 10px;margin-bottom: 2%}.contact-page ul{list-style: none;padding: 0;margin-top: 4%}div#Component67c55c7b7eb3dd0013674e44{background: #fff;padding: 5%;box-shadow: 0 4px 8px rgb(0,0,0,0.1)}div#Component67c55c7b7eb3dd0013674e44 .col-xs-12.col-sm-3.col-md-3{display: none !important}div#Component67c55c7b7eb3dd0013674e44 .col-xs-12.col-sm-6.col-md-6{width: 100%}div#Component67c55c7b7eb3dd0013674e44 .form-control{box-shadow: none;border: none;border-radius: 0;border-bottom: 2px dashed #ddd;height: 45px}div#Component67c55c7b7eb3dd0013674e44 .col-md-offset-3{margin: 0;text-align: center;width: 100%;margin-top: 3%}div#Component67c55c7b7eb3dd0013674e44 button{background: #0472c1;text-shadow: none;color: #fff;border: none;padding: 0.75rem 2rem;border-radius: 30px;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0,0,0,0);position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;overflow: hidden}.contact-page{padding-top: 5%}.contact-page a{color: #444}figure.effect-jazz h2{padding-top: 0;-webkit-transition: inherit;transition: inherit}.grid figure h2{word-spacing: 0;font-weight: unset}figure.effect-jazz h2,figure.effect-jazz p{opacity: 1;-webkit-transform: inherit;transform: inherit}div#background67c561f8d4b5fa0013f62d48 figcaption{padding: 0;position: relative;text-transform: none;background: transparent}.text-product{color: #404447;text-align: left;padding: 6% 5% 8%;position: relative;display: flex;justify-content: space-between;align-items: center;gap: 5px}.arr-right img{width: 28px !important}div#background67c561f8d4b5fa0013f62d48 figure{background: #fff;border-radius: 0 0 20px 20px}div#background67c561f8d4b5fa0013f62d48 .imgLightbox,div#Contentmanager .img-container{overflow: hidden}.text-product h6{margin: 0}.btn-more::before,div#Component67c55c7b7eb3dd0013674e44 button::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #404447;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out}.icon-why img,.btn-right img,div#Contentmanager .col-md-4.col-sm-4.col-xs-12 .img,.contact-page li img,ul.how-work li img,.product-detail li img{transition: transform 0.2s ease-out}.ITPcookiebar{width: 100% !important;background-color: #544e4e75 !important;color: #fff}.buttonExampleSite{border-radius: 5rem !important;border: 1px solid #544e4e75 !important;color: #171717 !important}.buttonExampleSite:hover{background: #0472c1 !important;color: #ffffff !important}.ITPlinkToCookiepage:hover{color:#0472c1 !important}.itpPDPALandingPage,.ITP-pdpa-template-contentFont{font-size: 16px !important;margin-bottom: 3% !important}.itpPDPALandingPage{margin-top: 3%}.ITP-pdpa-template-titleFont{font-size: 20px !important;font-weight: 600 !important}.ITP-pdpa-template-contentFont{line-height: 28px}.CASS-A-middle-mid{padding: 0}.marquee img{width: 110px;margin-right: 20px;border-radius: 15px}div#background684a6fcad3e16a00136b4110 figcaption{padding: 0;position: relative;text-transform: none;color: #fff;text-align: center}.text-slogan h6{font-size: 18px}.text-slogan{background: #0472c1;padding: 2%}div#background684a6fcad3e16a00136b4110 figure:hover .text-slogan{background: #ffbf11}@media screen and (min-width: 1900px){.navbar-default .navbar-nav>li>a{font-size: 20px}h1{font-size: 4.625em}h2{font-size: 3.6em}h3{font-size: 3.2em}h4,h3.managerHeader{font-size: 2.8em}h5{font-size: 2.4em}h6{font-size: 2em}p,.product-detail li::marker,.table-product>tbody>tr>td{font-size: 20px}.img-mog h6,ul.how-work h6,.product-detail li h6{font-size: 24px}.pre-article h6,.table-product>thead>tr>th,.text-product h6,.text-slogan h6{font-size: 22px}.btn-more,.btn-maps,div#Component67c55c7b7eb3dd0013674e44 button{font-size: 18px}.sect-about p,.sect-service p,.about-page p,.product-detail p,.article-detail p{line-height: 30px}.img-mog{margin-top: -65px}.icon-why{width: 40%}.blog-why p{padding-left: 30%}.pre-article h6{height: 67px}.btn-right{right: 15px;bottom: 15px}.btn-right img{width: 35px !important}.about-page{padding-top: 6%}.arr-right img{width: 35px !important}.product-detail.pe-5,.article-detail.pe-5{padding-top: 5%}div#Component67c55c7b7eb3dd0013674e44 .form-control{font-size: 16px !important;margin-bottom: 1rem}.ITP-pdpa-template-titleFont{font-size: 24px !important}.ITP-pdpa-template-contentFont{line-height: 32px;font-size: 18px !important}}@media screen and (max-width: 1366px){}@media screen and (max-width: 1200px){h1{font-size: 3.8em}h2{font-size: 2.8em}h3{font-size: 2.4em}h4,h3.managerHeader{font-size: 2em}h5{font-size: 1.8em}h6{font-size: 1.5em}.img-mog h6,ul.how-work h6,.product-detail li h6{font-size: 18px}.img-mog{padding-left: 2%;margin-top: -30px}.pre-article h6,.table-product>thead>tr>th,.text-product h6{font-size: 16px}.sect-service{padding-top: 12%}.pre-article h6{height: 48px}.about-page{padding-top: 0}.product-detail.pt-5,.article-detail.pt-5{padding-top: 0}.contact-page li{grid-template-columns: 35px auto}}@media screen and (min-width: 1024px){.footer a:hover,.contact-page a:hover{color: #0472c1}div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .pre-article,div#background67c561f8d4b5fa0013f62d48 figure:hover .text-product{color: #fff}.table-product>tbody>tr:hover,.btn-maps:hover{background: #0472c1;color: #fff}.btn-more:hover::before,div#Component67c55c7b7eb3dd0013674e44 button:hover::before{-webkit-transform: scaleX(1);transform: scaleX(1)}.blog-why:hover .icon-why img,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .img,div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-right img,.contact-page li:hover img,ul.how-work li:hover img,.product-detail li:hover img{transform: scale(1.05)}div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover .btn-right img,div#background67c561f8d4b5fa0013f62d48 figure:hover .arr-right img{filter: brightness(0) saturate(100%) invert(99%) sepia(7%) saturate(488%) hue-rotate(236deg) brightness(121%) contrast(100%)}figure.effect-jazz:hover img{opacity: 1 !important}div#Contentmanager .col-md-4.col-sm-4.col-xs-12:hover,div#background67c561f8d4b5fa0013f62d48 figure:hover{background: #0472c1}.btn-maps:hover{border-color: #0472c1}div#background67efb806ca1ba300132ac162{display: none}}@media screen and (max-width: 900px){h1{font-size: 40px}h2{font-size: 36px}h3{font-size: 32px}h4,h3.managerHeader{font-size: 26px}h5{font-size: 24px}h6{font-size: 20px}br,div#contentnewmode67c11ff97f1bf500135a18f8{display: none}.copy-right{margin: 0}.sect-about{padding-top: 5%}.img-mog{grid-template-columns: 20% auto;margin-top: -20px}.img-mog h6{font-size: 14px}div#background67c521727f1bf500135a35ee .col-md-3.col-sm-6.col-xs-12,div#background67c561f8d4b5fa0013f62d48 .col-md-3.col-sm-4.col-xs-4{width: 25%}.blog-why p{padding-left: 18%}.icon-why{width: 50%}div#background67c5239cd4b5fa0013f62351 figure{border-radius: 0 0 0 120px}.sect-service{padding-top: 0}div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right{width: 100%;float: none !important}div#Contentmanager .col-md-12.text-justify{padding: 0 2%}.article-detail.pe-5{padding-left: 0}.article-detail.ps-5{padding-right: 0}div#Contentmanager .clearfix{margin: 0 !important}.btn-right img,.arr-right img{width: 25px !important}div#background67c57cbc2d4a3f00138a640d,div#background67c57d112d4a3f00138a641a{display: none}}@media screen and (max-width: 480px){div#imagesControl67c51cb4ac41820013cddbb3,div#imagesControl67c528a27eb3dd001367441c,div#imagesControl67c561f8d4b5fa0013f62d48,div#imagesControl67c54521f3f31200136487df,div#imagesControl67c57cbc2d4a3f00138a640d,div#imagesControl67c55575d4b5fa0013f62b45,div#imagesControl67c54a807f1bf500135a3cda,div#imagesControl67c57d112d4a3f00138a641a,div#imagesControl67c55702ac41820013cde4a0,div#imagesControl67c534ee7eb3dd00136748ec,.article-detail .col-md-4.col-sm-4,div#imagesControl67efb806ca1ba300132ac162{padding: 0 !important}div#imagesControl67c51cb4ac41820013cddbb3{margin-bottom: -5px}.img-mog h6{margin: 0}.img-mog{gap: 10px;grid-template-columns: 25% auto;margin-top: -15px}.img-about,.contact-page ul{margin-bottom: 8%}.sect-about,.sect-service,.about-page,.table-responsive.pt-5,div#Contentmanager .col-md-6.pull-left,div#Contentmanager .col-md-6.pull-right,.contact-page,div#imagesControl684a6fcad3e16a00136b4110{padding: 0}h1{font-size: 36px}h2{font-size: 32px}h3{font-size: 28px}h4,h3.managerHeader{font-size: 24px}h5{font-size: 20px}h6{font-size: 18px}div#background67c521727f1bf500135a35ee .col-md-3.col-sm-6.col-xs-12,div#background67c561f8d4b5fa0013f62d48 .col-md-3.col-sm-4.col-xs-4,div#background67c561f8d4b5fa0013f62d48 .col-md-3.col-sm-4.col-xs-12{width: 50%}.blog-why p{padding-left: 0;text-align: center}div#background67c5239cd4b5fa0013f62351 .imgLightbox img{border-radius: 0 0 0 100px}.sect-why.pt-5{padding-top: 12%}.template1{grid-template-columns: repeat(2,1fr)}.btn-right{right: 6px;bottom: 10px}.text-product{padding: 0% 5% 3%}.head-page,.contact-page li{margin-bottom: 5%}.pe-5{padding-left: 0}.ps-5{padding-right: 0}div#contentnewmode67c54547ac41820013cde160,div#contentnewmode67c5455cac41820013cde175{display: none}div#background67c57cbc2d4a3f00138a640d,div#background67c57d112d4a3f00138a641a{display: block}ul.how-work li{grid-template-columns: 20% auto;gap: 15px;margin-bottom: 5%}ul.test-mog{grid-template-columns: repeat(1,1fr);margin-top: 6%}ul.test-mog li img{width: 100% !important;margin-bottom: 0}ul.test-mog li{display: grid;grid-template-columns: 20% auto;text-align: left;gap: 15px}.product-detail h6.text-blue{font-size: 20px !important}.social-share{top: 0}.ITPcookiebar{padding: 3% 2%;display: flex !important}.ITPcookieLeftText{float: unset !important;padding-left: 0 !important;padding-top: 0 !important}.ITPcookieButton{float: unset !important;padding-right: 0 !important;padding-top: 0 !important}.ITPcookieLeftText span{font-size: 12px}div#cookie67c55c7b7eb3dd0013674e44{padding-bottom: 10%;padding-top: 5%}div#Component67efb806ca1ba300132ac162{margin-bottom: -5px}div#background67efb806ca1ba300132ac162{display: block}.text-slogan{padding: 4%}.text-slogan h6{font-size: 16px}}