.itopplus-background{}body{font-size: 16px;overflow-x: hidden;color: #282828;font-family: "Outfit","LINE Seed Sans TH"}a{color: #282828}a:hover{color: #003b1e}b,strong{font-weight: 600}.itopplus-bg2{background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_280220245lhn/0/0/2z-z1484284335781.jpg");background-position: bottom;background-size: 100% auto}.navbar-default .navbar-nav > li > a{font-size: 0.9em;color: #fff;margin: 0 12px;padding: 8px 5px;border-radius: 0px;border-bottom: 2px 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: #fff !important;box-shadow: none;border-color: #fff;background: transparent;background-color: transparent}.dropdown-menu > li > a{font-size: 1.1em;color: #282828;padding: 8px 15px}.no-js .dropdown-menu > li > a:focus,.no-js .dropdown-menu > li > a:hover{color: #fff;background: #000}@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: #003b1e !important}#controlMenu *{color: #fff !important;border: none}#itpMenuSideBar span{background-color: #fff !important}.navbar-header > a::before{background-size: 30px;background-position: center}.navbar-header > a::after{background: transparent;border: 2px solid #fff}#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){.itopplus-banner > .container{display: grid;grid-template-columns: 18% auto;align-items: center}.no-js .itopplus-banner{position: sticky;top: 0;z-index: 110}.itopplus-banner{background: #000;transition: 0.3s}#controlBanner{object-fit: contain;padding: 10px;width: 40%;margin: 0 auto}#itopplus-nav-bar{display: flex;width: 100%;justify-content: end}}.h1,h1{font-size: 2.6em;font-weight: 600}.h2,h2{font-size: 2.3em;font-weight: 600}.h3,h3{font-size: 1.6em;font-weight: 600}.h4,h4{font-size: 1.2em;font-weight: 600}.h5,h5{font-size: 1.1em}.h6,h6{font-size: 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}.itopplus-footer h4{margin: 0px 0 10px;line-height: 1.8;font-size: 1.1em;font-weight: 400}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #b38646}.brands-menu-block{display: grid;grid-template-columns: repeat(2,1fr)}.footer-contact{display: grid;grid-template-columns: 18px auto;gap: 10px;align-items: center;margin-bottom: 10px}.footer-icon-img{width: 47%;display: flex;gap: 15px;margin: 20px 0 0}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{font-size: 0.9em}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #003b1e !important;color: #003b1e !important;font-family: "LINE Seed Sans TH" !important}.buttonExampleSite:hover{background: #003b1e !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%}.menu-align{text-align: center;padding: 5% 0 2%}.menu-align h2{font-family: "Outfit",sans-serif;font-weight: 400;letter-spacing: 4px;margin: 0;text-transform: uppercase}figure.effect-selena{background: transparent}figure.effect-selena img{opacity: 1}figure.effect-selena:hover img{transform: scale(0.9)}.grid figure h2{word-spacing: normal;font-weight: 300}figure.effect-selena h2{text-transform: none;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);color: #444444;font-size: 0.95em;position: absolute;left: 0;right: 0;bottom: 0}.brands-name{padding: 3% 0;border-bottom: 1px solid #b38646;width: 55%;margin: 0 auto}.effect-sadie{}figure.effect-sadie p{position: absolute;bottom: 0;left: 0;padding: 7em 0.5em 1em !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(0,0,0,.8) 100%);color: #000;text-transform: initial;font-size: 0.8em;text-align: center}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,0,0,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}.grid figure img{opacity: 1}.no-js figure.effect-sadie h2,.no-js figure.effect-sadie:hover h2{top: 71%;color: #ffffff;-webkit-transform: translate3d(0,0%,0);transform: translate3d(0,0%,0);font-size: 0.9em;text-transform: none;z-index: 1}figure.effect-sadie h2 h3{font-weight: 300;margin: 0 0 20px}.btn-more{background: #b38646;color: #fff;border: none;font-size: 14px;padding: 8px 20px;transition: 0.5s}.btn-more:hover,figure.effect-sadie:hover .btn-more,figure.effect-phoebe:hover .btn-more,article.col-md-6.item.-micro:hover .btn-more{background: #003b1e;color: #fff}#Component68198c38e9dc7f0013ca9c12{margin: 0 -10px}figure.effect-phoebe{background: transparent}figure.effect-phoebe h2{margin-top: 2em;-webkit-transform: translate3d(0,0px,0);transform: translate3d(0,0px,0);font-size: 1em;width: 50%;float: right}figure.effect-phoebe img{opacity: 1;transition: 0.5s}figure.effect-phoebe:hover img{opacity: 1;transform: scale(1.1)}.size-name .btn-more{margin-top: 15px}.size-name h4{margin: 0 0 5px;font-weight: 400;font-size: 1.3em}.padding-pd{padding: 2%}.about-icon-block{display: grid;grid-template-columns: repeat(4,1fr);padding: 5% 0}.about-icon{white-space: pre-line;text-align: center;padding: 0 2%;transition: 0.5s}.about-icon:hover{transform: scale(1.1)}.about-icon img{width: 35% !important;margin: 0 auto 30px}figure.effect-apollo{background: transparent}.buy-block{text-align: center;padding: 4% 0 28%;font-size: 1.1em}.buy-block h1{color: #003b1e;margin: 0 0 15px}.buy-block h3{background: #fff;color: #000;padding: 10px 20px;margin: 0 auto 15px;width: fit-content;text-transform: uppercase;font-weight: 300;letter-spacing: 3px}.buy-block h4{font-size: 1.3em;margin: 0}.buy-block h6{font-weight: 300;letter-spacing: 2px;margin: 10px 0 20px}.buy-contact{background: rgba(0,59,30,.8);color: #fff;text-align: center;padding: 15px 0}.buy-contact a{color: #fff}.buy-contact img{width: 3%;padding: 0 10px}.location-bg{background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_280220245lhn/0/0/Locationz-z159628313593.jpg);background-size: 100% auto;background-repeat: no-repeat;background-position: center;color: #fff;text-align: center;padding: 14% 0}.location-bg h3{font-weight: 300;margin: 0 0 15px;letter-spacing: 1px}.location-bg h5{white-space: pre-line;font-weight: 400;line-height: 1.3;margin: 0 0 25px}.btn-maps{background: #b38646;color: #fff;border: none;font-size: 14px;padding: 8px 15px;display: grid;grid-template-columns: 15px auto;align-items: center;gap: 10px;margin: 0 auto;transition: 0.5s}.btn-maps:hover{background: #fff;color: #000}.btn-maps img{transition: 0.5s}.btn-maps:hover img{filter: invert(10)}.col-section{}article.col-md-6.item.-micro{width: 25%}.Contentmanager .site .col-section .item.-micro{padding: 10px 10px 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: 0px solid #eee;border-radius: 0px}.Contentmanager .site .col-section .item.-micro a .caption{width: 100%;padding-left: 0;padding: 7% 0}.Contentmanager .site .col-section .item.-micro a .caption .title{font-size: 1em;font-weight: 300;color: #444444;padding: 0% 0%;text-align: center;height: 65px}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #003b1e}.Contentmanager .site .col-section .item.-micro a .post{display: none}.Contentmanager .site .col-section .item.-micro a .caption .time{text-align: center}h3.managerHeader{font-size: 2.3em;font-weight: 400;color: #282828;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;background-color: #013b1e;color: #fff;padding: 15px;text-align: center}.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: 25%;padding: 10px 15px 0}.contenemanager-gallery .thumbnail,.Contenemanager-gallery .thumbnail{padding: 0px;border: 0px solid #eee;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: 0px;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(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: 1px solid #eee;padding: 0px !important;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.social-share{top: 15px}.landingpagemanager{display: none}.col-section .row.flex{}.tag-img{position: absolute;top: 10px;width: 45%;float: right;right: 10px}.product-ul{font-weight: 400;text-align: left;list-style: none;padding: 0%;margin: 10px 0}.product-ul li{display: flex}.product-ul li span,.product-ul li strong{display: contents}.product-ul li::before{content: '✔';padding-right: 10px;color: #003b1e}.coming-soon{width: 80%;margin: 2% auto 5%}.contact-block{text-align: center;padding: 5% 0 0}.contact-block h2{margin: 0;color: #013b1e;font-weight: 400;letter-spacing: 2px}.contact-block h4{background: #b38646;color: #fff;padding: 15px;width: fit-content;margin: 15px auto 0}.contact-block h4 a{color: #fff}.contact-block h5{font-size: 1.2em;font-weight: 400;margin: 15px 0 0}.contact-icon-block{display: grid;grid-template-columns: repeat(4,1fr);padding: 5% 0}.contact-icon{text-align: center;padding: 0 10%;line-height: 1.2;transition: 0.5s}.contact-icon:hover{transform: translateY(-10px)}.contact-icon img{width: 40% !important;margin: 0 auto 20px}.text-contact{text-align: center;padding: 2% 0% 0}.text-contact h3{font-size: 1.5em;line-height: 1.2;color: #003b1e;margin: 0 0 5px}.contact-bg-text{line-height: 1.3}.contact-block2{display: grid;grid-template-columns: 50% 50%;gap: 10px;margin: 20px 0 0px;width: 98.5%}.contact-bg{display: grid;grid-template-columns: 52px auto;gap: 10px;align-items: center;background: #ffffff;border: 1px solid #eee}.contact-bg:hover{background: #f2ede2;color: #003b1e;border: 1px solid #f2ede2}.no-js #Component681afbea82ac8b0013b35b47 label{display: none !important}.no-js #Component681afbea82ac8b0013b35b47 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component681afbea82ac8b0013b35b47 .form-control{border: 1px solid #eee;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: 28px 20px;font-weight: 400;line-height: 1.5;background: #fff;color: #000 !important}.no-js #Component681afbea82ac8b0013b35b47 .form-control:hover{border: 1px solid #217911}.no-js #Component681afbea82ac8b0013b35b47 .form-control::placeholder{color: #000 !important}.no-js #Component681afbea82ac8b0013b35b47 .form-control:focus{border: 1px solid #217911;-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 #Component681afbea82ac8b0013b35b47 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #b38646;color: #fff;text-shadow: 0 0px 0 #3173ed;background-repeat: repeat-x;border-color: #6c5336;border-radius: 0px;padding: 10px 25px;font-size: 1em;font-weight: 400;border: 0px solid transparent}.no-js #Component681afbea82ac8b0013b35b47 .btn-default:active{background: #b38646;color: #fff}.no-js #Component681afbea82ac8b0013b35b47 .btn-default:hover,.no-js #Component681afbea82ac8b0013b35b47 .btn-default:focus{background-position: 0 0px;background: #b38646;color: #fff}.no-js #Component681afbea82ac8b0013b35b47 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component681afbea82ac8b0013b35b47 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component681afbea82ac8b0013b35b47 .ITPcheckboxAuthen{font-size: 1em;padding: 0 0 0 0%;margin-left: -3%}span#contactUsAcceptPolicyText2{display: block}#iframe681b01c3dcf5a50013a336da iframe{height: 191px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #217911;border-color: #217911}.pagination>li>a,.pagination>li>span{color: #217911}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #217911;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 20px}.container{width: 1440px}.dropdown-menu > li > a{font-size: 1.2em}.location-bg{padding: 15% 0}.btn-maps{font-size: 16px}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 80px}.buy-contact img{width: 2.5%}.buy-block{padding: 4% 0 35%}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.contact-bg{grid-template-columns: 53px auto}#iframe681b01c3dcf5a50013a336da iframe{height: 207px}}@media only screen and (max-width:1191px){.navbar-default .navbar-nav > li > a{margin: 0 7px}.brands-name{width: 70%}.no-js figure.effect-sadie h2,.no-js figure.effect-sadie:hover h2{top: 68%}figure.effect-phoebe h2{margin-top: 0em}.itopplus-bg2{background-size: cover}.about-icon{white-space: inherit;padding: 0 10%}.contact-bg-text{word-break: break-word}}@media only screen and (max-width:900px){.brands-name{width: 95%}.location-bg{background-size: cover}.no-js figure.effect-sadie h2,.no-js figure.effect-sadie:hover h2{top: 60%}.grid figure figcaption{padding: 0.7em}.tag-img{top: 5px}.Contentmanager .site .col-section .item.-micro a .caption .title{height: 90px}.buy-block{padding: 2% 0 28%;font-size: 1em}.buy-contact{font-size: 0.9em}.buy-contact img{width: 5%}.row-fluid [class*=col-sm-5fix],.uneditable-input[class*=col-sm-5fix],[class*=col-sm-5fix]{width: 20%}.copy-right{text-align: center}span#contactUsAcceptPolicyText2{display: inline}.contact-bg{grid-template-columns: 45px auto;gap: 5px}#iframe681b01c3dcf5a50013a336da iframe{height: 201px}}@media only screen and (max-width:480px){#imagesControl68198b938bfdb3001350f1c3{padding: 0 !important}#slider68198b938bfdb3001350f1c3{margin-bottom: -7px}.h1,h1{font-size: 2.5em}.h2,h2{font-size: 2em}.brands-name{width: 75%}.location-bg h5{white-space: inherit}.location-bg{padding: 14% 8%}.tag-img{top: 7px}.no-js figure.effect-sadie h2,.no-js figure.effect-sadie:hover h2{top: 62%}figure.effect-sadie h2 h3{font-size: 1.4em}#Component68198c38e9dc7f0013ca9c12{margin: 0 0px}.size-name{font-size: 0.9em}article.col-md-6.item.-micro{width: 50%}.buy-block{padding: 5% 0 28%;font-size: 0.9em}.buy-block h3{padding: 10px 5px;width: 100%;letter-spacing: 1px}.itopplus-bg2{background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_280220245lhn/0/0/bg2-mbz-z902285372974.jpg");background-size: cover}.buy-block h4{font-size: 1.1em}.buy-contact img{width: 10%}.buy-contact{font-size: 1em;padding: 15px 27px}.about-icon-block{grid-template-columns: repeat(2,1fr)}.about-icon{padding: 0 10% 15%}.about-icon img{width: 45% !important}#imagesControl68198c06e9dc7f0013ca9bf8,#imagesControl681b0bef82ac8b0013b35dea{padding: 10px 0 !important}.contact-icon-block{grid-template-columns: repeat(2,1fr)}.contact-block h4{width: 75%;line-height: 1.2}.contact-icon{word-break: break-word;padding: 0 5% 15%}h3.managerHeader{font-size: 1.8em}.col-md-6.pull-left,.col-md-6.pull-right{width: 100%;margin: 0 0% 0 0}.Textmanager.font-inherit{display: block}.contenemanager-gallery .col-xs-12.col-md-3,.Contenemanager-gallery .col-xs-6.col-md-3{width: 50%}.contact-block2{grid-template-columns: repeat(1,1fr);width: 100%}.contact-bg{grid-template-columns: 50px auto;gap: 10px}.no-js #Component681afbea82ac8b0013b35b47 .col-md-6{padding: 0 15px}.grid figure figcaption{padding: 0.9em}}@media only screen and (max-width:375px){.buy-block{font-size: 0.8em}.location-bg{padding: 14% 4%}.buy-block h4{font-size: 1.05em}.contact-block h4{width: 90%}.no-js figure.effect-sadie h2,.no-js figure.effect-sadie:hover h2{top: 55%}.grid figure figcaption{padding: 0.7em}}