.itopplus-background{}body{overflow-x: hidden;font-family: "LINE Seed Sans TH";color: #231f20;font-size: 16px}a{color: #231f20}a:hover{color: #38d6c1}b,strong{font-weight: 600}.itopplus-bg{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_21032023hbwp/0/0/1z-z758191684581.webp');background-position: bottom}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_0210202341b3/0/0/2z-z107580890847.webp')}.itopplus-pos2{background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_21032023hbwp/0/0/1z-z758191684581.webp);background-size: 100% auto;background-repeat: no-repeat}.navbar-default .navbar-nav>li>a{font-size: 1em;color: #fff;margin: 0 5px;padding: 10px 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: #000 !important;box-shadow: none;border-radius: 30px;background: transparent;background-color: #fff}.dropdown-menu>li>a{font-size: 1.1em;color: #000}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: linear-gradient(90deg,rgba(34,187,200,1) 0%,rgba(62,221,191,1) 100%)}@media screen and (max-width : 992px){.navbar-default .navbar-toggle .icon-bar{background-color: #fff !important;color: #fff !important}#controlMenu,#controlMenu i,#controlMenu li a{color: #fff !important}.navbar-default{background: linear-gradient(38deg,rgba(34,187,200,1) 0%,rgba(62,221,191,1) 100%)}.navbar-header{display: flex;flex-direction: row-reverse;box-shadow: 0 0 0px 0 #ccc;padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 35px !important;top: 5px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 2%;text-align: right}#controlBanner{object-fit: contain;width: 35%}.itopplus-banner{position: sticky;top: 0;padding: 0.5% 4%;background: linear-gradient(to right,#22bbc8 0%,#3eddbf 100%);z-index: 999}.active-sticky{position: sticky;top: 0;background: linear-gradient(to right,#22bbc8 0%,#3eddbf 100%) !important;box-shadow: 0 0 3px 0 #ccc;animation: slide-down 0.7s}.active-sticky #controlBanner{width: 35%}.active-sticky #controlPosition{margin-top: 2%}}.h1,h1{font-size: 4.8em}.h2,h2{font-size: 3.6em}.h3,h3{font-size: 2.4em}.h4,h4{font-size: 1.2em}.boderedlayoutClient{border-top: 0px dashed transparent;border-left: 0px dashed transparent;border-right: 0px dashed transparent;border-bottom: 0px dashed transparent}.itopplus-footer{font-size: 14px}.itopplus-footer h2{font-size: 2.4em;font-family: 'DM Sans',sans-serif}.itopplus-footer h3{font-size: 2em;text-align: center;margin: 0;font-weight: 500}.itopplus-footer h4{font-size: 1.3em;margin: 0 0 20px}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #00ffd0}.qr-code{width: 50%;margin: 5% auto}.add-line{background-color: #fff;padding: 10px;border-radius: 50px;width: 50%;color: #000;display: flex;gap: 10px;justify-content: center;font-weight: 600;font-size: 1.3em;margin: 0 auto;transition: 0.5s}.add-line:hover{background-color: #08c656;color: #fff}.add-line-img{width: 15%}.add-line:hover img,.add-line-img:hover img{filter: brightness(3)}.contact-height{padding: 5% 0%;height: 110px}.contact-footer img{width: 75% !important}.contact-footer .media-body{padding: 13px 0 17px}.copy-right{padding: 3% 0;font-size: 0.9em;font-family: 'Outfit',sans-serif;font-weight: 300;border-top: 1px solid #fff}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #38d6c1 !important;color: #38d6c1 !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #38d6c1 !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #38d6c1;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2%}.padding-pd{padding: 3%}.padding-pd2{padding: 10%}.about-detail{padding: 0% 10%;font-size: 1.5em}.about-detail h1{font-weight: 500;margin: 0;color: #231f20;font-family: 'DM Sans',sans-serif;line-height: 1}.about-detail h2{color: #38d6c1;font-size: 1.8em;margin: 0;font-weight: 500}.about-detail h3{font-size: 1.3em;font-weight: 600;margin: 15px 0 5px}.about-detail img{width: 30% !important;margin: 4% 0}.btn-detail{font-size: 16px;font-weight: 500;text-align: center;transition: .5s;background-size: 200% auto !important;color: #fff;background: linear-gradient(90deg,rgba(34,187,200,1) 0%,rgba(48,204,195,1) 30%,rgba(73,255,221,1) 70%);border: none;padding: 6px 15px}.btn-detail:hover{background-position: right center;color: #fff;text-decoration: none}figure.effect-apollo{background: transparent}.menu-align{text-align: center;padding: 5% 0 1%}.menu-align h2{font-family: 'DM Sans',sans-serif}.product-img{width: 90%;margin: 0 auto;animation: hithere 2.5s ease infinite}@keyframes hithere{30%{transform: scale(1.05)}50%{transform: rotate(5deg) scale(1)}100%{transform: scale(1)}}.product-name{padding: 25% 10%}.product-name h2{font-weight: 600;font-size: 3.2em;margin: 0}.product-name h4{font-size: 1.9em;margin: 10px 0 30px}.about-block{padding: 5% 0;text-align: center;position: absolute;left: 0;right: 0;margin-top: 13em}.about-block h1{margin: 0;font-weight: 600}.year-bg{background: linear-gradient(38deg,rgba(34,187,200,1) 0%,rgba(62,221,191,1) 100%);color: #fff;font-size: 1.4em;width: 85%;margin: 4% auto 8%;padding: 13px 0;border-radius: 50px}.year-bg span{font-size: 1.5em;font-weight: 600;line-height: 1}.about-block-ul{text-align: left;margin: 0 auto 0 10%;font-size: 1.2em}.about-block-ul .media-body{padding: 3px 4px}.about-block-ul .col-md-2.col-sm-2.col-xs-2.padding{width: 12%}.about-block-ul .col-md-10.col-sm-10.col-xs-10.padding-col{width: 88%}.bg-img{margin-bottom: -4%}.delivery-icon-display{display: flex;justify-content: center;align-items: center;width: 80%;margin: 0% auto 10%;gap: 25px}.delivery-icon{width: 40%}.delivery-text{font-size: 1.2em;color: #fff}.delivery-text h2{font-size: 3em;font-weight: 600;margin: 0 0 10px}.coming-soon{width: 80%;margin: 0 auto}article.col-md-6.item.-micro{width: 27%;background-color: #fff;margin: 1% 3% 5%;border-radius: 30px;box-shadow: 0 8px 15px rgba(149,223,228,.6)}.Contentmanager .site .col-section .item.-micro{padding: 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;background-color: transparent;border: 0px solid #f2f2f2}.Contentmanager .site .col-section .item.-micro a .img-zoom:hover img{transform: scale(0.9)}.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: 5% 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 10px;font-size: 1em;color: #000;text-align: center;padding: 5% 0}.Contentmanager .site .col-section .item.-micro a .caption .time h4{font-size: 1.1em;line-height: 1.2;height: 65px}.Contentmanager .site .col-section .item.-micro a .caption .title{margin-bottom: 10px;font-size: 1.1em;font-weight: 400;color: #000;text-align: center;padding: 5% 5% 1%;height: 65px;display: none}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #38d6c1}h3.managerHeader{text-align: center;font-size: 2.8em;font-weight: 600;display: none}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{margin-left: -3%;margin-right: 2%;width: 54%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h2{font-weight: 600;margin: 0px 0 25px;font-size: 3em}.Textmanager.font-inherit h3{font-weight: 600;margin: 25px 0;color: #38d6c1}.Textmanager.font-inherit h4{margin: 10px 0 0px;font-weight: 500;font-size: 2em}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{padding: 10px 10px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #fff;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: 15px;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(0.9)}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;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.landingpagemanager .nav-template{display: grid;grid-template-columns: repeat(3,1fr)}.landingpagemanager .nav-template li a{display: flex;flex-direction: column}.landingpagemanager .nav-template .img-container{padding-bottom: 100%}.landingpagemanager .nav-template li,.landingpagemanager .nav-template li a div{width: 100%}.landingpagemanager .nav-template .col-md-12{margin-top: 0px !important}.landingpagemanager .maxHeight-TP5{max-height: initial;padding: 5% 0}.landingpagemanager .maxHeight-TP5 strong,.landingpagemanager .maxHeight-TP5 p{font-size: 1.5em;text-align: center;width: 100%;display: block;margin: 5px auto;height: 60px}article.col-md-6.item.-micro button{font-size: 16px;font-weight: 500;text-align: center;transition: .5s;background-size: 200% auto !important;color: #fff;background: linear-gradient(90deg,rgba(34,187,200,1) 0%,rgba(48,204,195,1) 30%,rgba(73,255,221,1) 70%);border: none;padding: 6px 15px}article.col-md-6.item.-micro:hover button{background-position: right center;color: #fff;text-decoration: none}.product-detail{padding: 15% 0 0}.promotion-detail{padding: 15% 0 0}.promotion-detail ul{margin-left: -20px}.promotion-detail h4{font-size: 1.8em !important}.contact-block .row{padding: 5px 0}.contact-block{margin-top: 10%}.contact-block h5{font-weight: 500;font-size: 1.5em}.contact-block .media-body{padding: 3% 0 0 0;height: 50px}.landingpagemanager .maxHeight-TP5 strong,.landingpagemanager .maxHeight-TP5 p strong{display: none}.landingpagemanager .maxHeight-TP5 strong,.landingpagemanager .maxHeight-TP5 p h4{font-size: 1em;margin-bottom: 5px}.nav-template li:hover{background-color: #fff}.about-detail2{white-space: pre-line;padding: 0 0 10% 10%}.about-detail2 h3{color: #38d6c1;font-weight: 600;margin: 0 0 15px;font-size: 2.2em;line-height: 1.2}.about-detail2 h4{font-size: 1.7em;font-weight: 600;margin: 20px 0 10px}.about-detail3{font-size: 1.2em;text-align: right;padding: 12% 10% 0 0}.about-detail3 h2{font-size: 1.9em;font-weight: 600;margin: 0 0 20px;white-space: pre-line;line-height: 1.2}.about-detail3 h4{font-size: 1.5em;font-weight: 500;margin: 30px 0 5px}.about-detail2-pd{padding: 12% 0 0}.about-detail4{padding: 15% 5% 0 0;margin-top: 2%;margin-bottom: 5%;text-align: right}.about-detail4 h3{font-size: 1.1em;line-height: 1.3;font-weight: 600;margin: 0 0 30px;text-align: left}.about-detail4 h4{color: #38d6c1;font-weight: 600;margin: 30px 0 5px}.about-detail4 img{width: 30% !IMPORTANT;margin: 0 auto 5%}.shop-bg{background-color: #e5f5f1;padding: 10% 0;text-align: center;transition: 0.5s}.shop-bg:hover{background-color: #d3f2ea}.shop-bg h4{font-weight: 600;margin: 0}.shop-bg img{width: 20% !important;margin: 0 auto 5%}.payment1{font-size: 1.4em;font-weight: 500;padding: 4% 0 0}.hvr-grow{transform: perspective(1px) translateZ(0);transition-duration: 0.3s;transition-property: transform;width: 100%;margin-bottom: 0px;font-size: 1em;background-color: #fff;box-shadow: 0px 0px 5px rgba(0,0,0,10%)}.hvr-grow:hover,.hvr-grow:focus,.hvr-grow:active{transform: scale(1.03)}.padpay1{padding-top: 2%}.text-contact{}.padding-contact{padding: 8px 0 15px}.text-contact h3{font-weight: 500;font-size: 2em}.no-js #Component6549facd18997f00126a4a64 label{display: none !important}.no-js #Component6549facd18997f00126a4a64 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component6549facd18997f00126a4a64 .form-control{border: 1px solid #dbdbdb;border-radius: 0px !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: 25px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component6549facd18997f00126a4a64 .form-control:hover{border: 1px solid #38d6c1}.no-js #Component6549facd18997f00126a4a64 .form-control:focus{border: 1px solid #38d6c1;-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 #Component6549facd18997f00126a4a64 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: linear-gradient(38deg,rgba(34,187,200,1) 0%,rgba(62,221,191,1) 100%);color: #fff;text-shadow: 0 0px 0 #5ca038;background-repeat: repeat-x;border-color: #0000;border-radius: 0px;padding: 10px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component6549facd18997f00126a4a64 .btn-default:active{background-color: #38d6c1}.no-js #Component6549facd18997f00126a4a64 .btn-default:hover,.no-js #Component6549facd18997f00126a4a64 .btn-default:focus{background-position: 0 0px;background-color: #38d6c1}.no-js #Component6549facd18997f00126a4a64 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component6549facd18997f00126a4a64 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component6549facd18997f00126a4a64 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe6549fb1512f05a0013f98a3c iframe{height: 295px}.contact-block-flex{display: grid;grid-template-columns: repeat(2,1fr);row-gap: 25px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #38d6c1;border-color: #38d6c1}.pagination>li>a,.pagination>li>span{color: #38d6c1}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #38d6c1;background-color: #f7f7f7}@media only screen and (min-width : 1024px){.landingpagemanager .maxHeight-TP5 strong,.landingpagemanager .maxHeight-TP5 p{height: auto}}@media only screen and (min-width : 1900px){body{font-size: 20px}.dropdown-menu>li>a{font-size: 1.4em}.btn-detail{font-size: 20px}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 80px}article.col-md-6.item.-micro button{font-size: 20px}.menu-align{padding: 8% 0 3%}.padding-pd{padding: 5%}.about-block{font-size: 1.3em}.product-name{padding: 30% 10%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !IMPORTANT}.padpay1{padding-top: 1%}.padding-contact{padding: 12px 0}#iframe6549fb1512f05a0013f98a3c iframe{height: 292px}}@media only screen and (max-width:1191px){.about-detail{font-size: 1.2em}.h1,h1{font-size: 3.8em}.about-detail h2{font-size: 1.5em}.product-name h2{font-size: 2.4em}.itopplus-bg{background-size: cover}.about-block{margin-top: 9em}.year-bg{width: 98%}.about-block-ul{margin: 0 auto 0 4%}.add-line{font-size: 1.2em}.about-detail3 h2{white-space: inherit}.about-detail2-pd{padding: 2% 0 0}.Textmanager.font-inherit h2{font-size: 2.6em}.Textmanager.font-inherit h4{font-size: 1.6em}.promotion-detail h4{font-size: 1.4em !important}.text-contact h3{font-size: 1.8em}.padding-contact{padding: 6px 0 17px}#iframe6549fb1512f05a0013f98a3c iframe{height: 362px}.about-detail2{white-space: inherit}.contact-block{font-size: 0.8em}}.social-footer{display: grid;grid-template-columns: repeat(3,1fr);gap: 15px;margin: 15px 0}.social-footer img{width: 75px;height: 75px}.social-footer-item{display: flex;align-items: center;gap: 20px}.social-footer-text{display: flex;flex-direction: column}@media only screen and (max-width:900px){.copy-right{border-top: 0px solid #fff;text-align: center}.about-detail{font-size: 1em}.product-name{padding: 25% 0 25% 10%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;height: 65px}.padding-pd2{padding: 4%}.about-block{margin-top: 0em}.year-bg{width: 100%;font-size: 1.1em}.about-block-ul{margin: 0px auto 0 0%;font-size: 1em}.text-contact h3{font-size: 1.5em}#iframe6549fb1512f05a0013f98a3c iframe{height: 343px}.delivery-text h2{font-size: 2em}.delivery-icon-display{width: 100%}.about-detail4{padding: 0% 5% 0 0}.Contentmanager .site .col-section .item.-micro a .caption .time h4{font-size: 1em}.col-md-6.pull-left{margin-left: 0;margin-right: 0;width: 100%}.Textmanager.font-inherit{text-align: left;display: block}.contact-block{font-size: 1em}.shop-bg{font-size: 0.9em}.social-footer{display: grid;grid-template-columns: repeat(2,1fr)}}@media only screen and (max-width:480px){.social-footer{display: grid;grid-template-columns: repeat(1,1fr)}.social-footer-item{gap: 0px}#imagesControl6548b84818997f00126a331e{padding: 0 !IMPORTANT}.about-detail{font-size: 1.2em;padding: 0% 0%}.h2,h2{font-size: 3em}article.col-md-6.item.-micro{width: 100%;margin: 1% 0 5%}.col-section{padding: 0 5%}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1.1em;height: inherit}#background6549a5ffd094fa00137bd52c .none-middle-mid{display: flex;flex-direction: column-reverse}.product-name{padding: 25% 0 25% 0%}.about-block{margin-top: 0em;position: relative}.year-bg{width: 90%}.about-block-ul{margin: 0px auto 0 5%;font-size: 1.1em}.itopplus-bg2{background-size: cover}.about-detail2{padding: 0 0 10% 0%}.about-detail3 h2{font-size: 1.5em}.col-md-6.pull-left{margin-left: 0;margin-right: 0;width: 100%;padding: 0}.Textmanager.font-inherit{display: block}.padpay1{padding-top: 5%}.padding-contact{padding: 15px 0}.no-js #Component6549facd18997f00126a4a64 .col-md-6{padding: 0 15px}.Contentmanager .site .col-section .item.-micro a .caption .time h4{font-size: 1.1em}.delivery-icon-display{flex-direction: column;text-align: center;margin: 0% auto 35%}.delivery-icon{width: 30%}.delivery-text h2{font-size: 1.5em}.about-detail3{font-size: 1em}.about-detail2 h3{font-size: 1.7em}.itopplus-pos2{background-position: 50% 180%}.contact-block-flex{grid-template-columns: repeat(1,1fr);row-gap: 15px}}.delivery-icon-display{background: #fff;padding: 5% 7%;border-radius: 30px;box-shadow: 3px 3px 10px 0 #aaa}.delivery-text,.delivery-text h2{background: linear-gradient(to right,#22bbc8 0%,#3eddbf 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1.5}.delivery-icon img{filter: brightness(0) saturate(100%) invert(57%) sepia(85%) saturate(397%) hue-rotate(136deg) brightness(92%) contrast(93%)}.social-footer-text:not(.social-footer-text>a.link){font-weight: 600}