@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+TC:wght@100..900&family=Oswald:wght@200..700&display=swap";.hamburger{display:flex;align-items:center;justify-content:center}.hamburger span:last-child,.hamburger span:first-child{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}:root{--primary-tint: #70d6b7;--primary-default: #03903f;--primary-dark: #066701;--sub-tint: rgba(253, 220, 169, 1);--sub-default: #e5ac54;--sub-dark: #8f4300;--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;--navbar-height: 87px}@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}}.title-hgroup{color:var(--color-gray-700)}.title-hgroup h1,.title-hgroup h1 h2{letter-spacing:.2rem;font-weight:bold;font-family:"Oswald";font-size:clamp(40px,3vw,64px)}.title-hgroup h2{margin:0;display:inline-block;letter-spacing:.4rem;font-weight:400;font-size:clamp(25px,3vw,32px)}.title-hgroup p{letter-spacing:.4rem;margin:1.6rem 0;font-size:clamp(20px,3vw,24px)}.title-hgroup .en-text{font-size:16px;line-height:2.4rem;letter-spacing:.2rem}.buttonLine{font-size:22px;font-family:"Oswald";display:inline-block;color:var(--sub-default);letter-spacing:.15rem;height:55px;width:250px;line-height:3.8rem;padding:.8rem 1rem .8rem 0;transition:all .2s linear 0s;position:relative;z-index:2;white-space:nowrap;overflow:hidden;border:none;position:relative}.buttonLine__small{font-size:16px;letter-spacing:.1rem}.buttonLine .buttonLine__arrow{display:inline-block;position:relative;top:-0.5rem;margin-left:5rem;transition:all .3s linear}.buttonLine .buttonLine__arrow--1{position:absolute;transform:translateX(-50px);opacity:0;top:60%}.buttonLine .buttonLine__arrow--2{opacity:1;transform:translateX(2.5rem)}.buttonLine .buttonLine__arrow::before{content:"";position:absolute;width:1.6rem;height:2px;background-color:currentColor;transform:rotate(45deg) translateY(-50%);transform-origin:right;top:50%;right:-1rem;margin-left:1rem}.buttonLine .buttonLine__arrow::after{content:"";position:absolute;width:8rem;height:2px;background-color:currentColor;top:50%;right:-1rem;margin-left:1rem}.buttonLine .buttonLine__bg{position:absolute;z-index:1;background-color:var(--sub-default);inset:0;transition:transform .5s ease-in-out;transform:scaleX(1);transform-origin:center left;top:auto;bottom:0;height:2px}.buttonLine:hover,.buttonLine:focus,.buttonLine:active{text-decoration:none;color:var(--sub-default);transform:translateX(10px)}.buttonLine:hover .buttonLine__bg,.buttonLine:focus .buttonLine__bg,.buttonLine:active .buttonLine__bg{transform:scaleX(0);transform-origin:center right}.buttonLine:hover .buttonLine__arrow--1,.buttonLine:focus .buttonLine__arrow--1,.buttonLine:active .buttonLine__arrow--1{transform:translateX(2.4rem);opacity:1}.buttonLine:hover .buttonLine__arrow--2,.buttonLine:focus .buttonLine__arrow--2,.buttonLine:active .buttonLine__arrow--2{transform:translateX(100px);opacity:0}.buttonLine.color-white{color:#fff}.buttonLine.color-white .buttonLine__bg{background-color:#fff}.buttonLine.color-white:hover,.buttonLine.color-white:focus,.buttonLine.color-white:active{color:#fff}.buttonContact{color:#2e254f;background-color:var(--primary-tint);padding:.8rem 2.4rem;overflow:hidden;transition:all .3s ease-in-out;display:inline-block;position:relative;z-index:2}.buttonContact::after{content:"";position:absolute;top:0;right:-15px;width:80px;height:110%;background-color:var(--primary-default);transform:skewX(15deg);z-index:-1;transition:all .5s ease-in-out}.buttonContact i{color:var(--primary-tint);padding-left:2.4rem;transition:all .5s ease-in-out}.buttonContact:hover,.buttonContact:focus{text-decoration:none;color:#afffe7}.buttonContact:hover::after,.buttonContact:focus::after{width:150%}.buttonContact:hover i,.buttonContact:focus i{color:#afffe7}.buttonContact--2{font-size:20px}.buttonContact--2::after{width:70px}.buttonContact-en{display:flex;align-items:center;width:-moz-max-content;width:max-content}.buttonContact-en .buttonContact-text{padding-right:.8rem;line-height:2.4rem}.buttonContact-en .buttonContact-text span{display:block;font-size:16px}.jumbotron{background:url(../../images/banner__inner.webp) no-repeat center/cover;width:100%;height:clamp(250px,30vw,300px)}.li-item{padding:1.6rem;border:1px solid var(--color-gray-200);border-bottom:2px solid var(--primary-default)}.li-item:hover{border:1px solid var(--color-gray-200);border-bottom:2px solid var(--primary-default);box-shadow:none}.features-box>.view>.mask>p.prd_info,.features-box>p.prd_info{display:none}.features-box>.view>.mask>h2,.features-box>a>h4{font-size:18px}.navbar{background:url(../../images/navbar__img.png) no-repeat left top/cover;position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;max-height:150px}.menu{padding:1.6rem}.menu-logo{margin-left:22rem;margin-right:1.6rem}.menu ul{gap:.8rem}.menu-item{overflow:hidden;display:flex;flex-direction:column;align-items:center}.menu-item-text{display:flex;flex-direction:column;align-items:center;justify-content:center}.menu-item-text span{letter-spacing:.1rem;font-size:14px;color:#fff;transition:all .3s ease-in-out}.menu-item i{color:#fff;transform:translateY(-100px);transition:all .3s ease-in-out}.menu-item a{overflow:hidden;font-size:18px;color:#fff;padding:.4rem 1.6rem;letter-spacing:.2rem;transition:all .3s ease-in-out}.menu-item a:hover,.menu-item a:focus{text-decoration:none}.menu-item:hover i,.menu-item:focus i{transform:translateY(0);color:var(--sub-tint)}.menu-item:hover a,.menu-item:focus a{text-decoration:none;color:var(--sub-tint);letter-spacing:.4rem}.menu-item:hover span,.menu-item:focus span{color:var(--sub-tint)}.menu-item.menu-item-lang>div{padding:.4rem 1.6rem .8rem}.menu-item.menu-item-lang a{padding:0;padding-right:.8rem}.menu-item.menu-item-lang a+a{padding:0;padding-left:.8rem;position:relative}.menu-item.menu-item-lang a+a::before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%);background-color:#fff;width:1px;height:25px}@media(max-width: 991px){.navbar{background:var(--primary-default);height:auto}.navbar-header{width:100%;display:flex;align-items:center;justify-content:space-between}.navbar-brand{max-width:60px;margin-top:0}.navbar-brand a{display:inline-block;width:100%;height:100%}.menu{display:none;width:100%;padding:1.2rem 0 1.6rem;background-color:var(--primary-default)}.menu ul{flex-direction:column;width:100%;margin:0;background-color:#1d673c}.menu li{width:100%}}.hamburger{margin:2rem 1rem 2rem auto;position:relative;z-index:99;width:4rem;height:4rem;border-radius:5px;background:#fffdcd;transition:all ease-in-out .5s;cursor:pointer}.hamburger span:first-child{transition:all linear .3s;width:2.5rem;height:.3rem;background-color:var(--primary-dark)}.hamburger span:last-child{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(--primary-dark);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)}.footerwrap{position:relative;z-index:5}.footerwrap::before{content:"";position:absolute;top:-148px;right:0;background:url(../../images/footer__bg.png) no-repeat right bottom/cover;width:100%;height:150px}.footer-container{display:grid;grid-template-rows:1fr;grid-template-columns:repeat(3, 1fr);padding:0rem 1.6rem 10rem;font-size:clamp(18px,2vw,20px)}.footer-container .footer-item{padding:0 2.4rem}.footer-container .footer-item+.footer-item{border-left:1px solid #fff}.footer-container .footer-item hgroup a{display:inline-block;color:#fff;margin-bottom:4.8rem;transition:all .3s ease-in-out}.footer-container .footer-item hgroup a h1{letter-spacing:.2rem;font-weight:bold;font-family:"Oswald";font-size:clamp(36px,2vw,48px)}.footer-container .footer-item hgroup a span{letter-spacing:.4rem;font-weight:400;font-size:clamp(20px,2vw,28px)}.footer-container .footer-item hgroup a:hover,.footer-container .footer-item hgroup a:focus{text-decoration:none;color:var(--sub-default)}.footer-container .footer-contact{display:flex;align-items:center}.footer-container .footer-contact h3{font-size:20px;min-width:110px;text-align:right}.footer-container .footer-contact:last-child{align-items:flex-start}.footer-container .footer-contact:last-child h6{margin-top:4px}.footer-container ul>li{margin:0rem 0rem 1rem}@media(max-width: 1399px){.footer-container{grid-template-columns:repeat(2, 1fr);position:relative}.footer-container .footer-item{padding:2.4rem}.footer-container .footer-item+.footer-item{border-left:none}.footer-container::after{content:"";position:absolute;top:48%;left:0;width:100%;height:1px;background-color:#fff}}@media(max-width: 991px){.footer-container{grid-template-columns:repeat(1, 1fr)}.footer-container .footer-item+.footer-item{border-top:1px solid #fff}.footer-container::after{display:none}}@media(max-width: 767px){.footer-container .footer-item{padding:2.4rem 0}.footer-container .footer-contact{align-items:flex-start;flex-direction:column}.footer-container .footer-contact h3{min-width:none;text-align:left}}.footer-copyright{padding:1.2rem .8rem;background-color:var(--primary-default)}.footer-content-en{display:block}.onSaleTurn .pro_txt_box,.onSaleTurn .pro_main p,.onSaleTurn .pro_sale .pro_price,.onSaleTurn .pro_sale .on_sale,.onSaleTurn .pro_btn{display:none}.onSaleTurn .item{cursor:pointer;position:relative;z-index:2;background:url(../../images/product__bgImg.webp) no-repeat center/contain;margin:2rem auto;padding:2rem 0}@media(max-width: 767px){.onSaleTurn .item{margin:0 auto}}.onSaleTurn .item:hover .pro_item img{transform:scale(1.2)}.onSaleTurn .pro_item{overflow:hidden;width:100%;max-width:250px;margin:0 auto;padding:4rem 0 .8rem;-webkit-mask:url(../../images/product__bgImg.webp) no-repeat center/contain;mask:url(../../images/product__bgImg.webp) no-repeat center/contain;display:flex;align-items:center;justify-content:center}.onSaleTurn .pro_item img{transition:transform .5s ease-in-out;width:100%;max-width:200px}.onSaleTurn .pro_main h3{text-align:center;font-size:18px;color:var(--color-gray-800);margin:0 auto 1.6rem;padding:0 0 1.6rem;max-width:48%}@media(max-width: 991px){.onSaleTurn .pro_item{width:200px;height:200px;padding:5rem 1rem 0}}@media(max-width: 785px){.onSaleTurn .pro_main h3{max-width:34%}}@media(max-width: 767px){.onSaleTurn .pro_item{width:150px;height:150px}.onSaleTurn .pro_main{padding:1.6rem 0}.onSaleTurn .pro_main h3{max-width:230px}}.onSaleTurn .owl-controls .owl-buttons{position:static}.onSaleTurn .owl-controls .owl-buttons div.owl-next,.onSaleTurn .owl-controls .owl-buttons div.owl-prev{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:25px}.onSaleTurn .owl-controls .owl-buttons div.owl-next::before,.onSaleTurn .owl-controls .owl-buttons div.owl-prev::before{content:"";display:inline-block;background:url(../../images/btn-next.png) no-repeat center/contain;width:35px;height:60px}.onSaleTurn .owl-controls .owl-buttons .owl-next{right:-8rem}.onSaleTurn .owl-controls .owl-buttons .owl-prev{left:-8rem}.onSaleTurn .owl-controls .owl-buttons .owl-prev::before{transform:rotateY(180deg)}@media(max-width: 1399px){.onSaleTurn .owl-controls .owl-buttons .owl-next{right:-2rem}.onSaleTurn .owl-controls .owl-buttons .owl-prev{left:-2rem}}@media(max-width: 991px){.onSaleTurn .owl-controls .owl-buttons .owl-next{right:-1.5rem}.onSaleTurn .owl-controls .owl-buttons .owl-prev{left:-1.5rem}}@media(max-width: 767px){.onSaleTurn .owl-controls .owl-buttons .owl-next,.onSaleTurn .owl-controls .owl-buttons .owl-prev{display:none}}.onSaleTurn .owl-controls .owl-page span{width:25px;height:7px;border-radius:0;background-color:#fff;transition:all .3s ease-in-out}.onSaleTurn .owl-controls .owl-page.active span{width:40px;background-color:var(--sub-dark)}.carousel-control{transition:all .3s ease-in-out;opacity:0}.carousel-control:hover{opacity:1}.carousel-control.right{background-image:linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(255, 255, 255, 0.3) 80%)}.carousel-control.left{background-image:linear-gradient(to left, rgba(0, 0, 0, 0.0001) 0, rgba(255, 255, 255, 0.3) 80%)}.carousel-control .glyphicon{font-weight:600;font-family:"Font Awesome 6 Free"}.carousel-control .glyphicon-chevron-left:before{content:""}.carousel-control .glyphicon-chevron-right:before{content:""}.carousel-banner hgroup{position:absolute;left:5vw;top:60%;transform:translateY(-50%);max-width:800px;color:var(--primary-dark)}.carousel-banner hgroup h1{line-height:clamp(2.4rem,4vw,7rem);letter-spacing:.4rem;font-weight:600;font-size:clamp(20px,4vw,50px)}.carousel-banner hgroup h1 span{color:#f17f7f}.carousel-banner hgroup p{font-family:"Oswald";margin-top:clamp(.8rem,1vw,2rem);font-size:clamp(24px,3vw,32px)}@media(max-width: 1199px){.carousel-banner hgroup{max-width:50vw}}@media(max-width: 991px){.carousel-banner hgroup p{display:none}}.carousel-inner>.item img{max-height:100dvh;min-height:320px;-o-object-fit:cover;object-fit:cover}@media(max-width: 767px){.carousel-inner>.item img{padding-top:var(--navbar-height)}}.carousel-indicators li{width:2.5rem;height:7px;border-radius:0;background-color:rgba(255,255,255,.662745098);margin:1px .4rem;border:none;transition:all .3s ease-in-out}.carousel-indicators .active{width:4.5rem;height:7px;margin:1px .4rem;background-color:var(--sub-default)}p{line-height:clamp(2.8rem,2vw,3.6rem);font-size:18px;letter-spacing:.3rem}#category_descr,.article-content{font-size:17px;line-height:32px;letter-spacing:.6px}.contact-wrapper .panel-heading p{letter-spacing:.2rem;font-size:15px;line-height:2rem}.en-text,.en-text span{font-size:16px;letter-spacing:.1rem;font-weight:normal !important}.pd_descr{display:inline-block}.about{background:url(../../images/about__bg.webp) no-repeat center/cover;width:100%}.about-img{display:flex;align-items:center;justify-content:center;position:relative;height:600px}.about-img img{position:absolute;transform:scale(1.2)}.about p{line-height:clamp(3.2rem,3vw,4rem);font-size:clamp(18px,3vw,22px);color:var(--color-gray-700)}.about article p{font-size:18px;line-height:3.2rem;letter-spacing:0rem}.about .right-col{transform:translateY(-100px)}.about-line{position:absolute;top:50%;transform:translateY(-20px) scaleX(1.1);right:20px}.about-line path{stroke-dashoffset:450}.about-line.active path{--stroke-dashoffset-end: 0;animation:draw-line .7s .4s ease-in-out forwards}@media(max-width: 1599px){.about-line{right:-35px}.about-line.active path{--stroke-dashoffset-end: 80}}@media(max-width: 1399px){.about-line{right:-7rem}}@media(max-width: 1199px){.about-line{right:-11rem}.about-line.active path{--stroke-dashoffset-end: 120}}@media(max-width: 991px){.about-line{display:none}}@media(max-width: 991px){.about-img{justify-content:flex-end;margin-right:1.6rem}.about-img img{max-width:200px}}@media(max-width: 575px){.about{background:url(../../images/about__bg.webp) no-repeat 70% center/cover}.about-img{height:200px}.about-img img{width:100%;max-width:150px}}@media(max-width: 450px){.about .right-col{transform:translateY(0)}}@keyframes draw-line{from{stroke-dashoffset:450}to{stroke-dashoffset:var(--stroke-dashoffset-end)}}.products{background:url(../../images/product__bg01.webp) no-repeat right bottom/cover}@media(max-width: 991px){.products{background-position:70% bottom}}.products .title-hgroup p{letter-spacing:.8rem}.professional{background:#95cfde url(../../images/professional__bg.webp) no-repeat center top/cover;box-shadow:0 -1px 0 #95cfde;position:relative;z-index:2}.professional::after{content:"";position:absolute;bottom:0;left:-18rem;background:url(../../images/professional__wave.png) no-repeat left calc(100% - 150px)/contain;max-width:700px;width:100%;height:100%;z-index:-1}.swiper-professional{position:relative;overflow:hidden;padding:2rem 0rem 6rem}.swiper-professional .swiper{overflow:visible}.swiper-professional .swiper-pagination{bottom:-6rem}.swiper-professional .swiper-pagination-bullet{width:2.5rem;height:7px;border-radius:0;background-color:#fff;opacity:.5;transition:all .3s ease-in-out}.swiper-professional .swiper-pagination-bullet-active{width:3.5rem;opacity:1;background-color:var(--sub-dark)}.swiper-professional .swiper-slide{display:flex;flex-direction:column;align-items:center}.swiper-professional .swiper-slide img{margin:0 auto}.swiper-professional .swiper-slide span{font-size:22px;letter-spacing:.2rem;color:#fff;margin:1.6rem 0}