@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Noto+Sans+Thai:wght@100..900&family=Signika+Negative:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap";.btn-info,.btn-primary,.btn-success,.btn-danger,.MEM_BTN,.btn-buy,.cart_list .btn,.news_more,.NP-Buttons .next,.NP-Buttons .previous,.btn-muted,.btn-warning,.closePopup{font-size:15px;letter-spacing:.2rem;padding:.8rem 1.6rem;line-height:1.42857143;height:40px !important;color:#fff;border:1px solid var(--primary-default);background-color:var(--primary-default);transition:all .3s ease-in-out}.btn-info:hover,.btn-primary:hover,.btn-success:hover,.btn-danger:hover,.MEM_BTN:hover,.btn-buy:hover,.cart_list .btn:hover,.news_more:hover,.NP-Buttons .next:hover,.NP-Buttons .previous:hover,.btn-muted:hover,.btn-warning:hover,.closePopup:hover,.btn-info:focus,.btn-primary:focus,.btn-success:focus,.btn-danger:focus,.MEM_BTN:focus,.btn-buy:focus,.cart_list .btn:focus,.news_more:focus,.NP-Buttons .next:focus,.NP-Buttons .previous:focus,.btn-muted:focus,.btn-warning:focus,.closePopup:focus{color:#fff;background-color:var(--primary-dark) !important;border:1px solid var(--primary-dark) !important;text-decoration:none}.content,#category_descr,.article-content,.pd_descr{font-size:17px;line-height:32px;letter-spacing:.6px}:root{--primary-default: #7eb520;--primary-dark: #557b14;--sub-default: #f3e8cf;--sub-dark: #dbba6e;--color-gray: #232429;--color-gray-900: #393a3f;--color-gray-800: #55565b;--color-gray-700: #75767b;--color-gray-600: #828388;--color-gray-500: #919297;--color-gray-400: #adaeb3;--color-gray-300: #c1c2c7;--color-gray-200: #d3d4d9;--color-gray-100: #dedfe4;--color-gray-050: #f3f4f9;--color-gray-025: #f9faff;--inquiry-default: rgb(255, 153, 0);--inquiry-dark: rgb(255, 202, 26)}body{font-family:"Kanit","Noto Sans Thai","Noto Sans TC" !important}@keyframes s-fadeInup{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes s-fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}@keyframes float{0%{top:0px}25%{top:2px}50%{top:0px}75%{top:-2px}100%{top:0}}@keyframes float-transform{0%{transform:translateY(0px)}25%{transform:translateY(2px)}50%{transform:translateY(0px)}75%{transform:translateY(-2px)}100%{transform:translateY(0)}}@keyframes zoomInOut{0%{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(0.9)}75%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes translateY-100-0{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes translateX--100-0{0%{transform:translateX(-100%)}100%{transform:translateX(0px)}}@keyframes scale-0-1{0%{transform:scale(0)}60%{transform:scale(1.2)}100%{transform:scale(1)}}@keyframes scale{0%{transform:scale(1)}80%,100%{transform:scale(0)}}@keyframes scaleY{0%{transform:scaleY(1)}80%,100%{transform:scaleY(0)}}@keyframes shake{0%{transform:rotate(0deg)}20%{transform:rotate(-5deg)}40%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}100%{transform:rotate(0deg)}}@keyframes maskX-0-100{0%{-webkit-mask-position:0% 0;mask-position:0% 0}100%{-webkit-mask-position:100% 0%;mask-position:100% 0%}}@keyframes maskX-100-0{0%{-webkit-mask-position:100% 0;mask-position:100% 0}100%{-webkit-mask-position:0% 0%;mask-position:0% 0%}}@keyframes maskY-0-100{0%{-webkit-mask-position:0% 0;mask-position:0% 0}100%{-webkit-mask-position:0% 100%;mask-position:0% 100%}}@keyframes maskY-100-0{0%{-webkit-mask-position:0% 100%;mask-position:0% 100%}100%{-webkit-mask-position:0% 0%;mask-position:0% 0%}}@keyframes width-0-100{0%{width:0%}50%{width:100%}100%{width:100%}}@keyframes wh-0-100{0%{width:0%;height:0%}100%{width:100%;height:100%}}@keyframes wh-100-0{0%{width:100%;height:100%}100%{width:0%;height:0%}}@keyframes opacity{0%{opacity:0}40%,100%{opacity:1}}@keyframes opacity-0-100{0%{opacity:0}100%{opacity:100%}}@keyframes opacity-100-0{0%{opacity:100%}80%{opacity:50%}100%{opacity:0}}@keyframes navbar_fadeInup{0%{opacity:0;transform:translate(-50%, 20px)}100%{opacity:1;transform:translate(-50%, 0)}}.navbar{position:fixed;top:3.6rem;left:50%;transform:translate(-50%, 20px);z-index:999;width:calc(90% - 3.2rem);max-width:1600px;background:hsla(0,0%,100%,.6784313725);backdrop-filter:blur(8px);border-radius:5rem;transition:all .3s ease-in-out;animation:navbar_fadeInup .8s linear forwards}.navbar.scroll{top:1.6rem;border:1px solid var(--color-gray-600)}.menu{padding:1.6rem 4rem}.menu ul{flex:1;gap:.8rem}@media(max-width: 1199px){.menu ul{gap:.4rem}}.menu-item{overflow:hidden;display:flex;flex-direction:column;align-items:center}.menu-item a{color:#252525;overflow:hidden;padding:.4rem 1.6rem;letter-spacing:.2rem;transition:all .3s ease-in-out;display:flex}.menu-item a h5{font-size:16px;text-align:center;margin:0;transition:all .3s ease-in-out}@media(max-width: 1399px){.menu-item a{padding:.4rem .8rem}}@media(max-width: 1399px){.menu-item a{padding:.4rem .4rem}.menu-item a h5{font-size:14px}}.menu-item a:hover,.menu-item a:focus{text-decoration:none}.menu-item a:hover h5,.menu-item a:focus h5{color:var(--primary-dark);transform:translateY(-5px)}.menu-item a:hover .fa-search,.menu-item a:focus .fa-search{transform:none;opacity:1;color:var(--color-gray-800)}.menu-item-icon{overflow:visible;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#dbba6e;border-radius:50%;transition:all .3s ease-in-out;position:relative}.menu-item-icon:hover,.menu-item-icon:focus{background-color:#a8893f}@media(max-width: 1199px){.menu-item-icon{width:36px;height:36px}.menu-item-icon svg{width:18px;height:18px}}.menu-search span{font-size:18px;color:var(--color-gray-800);height:auto;line-height:4.8rem;padding:0}.menu .badge{position:absolute;top:3rem;right:0px}.top-search{width:90%;border-radius:5rem;margin:1.6rem auto;border:1px solid var(--sub-dark);background:hsla(0,0%,100%,.5)}.top-search span.fa{color:var(--color-gray-600);padding:0 0 4px}@media(max-width: 991px){.navbar{height:auto}.navbar-header{width:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.navbar-brand{padding:0;padding-left:.8rem;margin-top:0}.navbar-brand img{max-width:150px}.navbar-brand a{display:inline-block;width:100%;height:100%}.menu{display:none;width:100%;padding:1.2rem 0 1.6rem}.menu ul{flex-direction:column;width:100%;margin:0}.menu li{width:100%}.menu li a{padding:.8rem .4rem}.menu li a h5{font-size:16px}.menu li.menu-shop{width:48px;height:48px}.s-menu{position:absolute;top:-12px;right:7rem}.s-menu ul{display:flex;gap:.8rem}.s-menu .menu-item-icon{width:36px;height:36px;border:1px solid var(--sub-default)}.s-menu .menu-item-icon svg{width:16px;height:16px}}.hamburger{margin:1.2rem .8rem 1.2rem auto;position:relative;z-index:99;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:5px;transition:all ease-in-out .5s;cursor:pointer}.hamburger span:first-child{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:all linear .3s;width:2.5rem;height:.3rem;background-color:var(--color-gray-800)}.hamburger span:last-child{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:inherit;width:2.5rem;height:.3rem;background-color:rgba(0,0,0,0)}.hamburger span:last-child::before,.hamburger span:last-child::after{content:"";position:absolute;background-color:var(--color-gray-800);width:2.5rem;height:.3rem;transition:all .3s;left:50%}.hamburger span:last-child::before{transform:translate(-50%, -7px)}.hamburger span:last-child::after{transform:translate(-50%, 7px)}.hamburger.active span:first-child{transform:translate(-50%, 5px);opacity:0}.hamburger.active span:last-child::before{transform:rotate(45deg);left:0}.hamburger.active span:last-child::after{left:0;transform:rotate(-45deg)}.content{background-color:#fff;border:2px solid var(--primary-default);border-radius:20px;padding:2.4rem;margin:0px}.content span{display:inline-block;margin:2.4rem 0 .8rem;background:var(--primary-default);color:#fff;padding:.4rem 1.6rem;border-radius:8px;font-size:18px}.content .date{display:inline-block;padding:.4rem 2rem;border-radius:5rem;color:#fff;background-color:var(--primary-default)}@media(max-width: 767px){.content{padding:1.2rem}}.footerwrap{position:relative;background-color:var(--primary-default);color:var(--color-gray-900);padding:2.4em 15px 0rem}.footerwrap::before{content:"";position:absolute;top:-20px;left:0;background:url("../../images/footer__bg-top.png") repeat-x left;width:100%;height:20px}.footerwrap::after{z-index:-1;content:"";position:absolute;top:-240px;left:0;background:url("../../images/footer__bg.png") repeat-x left;width:100%;height:277px}.footerwrap small{font-size:13px;letter-spacing:.1rem;margin-left:auto}@media(max-width: 1599px){.footerwrap small{margin-left:inherit}}@media(max-width: 767px){.footerwrap{padding:2.4rem 0 0}}.footer-copyright{gap:1.6rem 0;border-top:1px solid var(--color-gray-800);padding:2.4rem 0}.footer-copyright small{display:inline-block;width:100%;text-align:center}@media(max-width: 1199px){.footer-copyright{padding:0 0 2.4rem}.footer-copyright .footer-contact{margin:0}.footer-copyright .footer-contact strong{text-align:left}.footer-copyright small{margin-top:2.4rem}}.footer-list{padding:2.4rem 0;display:flex;justify-content:space-between;row-gap:2.4rem}.footer-company{flex:1}.footer-company h2{color:var(--color-gray-900);letter-spacing:.4rem;margin:0;font-weight:600}.footer-contact{margin-top:.8rem}.footer-contact li{padding:.4rem 0rem;font-size:16px;letter-spacing:.2rem}.footer-link{flex-basis:700px}.footer-link ul{display:flex;font-size:16px;gap:.8rem 1.6rem;justify-content:space-between}.footer-link ul a{color:var(--color-gray-900);letter-spacing:.2rem}@media(max-width: 1399px){.footer{flex-basis:content}.footer-link{flex:1.3}}@media(max-width: 1199px){.footer-link ul{flex-wrap:wrap;justify-content:flex-end}}@media(max-width: 991px){.footer-list{flex-direction:column}.footer-link{order:-1}.footer-link ul{justify-content:center}}.sidemenu{position:fixed;z-index:99;right:3.2rem;bottom:calc(3.2rem + 30px);display:flex;flex-direction:column;gap:.8rem 0;transform:translateY(10px);opacity:0;visibility:hidden;transition:all .5s ease-in-out}.sidemenu-item{cursor:pointer;background:var(--sub-dark);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out}.sidemenu-item svg{width:20px}.sidemenu-item>*{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.sidemenu-item:hover{background:color-mix(in srgb, var(--primary-default), #000 20%)}.sidemenu.active{visibility:visible;transform:translateY(0);opacity:1}@media(max-width: 767px){.sidemenu{right:1.2rem;bottom:1.2rem}}a:focus{outline:none}.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:none;box-shadow:none;text-decoration:none}.btn-muted,.btn-warning,.closePopup{background-color:var(--color-gray-400) !important;border:1px solid var(--color-gray-400) !important;color:#fff}.btn-muted:hover,.btn-muted:focus,.btn-warning:hover,.btn-warning:focus,.closePopup:hover,.closePopup:focus{color:#fff;background-color:var(--color-gray-500) !important;border:1px solid var(--color-gray-500) !important}.btn-inquiry{background-color:var(--inquiry-default) !important;border:1px solid var(--inquiry-default) !important}.btn-inquiry:hover,.btn-inquiry:focus{background-color:var(--inquiry-dark) !important;border:1px solid var(--inquiry-dark) !important}.btn-bg{background-image:url(/ec99/images/logo-btn.png);background-repeat:no-repeat}.page-header-style{background:url(../../images/banner__inner.jpg) no-repeat center/cover;text-align:center;width:calc(100% - 3.2rem);height:450px;margin:1.6rem;border-radius:5rem}.page-header-style h2{display:inline-block;font-size:36px;color:#fff;letter-spacing:.8rem;text-shadow:2px 2px 5px #2b2b2b;padding-left:7.2rem;position:relative}@media(max-width: 767px){.page-header-style{height:300px}}.marquee-container{position:absolute;z-index:99;left:0;bottom:0;background:#fff;padding:1.6rem 1.6rem 1.6rem 0;width:100%;max-width:42vw;border-radius:0 2rem 0rem 0;display:flex;align-items:center}.marquee-title{background-color:var(--primary-default);display:flex;align-items:center;justify-content:center;gap:.4rem;color:#fff;padding:.8rem 1.6rem;border-radius:1rem}.marquee-title h5{letter-spacing:.2rem;font-size:18px}@media(max-width: 991px){.marquee-title{padding:.8rem}.marquee-title h5{display:none}}.marquee_top{font-family:"Noto Sans Thai";letter-spacing:.4rem;color:var(--color-gray-900);font-size:20px}@media(max-width: 575px){.marquee-container{display:none}}.hgroup-title span{color:var(--primary-default);font-size:clamp(22px,3vw,28px);letter-spacing:.1rem}.hgroup-title h5{font-size:clamp(28px,3vw,36px);letter-spacing:.4rem}.buttonIcon-05{--btnColor: #7eb520;--btnColorHover: #ffffff;display:inline-block;text-align:center;color:var(--color-gray-900);text-transform:uppercase;letter-spacing:.15rem;height:55px;line-height:3.8rem;width:180px;padding:.8rem 1.6rem;transition:all .5s cubic-bezier(0.65, 0, 0.35, 1) 0s;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:0 1.6rem}.buttonIcon-05--icon{margin-left:auto;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:.8rem;border:1px solid var(--btnColor);transition:all .5s .2s ease-in-out;overflow:hidden}.buttonIcon-05--icon::before,.buttonIcon-05--icon::after{position:absolute;content:"";top:50%;left:50%;width:20px;height:20px;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 584 300"><path d="M25.0286 125.333C11.2058 125.333 0 140.795 0 150C0 159.204 11.2058 174.666 25.0286 174.666H333.714V283.333C333.714 290.075 339.811 296.15 349.165 298.73C358.516 301.31 369.282 299.886 376.44 295.119L576.668 161.786C581.364 158.66 584 154.42 584 150C584 145.58 581.364 141.34 576.668 138.215L376.44 4.88198C369.282 0.115332 358.516 -1.31044 349.165 1.26911C339.811 3.84888 333.714 9.9262 333.714 16.6671V125.333H25.0286Z"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 584 300"><path d="M25.0286 125.333C11.2058 125.333 0 140.795 0 150C0 159.204 11.2058 174.666 25.0286 174.666H333.714V283.333C333.714 290.075 339.811 296.15 349.165 298.73C358.516 301.31 369.282 299.886 376.44 295.119L576.668 161.786C581.364 158.66 584 154.42 584 150C584 145.58 581.364 141.34 576.668 138.215L376.44 4.88198C369.282 0.115332 358.516 -1.31044 349.165 1.26911C339.811 3.84888 333.714 9.9262 333.714 16.6671V125.333H25.0286Z"/></svg>');-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;transition:all .5s .2s ease-in-out;background-color:var(--btnColor)}.buttonIcon-05--icon::before{transform:translate(-200%, -50%)}.buttonIcon-05--icon::after{transform:translate(-50%, -50%)}.buttonIcon-05::after{content:"";position:absolute;bottom:-0.4rem;left:1.2rem;transform:scaleX(0) translateX(0%);transform-origin:right center;width:calc(100% - 2.4rem);height:2px;background-color:var(--btnColor);transition:transform .4s linear}.buttonIcon-05:hover,.buttonIcon-05:focus{color:var(--primary-dark);text-decoration:none}.buttonIcon-05:hover::after,.buttonIcon-05:focus::after{transform:scaleX(1) translateX(0%);transform-origin:left center}.buttonIcon-05:hover .buttonIcon-05--icon,.buttonIcon-05:focus .buttonIcon-05--icon{background-color:var(--btnColor)}.buttonIcon-05:hover .buttonIcon-05--icon::before,.buttonIcon-05:focus .buttonIcon-05--icon::before{background-color:var(--btnColorHover);transform:translate(-50%, -50%)}.buttonIcon-05:hover .buttonIcon-05--icon::after,.buttonIcon-05:focus .buttonIcon-05--icon::after{transform:translate(150%, -50%)}.about-container{display:flex;align-items:center;justify-content:center;gap:4rem}.about-img{position:relative;margin:0 2.4rem}.about-img img{border-radius:25px}.about-img-figure{position:absolute;bottom:-120px;left:-100px;animation:s-fadeInLeft .8s ease-in-out,float-transform 3s 1.2s ease-in-out infinite}.about-img-figure img{width:-moz-max-content !important;width:max-content !important}.about-content{margin:0 2.4rem}.about-content h2{color:var(--primary-default);font-weight:300;letter-spacing:.2rem;line-height:1.2;font-size:clamp(24px,3vw,40px);margin:0}.about-content h3{color:var(--color-gray-900);letter-spacing:.4rem;font-size:clamp(18px,3vw,36px);margin:1.6rem 0 2.4rem}.about-content p{font-size:clamp(15px,1.6vw,18px);letter-spacing:.2rem;line-height:2}@media(max-width: 1199px){.about-container{gap:5.6rem 2.4rem}.about-img{margin:0}.about-content{margin:0}}@media(max-width: 991px){.about-container{flex-direction:column}.about-img{align-self:flex-end}.about-img img{width:500px;height:100%;max-height:300px;-o-object-fit:cover;object-fit:cover}.about-img::before{max-width:150px;left:-60px;bottom:-120px}.about-content{margin:0}}@media(max-width: 767px){.about-img{width:100%}.about-img img{width:100%;-o-object-fit:cove;object-fit:cove;-o-object-position:50% 30%;object-position:50% 30%;max-height:230px}.about-img-figure{left:-55px;bottom:-100px}.about-content p{line-height:1.8}}@media(max-width: 374px){.about-container{gap:4rem 2.4rem}.about-img img{width:100%;max-height:180px}}.contact{position:relative}.contact-img{background:url("../../images/contact__bg-2.jpg") no-repeat 20% bottom/cover;height:clamp(220px,25vw,450px);margin:1.6rem;border-radius:20px;border:1px solid var(--primary-default)}.contact-title{display:flex;align-items:center;gap:1.6rem;padding-right:1.6rem}.contact-title span{color:var(--primary-default);font-size:clamp(22px,3vw,28px);letter-spacing:.1rem}.contact-title h5{font-size:clamp(28px,3vw,36px);letter-spacing:.4rem;margin:0}.contact-content{width:300px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:flex-end;gap:1.6rem}@media(max-width: 767px){.contact-content{width:-moz-max-content;width:max-content;align-items:flex-start;left:60%}.contact-title{flex-direction:column;align-items:flex-start}}.breadcrumb{background:rgba(0,0,0,0);padding:8px 0}#category_descr img{width:100%}.article-content h1,.article-content h2,.article-content span,.article-content strong,.pd_descr h1,.pd_descr h2,.pd_descr span,.pd_descr strong{-webkit-box-decoration-break:clone;box-decoration-break:clone}.article-content img,.pd_descr img{width:100%}.category-wrapper .aside-title,.product-wrapper .aside-title,.search-wrapper .aside-title,.news-wrapper .aside-title,.type_icon,.newsbar{display:none}@media(max-width: 767px){.category-wrapper .aside-title,.product-wrapper .aside-title,.search-wrapper .aside-title,.news-wrapper .aside-title,.type_icon,.newsbar{display:block}}.newsbar{background:rgba(0,0,0,0)}aside{margin-bottom:2.4rem}h2.aside-title{cursor:pointer;background-color:rgba(0,0,0,0);color:var(--color-gray-900);border:1px solid currentColor;border-radius:16px;padding:1.6rem}@media(max-width: 767px){h2.aside-title::after{content:"+";float:right;cursor:pointer;font-size:25px;font-weight:bold;margin-top:-4px;color:var(--color-gray-900)}h2.aside-title.is-active:after{content:"-"}}.category-wrapper aside .nav,.search-wrapper aside .nav,.product-wrapper aside .nav,.news-wrapper aside .NEWS_type{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem 1.6rem;margin-bottom:4.8rem}.category-wrapper aside .nav .nav_cate_item .active.topic,.category-wrapper aside .nav .nav_cate_item .topic,.search-wrapper aside .nav .nav_cate_item .active.topic,.search-wrapper aside .nav .nav_cate_item .topic,.product-wrapper aside .nav .nav_cate_item .active.topic,.product-wrapper aside .nav .nav_cate_item .topic,.news-wrapper aside .NEWS_type .nav_cate_item .active.topic,.news-wrapper aside .NEWS_type .nav_cate_item .topic{color:#fff;background-color:var(--primary-default)}.category-wrapper aside .nav li,.search-wrapper aside .nav li,.product-wrapper aside .nav li,.news-wrapper aside .NEWS_type li{padding:0;margin:0}.category-wrapper aside .nav li a,.search-wrapper aside .nav li a,.product-wrapper aside .nav li a,.news-wrapper aside .NEWS_type li a{border-radius:5rem;display:inline-block;padding:1.2rem 2.4rem;width:100%;color:#202020;position:relative}.category-wrapper aside .nav li a:hover,.category-wrapper aside .nav li a:focus,.search-wrapper aside .nav li a:hover,.search-wrapper aside .nav li a:focus,.product-wrapper aside .nav li a:hover,.product-wrapper aside .nav li a:focus,.news-wrapper aside .NEWS_type li a:hover,.news-wrapper aside .NEWS_type li a:focus{background-color:var(--primary-default) !important;color:#fff !important}.category-wrapper aside .nav li .topic,.search-wrapper aside .nav li .topic,.product-wrapper aside .nav li .topic,.news-wrapper aside .NEWS_type li .topic{color:#fff;background-color:var(--primary-default)}.category-wrapper aside .nav li .topic+.badge,.search-wrapper aside .nav li .topic+.badge,.product-wrapper aside .nav li .topic+.badge,.news-wrapper aside .NEWS_type li .topic+.badge{color:#202020;background-color:#fff}@media(max-width: 767px){.category-wrapper aside .nav,.search-wrapper aside .nav,.product-wrapper aside .nav,.news-wrapper aside .NEWS_type{gap:.8rem 0rem;padding:2.4rem 0}.category-wrapper aside .nav .nav_cate_item .active.topic,.search-wrapper aside .nav .nav_cate_item .active.topic,.product-wrapper aside .nav .nav_cate_item .active.topic,.news-wrapper aside .NEWS_type .nav_cate_item .active.topic{font-weight:normal}.category-wrapper aside .nav li,.search-wrapper aside .nav li,.product-wrapper aside .nav li,.news-wrapper aside .NEWS_type li{width:50%}.category-wrapper aside .nav li a,.search-wrapper aside .nav li a,.product-wrapper aside .nav li a,.news-wrapper aside .NEWS_type li a{margin:0 .8rem;width:calc(100% - 1.6rem);text-align:center}}.news-wrapper aside .NEWS_type a{padding-right:4.8rem !important}.news-wrapper aside .NEWS_type .badge{color:#fff;background-color:var(--primary-default)}h1.news_title+p{padding-left:1.6rem}.breadcrumb{background-color:rgba(0,0,0,0);padding:1rem 0;margin:1rem 0}.breadcrumb li span,.breadcrumb li a{color:#3b3b3b !important}h1.news_title+p{padding-left:2rem}.news-wrapper .newslist{border:2px solid var(--primary-default);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.6rem 1.6rem .8rem;border-radius:20px;transition:all .3s ease-in-out}.news-wrapper .newslist .news_imgBox{width:100%;max-height:300px;overflow:hidden}.news-wrapper .newslist .news_imgBox img{-o-object-fit:cover;object-fit:cover;width:100%}.news-wrapper .newslist .news_date{font-size:16px}.news-wrapper .newslist .news_date img{display:none}.news-wrapper .newslist .news_sort{display:inline-block;padding:.8rem 1.6rem;border-radius:25px;background:var(--color-gray-900);color:#fff;white-space:nowrap;letter-spacing:.2rem;order:-1}.news-wrapper .newslist .news_sort img{display:none}.news-wrapper .newslist .news_author img{display:none}.news-wrapper .newslist .caption{width:100%;flex:1;display:flex;flex-direction:column;gap:.8rem}.news-wrapper .newslist .caption p:nth-child(2){order:-1;margin:0;display:flex;align-items:center;gap:.8rem}.news-wrapper .newslist .news_info,.news-wrapper .newslist .news_author{display:none}.news-wrapper .newslist .news_title{font-size:24px;margin:0;letter-spacing:.1rem;line-height:1.4;width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.news-wrapper .newslist .news_more{letter-spacing:.2rem;font-size:16px;background-color:rgba(0,0,0,0);border:1px solid currentColor;color:var(--color-gray-900);border-radius:20px;padding:.8rem 1.6rem;margin-top:.8rem}.news-wrapper .newslist:hover,.news-wrapper .newslist:focus{transform:translateY(-10px)}.news-wrapper .newslist:hover .news_more,.news-wrapper .newslist:focus .news_more{color:#fff !important;background-color:var(--color-gray-900) !important}.news-wrapper .col-md-12,.news-wrapper .col-lg-12{flex:1;width:33.3333333333%}.news-wrapper .text-center{width:100%;display:inline-block}@media(max-width: 1199px){.news-wrapper .col-md-12,.news-wrapper .col-lg-12{width:50%}}@media(max-width: 575px){.news-wrapper .col-xs-12{width:100%}}#myTab{display:none}.popular_products .prd_info{display:none}.popular_products .li-item{overflow:hidden;background:rgba(0,0,0,0);border:none}.popular_products .li-item .features-box{overflow:hidden;border-radius:20px;padding:2.4rem 0rem 0;background:#fff;border:2px solid var(--primary-default)}.popular_products .li-item .view{margin:0 2.4rem 2.4rem;background:#fff;border-radius:20px;overflow:hidden}.popular_products .li-item h4{text-align:center;font-size:18px;color:var(--color-gray-900);letter-spacing:.2rem;margin:0;padding:1.6rem 0;border-top:2px solid var(--primary-default);background:var(--primary-default);color:#fff}.popular_products .li-item .imgBox img{transition:all .5s ease-in-out}.popular_products .li-item .btn{display:none;transition:all .5s ease-in-out;float:right;letter-spacing:.2rem;margin:0 1.6rem}.popular_products .li-item .btn:hover,.popular_products .li-item .btn:focus{background:var(--primary-default)}.popular_products .li-item:hover,.popular_products .li-item:focus{box-shadow:none;background:rgba(0,0,0,0)}.popular_products .li-item:hover .imgBox img,.popular_products .li-item:focus .imgBox img{transform:translate(-50%, -50%) scale(1.1)}.popular_products .li-item:hover .btn,.popular_products .li-item:focus .btn{background-color:var(--primary-default);color:#f0f0f0}#layer_cart{overflow:hidden}.layer_cart_product{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:4.8rem 0 0}.layer_cart_product .AddCartIn{margin-right:auto;letter-spacing:.2rem;position:absolute;top:-0.8rem;left:-0.5rem}.layer_cart_product .AddCartIn .fa{margin-right:.8rem}.layer_cart_product .AddCartIn font{color:#fff;background:var(--primary-default);padding:.8rem 1.6rem;border-radius:0 0 5px 0}.layer_cart_product .product-image-container{margin-right:0 !important;margin-bottom:0 !important}.layer_cart_product .layer_cart_product_info{width:100%;display:flex;flex-direction:column;align-items:center}.layer_cart_product .layer_cart_product_info hr{width:100%}.layer_cart_product .layer_cart_product_info hr+div .closePopup{margin-right:1.6rem}.layer_cart_product .product-name h3{text-align:center;color:var(--color-gray-900);margin:1.6rem 0;position:relative}.layer_cart_product .layer_cart_product_text{display:none}.layer_cart_product .btnbox{display:flex;align-items:center;justify-content:center;gap:1.6rem}.layer_cart_product .btnbox a{flex:1;display:flex}.layer_cart_product .btnbox a:hover{text-decoration:none}.layer_cart_product .btnbox button{flex:1}.mfp-content{width:90% !important}.dyPic{display:none !important}.product-wrapper .dyPic{display:inline-block !important}.form-group{flex:1}.form-group label{font-size:16px;font-weight:normal;letter-spacing:.36rem}.form-group input{color:var(--color-gray-900);letter-spacing:.15rem}.form-group #remarks{height:150px}.form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder{color:rgba(56,56,56,.5);letter-spacing:.15rem}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select option:disabled{color:rgba(56,56,56,.5);letter-spacing:.15rem}.form-group select,.form-group select option{color:var(--color-gray-900);letter-spacing:.15rem}.form-group select option:disabled{color:rgba(56,56,56,.5);letter-spacing:.15rem}.form-group .form-control{width:100%;height:45px;border-radius:0}.form-group .form-control:focus{border-color:rgba(210,20,115,.3);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(210,20,115,.3)}.MEM_NAV{display:flex;align-items:center;justify-content:space-evenly;flex-wrap:wrap}.MEM_NAV .CHANNEL{padding:0 1.6rem;width:110px;border-radius:.8rem;color:var(--color-gray-900);background:#fff;border:1px solid var(--color-gray-300);transition:all .3s ease-in-out}.MEM_NAV .CHANNEL:hover,.MEM_NAV .CHANNEL:focus{border:1px solid var(--primary-default);background-color:var(--primary-default);color:#fff}.COMPLETE_BOX{background:#fff;border-radius:.8rem}.COMPLETE_BOX .form-group{margin-bottom:0px}.COMPLETE_BOX .form-group .func:empty,.COMPLETE_BOX .form-group .SYS_INFO:empty{display:none}h2.MEM_TITLE{border-bottom:2px solid var(--primary-default)}@media(max-width: 767px){h2.MEM_TITLE{margin-left:0px}}.form-inline{display:flex;align-items:center;justify-content:center}@media(max-width: 767px){.form-inline{flex-direction:column;margin-top:2.4rem;gap:2.4rem 0}.form-inline .form-group{width:100%;margin:0}}.form-group{flex:1}.form-group label{font-size:16px;font-weight:normal;letter-spacing:.36rem}.form-group input{color:var(--color-gray-900);letter-spacing:.15rem}.form-group #remarks{height:150px}.form-group input::-moz-placeholder, .form-group textarea::-moz-placeholder{color:rgba(56,56,56,.5);letter-spacing:.15rem}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select option:disabled{color:rgba(56,56,56,.5);letter-spacing:.15rem}.form-group select,.form-group select option{color:var(--color-gray-900);letter-spacing:.15rem}.form-group select option:disabled{color:rgba(56,56,56,.5);letter-spacing:.15rem}.form-group .form-control{width:100%;height:45px;border-radius:0}.form-group .form-control:focus{border-color:rgba(96,210,20,.3);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(96,210,20,.3)}.products-container{display:flex;justify-content:center;gap:4.8rem 1.6rem}@media(max-width: 1199px){.products-container{flex-direction:column}}@media(max-width: 991px){.products-container{align-items:center}}.card{flex-basis:1200px;display:flex;align-items:center;justify-content:space-evenly;gap:1.6rem}.card-item{position:relative;cursor:pointer}.card-item-img{border:2px solid var(--primary-dark);border-radius:15px;overflow:hidden;transition:all .3s ease-in-out}.card-item h5{display:inline-block;position:absolute;bottom:-2.4rem;right:2.4rem;font-size:clamp(18px,2vw,20px);letter-spacing:.2rem;color:var(--primary-dark);background-color:#fff;border:2px solid currentColor;border-radius:5px;padding:.8rem}.card-item::before,.card-item::after{content:"";position:absolute;width:100%;height:100%;background-color:var(--primary-default);border-radius:15px;box-shadow:-1px 4px 6pxrgba 104,135,55,0 7;top:0rem;left:0rem;transform:rotate(0deg);transition:all .3s ease-in-out}.card-item::before{z-index:-2}.card-item::after{z-index:-1}.card-item:hover .card-item-img,.card-item:focus .card-item-img{transform:translateY(-8px)}.card-item:hover::before,.card-item:focus::before{top:-2rem;left:-0.7rem;transform:rotate(-3deg);box-shadow:-1px 4px 4px rgba(104,135,55,.5568627451)}.card-item:hover::after,.card-item:focus::after{top:-2.5rem;left:.7rem;transform:rotate(3deg);box-shadow:-1px 4px 4px rgba(104,135,55,.5568627451)}@media(max-width: 1599px){.card{flex-basis:content;gap:2.4rem 4rem}.card img{width:280px}}@media(max-width: 1399px){.card{gap:2.4rem 2.4rem}.card img{width:240px}}@media(max-width: 991px){.card{gap:5.6rem 2.4rem;margin-left:0;flex-wrap:wrap}}@media(max-width: 575px){.card img{width:200px}}@media(max-width: 575px){.card-item{width:100%}.card img{width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 60%;object-position:50% 60%}}html{font-size:62.5% !important}.navbar{font-family:"Kanit","Noto Sans Thai","Noto Sans TC"}.navbar h5{font-family:"Kanit","Noto Sans Thai","Noto Sans TC"}h1.MYCART_TITLE{font-family:"Kanit","Noto Sans Thai","Noto Sans TC";font-weight:bold;color:var(--primary-dark) !important;margin:5rem auto !important;font-size:30px}h2.SHOP_TITLE{background-color:var(--primary-default) !important;border-bottom:2px solid var(--primary-dark) !important;font-family:"Kanit","Noto Sans Thai","Noto Sans TC";margin:0;letter-spacing:2px}.IDEC_SHOPBAG ul{display:flex;align-items:center}.IDEC_SHOPBAG ul li{min-height:auto;display:flex;flex-direction:column;flex:1}.IDEC_SHOPBAG ul li br{display:none}.IDEC_SHOPBAG ul select{border:1px solid var(--color-gray-200);background-color:var(--color-gray-050)}.IDEC_SHOPBAG ul select:hover{cursor:pointer}.IDEC_SHOPBAG ul .PRD_PIC{height:auto;background:var(--color-gray-050);border:1px solid var(--color-gray-200)}.IDEC_SHOPBAG ul .PRD_NAME{width:100%}.IDEC_SHOPBAG ul .PRD_BTN{margin-left:auto}@media(max-width: 767px){.IDEC_SHOPBAG ul{flex-direction:column;justify-content:center}.IDEC_SHOPBAG ul select{width:100% !important}.IDEC_SHOPBAG ul a{text-align:center}.IDEC_SHOPBAG ul .PRD_PRICE{padding-right:0;margin-left:auto}.IDEC_SHOPBAG ul .PRD_SUB{margin-left:auto}.IDEC_SHOPBAG ul .PRD_BTN{position:static}.IDEC_SHOPBAG ul .PRD_BTN a{text-align:right}.IDEC_SHOPBAG ul .PRD_BTN .PRD_DEL{padding-top:0}}.PRD_PRICE span,.PRD_SUB span,.TOTAL li span{color:var(--color-gray-800) !important}.PRD_NAME a{font-weight:300;color:var(--color-gray)}.TOTAL .TP{color:var(--primary-dark) !important}.TOTAL{margin:0 !important}.shoplist-wrapper table thead,.ORDER_TITLE,.ORDER_TITLE2,legend{background-color:var(--primary-default) !important;color:#fff;font-weight:bold;line-height:3.5rem;font-size:18px;padding:.4rem 2.4rem;border-radius:25px}.RequestList_title{line-height:3.5rem}span.switch{box-shadow:0 2px 5px #c9c9c9 inset}span.CB{box-shadow:0 3px 5px #aaa}.checkbox:checked~.switch{background-color:var(--color-gray-300) !important}.checkbox:checked~.switch .CB{box-shadow:0 2px 5px currentColor !important}#PAYTYPE{display:flex}#PAYTYPE li{flex:1;width:auto}@media(max-width: 767px){#PAYTYPE{flex-direction:column}}input.CHECK_BOX{background-color:#fff}input.CHECK_BOX:checked{background-color:var(--primary-dark) !important}legend{background-color:var(--primary2-dafault)}.panel-body .ORDER_TITLE{background-color:rgba(0,0,0,0) !important}table{width:100%;border-collapse:collapse}@media(max-width: 991px){#buyitemlist{width:100%;overflow-x:auto;white-space:nowrap;margin-bottom:2.4rem}table{display:table;width:100%}}