.itopplus-background{}body{font-size: 16px;color: #231f20;overflow-x: hidden}.social-share{float: left;margin-left:-30px}a{color: #231f20}a:hover{color: #8bc63e}.itopplus-bg2{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023l5fn/0/0/2z-z991282881965.webp')}.itopplus-bg3{background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_20062023l5fn/0/0/3z-z1308070928845.webp');background-size: cover !important}.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{color: #fff !important;box-shadow: none;border-radius: none;background: transparent;background-color: transparent}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:focus,.navbar-default .navbar-nav>.open>a:hover{color: #fff;background-color: #000}.dropdown-menu{margin: 2px 0 0 5px}.dropdown-menu>li>a{font-size: 1.1em;color: #fff}.dropdown-menu{background: rgba(0,0,0,.5)}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color: #fff;background: rgba(0,0,0,.5)}@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: #231f20}.navbar-header{display: flex;flex-direction: row-reverse;padding: 0 10px}.itopplus-logo img{position: fixed;object-fit: contain;width: 70px !important;top: 8px;left: 15px}}@media screen and (min-width : 1024px){.navbar-default{background: transparent}#controlPosition{margin-top: 3%;text-align: right}#controlBanner{object-fit: contain;padding: 15px;width: auto}#itopplus-sticky-nav-bar{width: 100% !important;background: #231f20;padding: 1% 0}#itopplus-sticky-nav-bar div{float: none !important;text-align: center}header{position: sticky;top: 0;z-index: 105}.itopplus-banner{background-color: #231f20}}.h1,h1{font-size: 4em}.h2,h2{font-size: 3em}.h3,h3{font-size: 2.2em}.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 h3{font-family: 'DM Sans',sans-serif;margin: 0px 0 20px}.itopplus-footer h4{margin: 0 0 20px}.itopplus-footer a{color: #fff}.itopplus-footer a:hover{color: #8bc63e}.footer-icon-display{display: flex;gap: 10px;width: 65%;justify-content: center}.icon-img{transition: 0.5s}.icon-img:hover{transform: scale(1.1)}.copy-right{padding: 0 0 7%;font-size: 0.9em;text-align: center}.ITPcookiebar{width: 100% !important}.buttonExampleSite{border: 1px solid #8bc63e !important;color: #8bc63e !important;font-family: 'Noto Sans Thai',sans-serif !important}.buttonExampleSite:hover{background: #8bc63e !important;color: #ffffff !important}.ITP-pdpa-template-titleFont{font-size: 1.2em !important;color: #8bc63e;padding-bottom: 0rem !important}.ITP-pdpa-template-contentFont{font-size: 1em !important}.itpPDPALandingPage{padding: 4% 2%}.padding-pd{padding: 2%}.about-detail{white-space: pre-line;color: #595959;padding: 5% 11% 10% 3%}.about-detail h5{color: #231f20;font-family: 'DM Sans',sans-serif;font-size: 1.4em;font-weight: bold;margin: 0}.about-detail h2{color: #5ca038;font-weight: bold;margin: 15px 0 10px}.about-detail h4{color: #231f20;font-size: 1.4em;font-weight: 600;margin: 0 0 15px}.btn-more{background-color: transparent;color: #595959;border: 1px solid #595959;padding: 10px 20px;border-radius: 50px;transition: 0.5s}.btn-more:hover{background-color: #595959;color: #fff;border: 1px solid #595959}.btn-align{text-align: center;padding: 1% 0 5%}.highlight-head{text-align: center;padding: 27% 0 0}.highlight-head h1{font-weight: bold;margin: 0}.highlight-head h3{font-family: 'DM Sans',sans-serif;margin: 0}.highlight-icon{text-align: center;padding: 5% 0 !important;transition: 0.5s}.highlight-icon:hover{transform: scale(1.1)}.highlight-icon img{width: 60% !important;display: block;margin: 0 auto}.imageWidth.imageGallery{transform: scale(1.0);transition: 0.5s}.imageWidth.imageGallery:hover{transform: scale(1.1)}.imgLightbox{position: relative!important;overflow: hidden!important;width: 100%!important}.recommend-block-display{width: 100%;overflow-x: scroll;display: -webkit-inline-box}.recommend-block{width: 23%;margin: 0 13px 5%;text-align: center;transition: 0.5s}.recommend-block:hover{transform: scale(0.95)}.recommend-block img{margin: 0 0 20px}.menu-align{padding: 4% 0 1%;text-align: center}.menu-align h2{font-weight: 600;text-align: center}.menu-align h4{font-size: 1.3em;font-weight: 400}.product-name{text-align: center;padding: 10% 0;font-size: 1.2em}figure.effect-oscar{background: transparent}figure.effect-oscar figcaption{background-color: rgba(0,0,0,.3)}figure.effect-oscar:hover figcaption{background-color: rgba(139,198,62,.7)}figure.effect-oscar figcaption::before{border: 0px solid #fff}.grid figure h2{word-spacing: normal;font-weight: 400}figure.effect-oscar h2{margin: 0% 0 10px 0 !IMPORTANT;-webkit-transition: -webkit-transform .35s;transition: transform .35s;-webkit-transform: translate3d(0,100%,0);transform: translate3d(0,0%,0);font-size: 0.9em;text-align: left;position: absolute;bottom: 0;left: 0;right: 0;padding: 10px 20px;text-transform: none;line-height: 1.2}.template1 .caption{background-color: #ffffff;color: #595959;height: inherit !important;text-align: left;padding: 5%;font-size: 1.25em}.recommend-block-display::-webkit-scrollbar{width: 3px}.recommend-block-display::-webkit-scrollbar-track{background: #9a9a9a;border-radius: 10px}.recommend-block-display::-webkit-scrollbar-thumb{background: #8bc63e;border-radius: 10px}#slider65406cb0d094fa00137b6190{width: 83%;margin: 0 auto}.about-detail2{text-align: center;padding: 1% 3% 5%}.about-detail2 h3{margin: 0 0 20px}table.tj3{width: 100%;margin: 10px 0}table.tj3 td{border: 1px solid #eee;padding: 12px}.TabItpContentLandingPage6{background-color: transparent;padding: 0}.TabItpContentLandingPage6>ul{width: 100%;background-color: transparent;border-radius: 30px}.TabItpContentLandingPage6>ul>li>a{background-color: #eee !important;border-radius: 30px;margin-right: 5px;padding: 15px 0 !important}.TabItpContentLandingPage6>ul>li.active>a,.TabItpContentLandingPage6>ul>li>a:hover{background-color: #5ca038!important}.tab-itp-background{background-color: inherit;padding: 0% !important;margin-top: 2%;margin-bottom: 2%}.TabItpContentLandingPage6>ul>li>a>span{font-size: 1.05em !important}.tab-content{border: none !important;padding: 2% 0% 0 !important;background-color: #ffffff}.coming-soon{width: 80%;margin: 0 auto}article.col-md-6.item.-micro{width: 33.33%}.Contentmanager .site .col-section .item.-micro{padding: 0px 10px 20px}.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 #eee}.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}.Contentmanager .site .col-section .item.-micro a .caption .time{margin-bottom: 10px;font-size: 1em;color: #151515;text-align: center;display: none}.Contentmanager .site .col-section .item.-micro a .caption .title{margin-bottom: 10px;font-size: 1.1em;font-weight: 400;color: #151515;text-align: center;padding: 5% 0}.Contentmanager .site .col-section .item.-micro a:hover .caption .title{color: #151515}#Contentmanager .col-md-12.text-justify{padding-left: 0;padding-right: 0}h3.managerHeader{text-align: center;font-size: 3em;font-weight: 600}#Contentmanager .post-time{display: none}.page-header{border-bottom: 0px solid #eee}.col-md-6.pull-left{margin-left: -3%;margin-right: 2%}.Textmanager.font-inherit{text-align: left;display: flow-root}.Textmanager.font-inherit h2{font-weight: 600;margin: 0px 0 5px;font-size: 2em}.Textmanager.font-inherit h3{font-weight: 600;font-size: 1.5em;color: #5ca038}.Textmanager.font-inherit h4{margin: 10px 0 0px;font-weight: 600}.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(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;box-shadow: none !important;border-radius: 0px}.img-thumbnail{padding: 0px;border: 0px solid #ddd;border-radius: 0px}.social-icon{border-radius: 5px}.landingpagemanager{display: none}table.tj2{width: 100%;margin: 15px 0 0}table.tj2 td{border: 1px solid #eee;padding: 12px;text-align: center;font-size: 0.8em;color: #231f20}table.tj2 td h2{color: #231f20;font-size: 1.5em !important;margin: 0 !important}table.tj2 td h3{color: #231f20 !important;font-weight: 400 !IMPORTANT}.product-detail li::marker{color: #5ca038}.product-detail ul{margin: 10px 0 10px -10px}.Contentmanager .template1 .template-panel{padding-bottom: 51%}.social-share{position: absolute;margin-top: 221%;margin-left: -321%}.thumbnail{padding: 0px !IMPORTANT;background-color: #fff;border: 1px solid #ddd;border-radius: 20px}.thumbnail .imgLightbox{border-radius: 20px 20px 0 0}.promotion-block{padding: 7%}.promotion-block h3,.promotion-block2 h3{font-size: 1.4em;line-height: 1.2;margin: 0 0 15px}.promotion-block h4{margin: 15px 0;font-size: 1.4em}.promotion-block h4 span,.promotion-block2 h4 span{color: #8dc53f;font-size: 1.8em;font-weight: bold}.promotion-block2{color: #000}.promotion-block2 h4{margin: 0px 0 10px;font-size: 1em;line-height: 1}.promotion-block2 h4 span{color: #8dc53f;font-size: 1.8em;font-weight: bold}.contact-bg-block{padding: 1%;text-align: center}.contact-bg-block h3{font-weight: bold;margin: 0 0 5px;color: #5ca038}.contact-bg{background: #f9f9f9;border: 1px solid #eee;color: #231f20;border-radius: 50px;text-align: left;padding: 5px;transition: 0.5s}.contact-bg:hover{background: #8bc63e;color: #fff;border: 1px solid #8bc63e}.contact-bg:hover,.contact-bg:hover a{color: #fff}.contact-bg .media-body{padding: 5% 0 0 2%}.no-js #Component65407239d094fa00137b6359 label{display: none!important}.no-js #Component65407239d094fa00137b6359 .col-md-6{width: 100%;margin-left: auto;display: block;margin-right: auto;float: initial}.no-js #Component65407239d094fa00137b6359 .form-control{border: 1px solid #dbdbdb;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: 30px 20px;font-weight: 400;line-height: 1.5;background: #f9f9f9;color: #000!important}.no-js #Component65407239d094fa00137b6359 .form-control:hover{border: 1px solid #5ca038}.no-js #Component65407239d094fa00137b6359 .form-control:focus{border: 1px solid #5ca038;-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 #Component65407239d094fa00137b6359 .btn{background-image: -webkit-linear-gradient(top,#111f39 0,#111f39 100%);background-image: -o-linear-gradient(top,#f9a71f 0,#f9a71f 100%);background: #5ca038;color: #fff;text-shadow: 0 0px 0 #5ca038;background-repeat: repeat-x;border-color: #0000;border-radius: 50px;padding: 12px 25px;font-size: 0.9em;font-weight: 400;border: 0px solid transparent}.no-js #Component65407239d094fa00137b6359 .btn-default:active{background-color: #5ca038}.no-js #Component65407239d094fa00137b6359 .btn-default:hover,.no-js #Component65407239d094fa00137b6359 .btn-default:focus{background-position: 0 0px;background-color: #5ca038}.no-js #Component65407239d094fa00137b6359 .col-xs-12.col-sm-5.col-md-5.padding{width: 100%}.no-js #Component65407239d094fa00137b6359 span.label{font-size: 0.85em;font-weight: 400}.no-js #Component65407239d094fa00137b6359 .ITPcheckboxAuthen{font-size: 0.9em;padding: 0 0 0 0%}#iframe654079ca12f05a0013f90c63 iframe{height: 200px;border-radius: 10px;width: 95%;margin: 0 auto;display: block}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color: #5ca038;border-color: #5ca038}.pagination>li>a,.pagination>li>span{color: #5ca038}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color: #5ca038;background-color: #f7f7f7}@media only screen and (min-width : 1900px){body{font-size: 22px}.dropdown-menu>li>a{font-size: 1.4em}.about-detail{padding: 7% 11% 10% 3%}.recommend-block{margin: 0 15px 5%}figure.effect-oscar{margin-bottom: 8px !important}.template1 .caption{font-size: 1.6em}.itopplus-footer{font-size: 18px}.ITPcookiebar,.buttonExampleSite{font-size: 16px !important}.contact-bg-block{padding: 1% 0}.no-js #Component65407239d094fa00137b6359 .ITPcheckboxAuthen{font-size: 0.85em}.no-js #Component65407239d094fa00137b6359 .form-control{padding: 33px 20px}.TabItpContentLandingPage6>ul>li>a>span{font-size: 0.95em !important}.promotion-block{padding: 5%}}@media only screen and (max-width:1191px){.about-detail{white-space: inherit}.recommend-block{margin: 0 10px 5%}.itopplus-bg2,.itopplus-bg3{background-size: cover}figure.effect-oscar{margin-bottom: -3px !important}.template1 .caption{padding: 5% 2%;font-size: 1.15em}.contact-bg{font-size: 0.8em}.no-js #Component65407239d094fa00137b6359 .form-control{padding: 25px 20px}.no-js #Component65407239d094fa00137b6359 .btn{padding: 10px 25px}.footer-icon-display{width: 80%}.navbar-default .navbar-nav>li>a{padding: 10px 5px}.TabItpContentLandingPage6>ul>li>a{padding: 15px !important}}@media only screen and (max-width:900px){.about-detail h2{font-size: 2.4em}.highlight-head h1{font-size: 3em}figure.effect-oscar{margin-bottom: -13px !important}.col-md-6.pull-left,.col-md-8.col-md-offset-2.text-center{margin-left: 0;margin-right: 0;padding: 0}#Contentmanager .col-md-12.text-justify{padding-left: 10px;padding-right: 10px}.Textmanager.font-inherit{display: block}.table-responsive{border: 0px solid #ddd}.contact-bg-block h3{font-size: 2em}.contact-bg{font-size: 0.6em}.TabItpContentLandingPage6>ul{display: flex;justify-content: center}.Textmanager.font-inherit{padding: 0 20px}.promotion-block{padding: 9%}}@media only screen and (max-width:480px){#imagesControl653f8551bd7faa0012625853{padding: 0 !important}.highlight-head{padding: 7% 0 0}.highlight-icon{height: 180px}.h2,h2,h3.managerHeader{font-size: 2.4em}.recommend-block{width: 45%}figure.effect-oscar{margin-bottom: 0px !important}.template1 .caption{font-size: 1.3em}.col-section{padding: 0 5%}article.col-md-6.item.-micro{width: 100%}.contact-bg-block h3{font-size: 1.8em}.contact-bg{font-size: 1em;margin-bottom: 10px}.contact-bg-block p{margin: 0}.TabItpContentLandingPage6>ul{flex-direction: column}}