@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.container{max-width:1320px;margin:0 auto;padding-left:12px;padding-right:12px}.text-neutral-white{color:#fff}.text-Primary-300{color:#c0fa73}.text-neutral-300{color:#dee2e6}.text-neutral-500{color:#adb5bd}.text-neutral-600{color:#6c757d}.text-neutral-900{color:#212529}.text-danger-300{color:#d74f4f}.text-Primary-400{color:#57a203}.bg-Primary-100{background-color:#f5fee7}.bg-Primary-200{background-color:#e8fec5}.bg-neutral-100{background-color:#f8f9fa}.text-center{text-align:center}.text-sm{font-size:14px}.h1{font-size:40px;line-height:1.2;font-weight:700}.h2{font-size:32px;line-height:1.2;font-weight:700}.h3{font-size:28px;line-height:1.2;font-weight:700}.h4{font-size:24px;line-height:1.2;font-weight:700}.h5{font-size:20px;line-height:1.2;font-weight:700}.h6{font-size:16px;line-height:1.2;font-weight:700}@media (max-width: 767px){.h2-md{font-size:32px}.h3-md{font-size:28px}.h4-md{font-size:24px}.h5-md{font-size:20px}.h6-md{font-size:16px}}@media (max-width: 576px){.h2-sm{font-size:32px}.h3-sm{font-size:28px}.h4-sm{font-size:24px}.h5-sm{font-size:20px}.h6-sm{font-size:16px}}.display1{font-weight:700;font-size:64px;line-height:1.2;letter-spacing:.05em}.display2{font-weight:700;font-size:48px;line-height:1.2;letter-spacing:.05em}.lg{font-size:20px;line-height:1.5;font-weight:400;letter-spacing:.05em}@media (max-Width: 767px){.display1-md{font-size:48px}.display2-md{font-size:32px}}.p-default{padding-left:12px;padding-right:12px}.p-32{padding:32px}.p-12{padding:12px}.pt-32{padding-top:32px}.py-64{padding-top:64px;padding-bottom:64px}.py-48{padding-top:48px;padding-bottom:48px}.py-32{padding-top:32px;padding-bottom:32px}.py-24{padding-top:24px;padding-bottom:24px}.py-16{padding-top:16px;padding-bottom:16px}.py-12{padding-top:12px;padding-bottom:12px}.py-8{padding-top:8px;padding-bottom:8px}.pe-8{padding-right:8px}.pb-48{padding-bottom:48px}.pb-32{padding-bottom:32px}.px-12{padding-left:12px;padding-right:12px}@media (max-width: 767px){.pe-md-0{padding-right:0}.px-md-12{padding-left:12px;padding-right:12px}.px-md-0{padding-left:0;padding-right:0}.py-md-0{padding-top:0;padding-bottom:0}.py-md-12{padding-top:12px;padding-bottom:12px}.py-md-32{padding-top:32px;padding-bottom:32px}.p-md-24{padding:24px}.py-md-24{padding-top:24px;padding-bottom:24px}.pb-md-32{padding-bottom:32px}}@media (max-width: 576px){.px-sm-12{padding-left:12px;padding-right:12px}.py-sm-12{padding-top:12px;padding-bottom:12px}.py-sm-32{padding-top:32px;padding-bottom:32px}.py-sm-40{padding-top:40px;padding-bottom:40px}}.mt-120{margin-top:120px}@media (max-width: 767px){.mt-md-0{margin-top:0}}.mb-64{margin-bottom:64px}.mb-48{margin-bottom:48px}.mb-40{margin-bottom:40px}.mb-32{margin-bottom:32px}.mb-24{margin-bottom:24px}.mb-16{margin-bottom:16px}.mb-12{margin-bottom:12px}.mb-12,.mb-8{margin-bottom:8px}.mb-4{margin-bottom:4px}.me-48{margin-right:48px}.me-40{margin-right:40px}.me-24{margin-right:24px}.me-12{margin-right:12px}.me-8{margin-right:8px}@media (max-width: 767px){.mb-md-0{margin-bottom:0}.mb-md-8{margin-bottom:8px}.mb-md-12{margin-bottom:12px}.mb-md-16{margin-bottom:16px}.mb-md-24{margin-bottom:24px}.mb-md-32{margin-bottom:32px}.mb-md-40{margin-bottom:40px}}@media (max-width: 576px){.me-sm-0{margin-right:0}.me-sm-16{margin-right:16px}.mb-sm-8{margin-bottom:8px}.mb-sm-12{margin-bottom:12px}.mb-sm-4{margin-bottom:4px}.mb-sm-40{margin-bottom:40px}.mb-sm-24{margin-bottom:24px}}.d-flex{display:flex}.d-none{display:none}.row-reverse{flex-direction:row-reverse}@media (max-width: 992px){.lg-row-reverse{flex-direction:row-reverse}.d-lg-none{display:none}}@media (max-width: 767px){.d-md-block{display:block}.d-md-none{display:none}.md-row-reverse{flex-direction:row-reverse}.d-md-row{flex-direction:row}}@media (max-width: 576px){.d-sm-block{display:block}.d-sm-none{display:none}.d-sm-reverse{flex-direction:row-reverse}.d-ms-row{flex-direction:row}}.justify-content-between{justify-content:space-between}.justify-content-cneter{justify-content:center}.align-items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.row{display:flex;flex-wrap:wrap}@media (max-width: 767px){.flex-md-scrollx{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.flex-md-scrollx .flex-md-none{flex:none;max-width:300px}}.column{display:flex;flex-direction:column}@media (max-width: 767px){.column-md{display:flex;flex-direction:column}}.col-1{width:8.3333333333%;padding-left:12px;padding-right:12px}.col-2{width:16.6666666667%;padding-left:12px;padding-right:12px}.col-3{width:25%;padding-left:12px;padding-right:12px}.col-3-p0{width:25%;padding-left:0;padding-right:0}.col-4{width:33.3333333333%;padding-left:12px;padding-right:12px}.col-4-p0{width:33.3333333333%}.col-5{width:41.6666666667%;padding-left:12px;padding-right:12px}.col-6{width:50%;padding-left:12px;padding-right:12px}.col-6-p0{width:50%;padding-left:0;padding-right:0}.col-7{width:58.3333333333%;padding-left:12px;padding-right:12px}.col-8{width:66.6666666667%;padding-left:12px;padding-right:12px}.col-9{width:75%;padding-left:12px;padding-right:12px}.col-9-p0{width:75%;padding-left:0;padding-right:0}.col-10{width:83.3333333333%;padding-left:12px;padding-right:12px}.col-11{width:91.6666666667%;padding-left:12px;padding-right:12px}.col-12{width:100%;padding-left:12px;padding-right:12px}@media (max-width: 992px){.col-lg-4{width:100%;padding-left:6px;padding-right:6px}}@media (max-width: 767px){.col-md-1{width:25%;padding-left:6px;padding-right:6px}.col-md-1-p0{width:25%;padding-left:0;padding-right:0}.col-md-2{width:50%;padding-left:6px;padding-right:6px}.col-md-2-p0{width:50%;padding-left:0;padding-right:0}.col-md-3{width:75%;padding-left:6px;padding-right:6px}.col-md-3-p0{width:75%;padding-left:0;padding-right:0}.col-md-4{width:100%;padding-left:6px;padding-right:6px}.col-md-4-p0{width:100%;padding-left:0;padding-right:0}}@media (max-width: 576px){.col-md-1{width:25%}.col-sm-2{width:50%}.col-sm-3{width:75%}.col-sm-4{width:100%}}.gap-8{gap:8px}.position-relative{position:relative}*,*:before,*:after{box-sizing:border-box}body{font-family:Noto Sans TC,sans-serif;color:#212529;font-size:16px;line-height:1.5;letter-spacing:.05em}img{max-width:100%;height:auto;vertical-align:middle}a{color:#212529;text-decoration:none;display:block;font-weight:500}a:hover{color:#adb5bd}.breadcrumb-item+.breadcrumb-item:before{content:"/";padding:0 12px;color:#dee2e6;font-weight:700}.breadcrumb-item{display:flex;font-weight:500;font-size:16px}.breadcrumb-link{color:#6c757d}@media (max-width: 767px){.breadcrumb-item+.breadcrumb-item:before{padding:0 8px}.breadcrumb-item{font-size:16px}}.btn{font-family:Noto Sans TC,sans-serif;border-radius:4px;padding:12px 24px;font-size:16px;line-height:1.5;font-weight:500;cursor:pointer;border:none;background-color:transparent}@media (max-width: 576px){.btn{padding:8px 16px}}.btndisabled{cursor:not-allowed}.btn-dark{background-color:#212529;color:#fff}.btn-dark:hover{background-color:#495057}.btn-heart{border:1px solid #212529}.btn-heart:hover{color:#d74f4f;border:1px solid #D74F4F}.btn-primary-300{background-color:#c0fa73}.btn-primary-300:hover{color:#477a11}.copyright{padding-top:32px;text-align:center;border-top:1px solid #DEE2E6;font-size:14px;color:#6c757d}.section-line{border-bottom:1px solid #DEE2E6}.nava:hover{color:#57a203}.product-row{margin-left:-4px;margin-right:-4px}.product-col{width:50%;padding-left:4px;padding-right:4px}@media (max-width: 992px){.product-row .product-col{width:100%}.product-row .product-col:nth-child(n+2){display:none}}.del-price{font-size:14px;font-weight:400;color:#adb5bd;padding-left:8px}.product-color{max-width:64px;text-align:center;color:#6c757d}.btn-product-size{border:1px solid #DEE2E6;max-width:160px;width:100%}.btn-product-size.active,.btn-product-size:hover{border:1px solid #212529;max-width:160px;width:100%}.product-action .btn{width:50%}@media (max-width: 992px){.product-action .btn-lg-90{width:90%}.product-action .btn-lg-10{width:10%}}.product-info{border-bottom:1px solid #DEE2E6}.product-info-title{font-weight:500}.product-info-item{color:#6c757d}.category .active{color:#57a203}.page-item .btn{padding:8px 15px;border-radius:0;font-weight:400}.page-item .btn:hover:enabled{color:#477a11}.page-item .active:enabled{background-color:#c0fa73;font-weight:500}.storyheader{background-image:url(/20250718_demo/assets/heder-YvSXOoOb.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding:152px 0;text-align:center}@media (max-width: 767px){.storyheader{padding-top:87px;padding-bottom:87px;background-image:url(/20250718_demo/assets/heder-YvSXOoOb.png)}}.quote{border-radius:12px;text-align:center}@media (max-width: 767px){.quote{border-radius:12px;text-align:left}}.intro{max-width:1076px;text-align:center}.history-list{list-style-type:disc;padding-left:24px}.history-desc{border-left:1px solid #212529;padding-left:8px}.concept-item{padding-left:12px;border-left:3px solid #DEE2E6}.storya{color:#57a203;text-underline-offset:4px;display:block}.storya:hover{color:#fff;background-color:#57a203}@media screen and (max-width: 992px){.intro{margin-left:0;margin-right:0}}.login{background-image:url(../assets/images/login-bg.png);background-repeat:no-repeat;background-size:cover}@media (max-width: 767px){.login{background:none;padding-left:12px;padding-right:12px}}.lrswitch{width:50%;text-align:center;padding-top:12px;padding-bottom:12px;border-bottom:2px solid #DEE2E6}.lrswitch.active{color:#212529;border-bottom:2px solid #212529}.btn-login{width:100%;text-align:left;border:1px solid #DEE2E6;color:#212529;background-color:#fff}.bi.bi-check-lg{background-color:#c0fa73;color:#477a11;border-radius:50%}.bi.bi-truck{font-size:32px;padding:16px 12px}.mobilenav{display:none}@media (max-Width: 576px){.mobilenav{display:flex;flex-wrap:nowrap;text-align:center}.mobilenav li{width:50%;padding-top:12px;padding-bottom:12px}.mobilenav li a{font-weight:500}.mobilenav li a:hover{color:#477a11}}.indexheader{background-image:url(/20250718_demo/assets/banner-DI6JVJ4R.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding:289px 0 288px 200px}@media (max-Width: 767px){.indexheader{background-image:url(/20250718_demo/assets/banner-sm-Dqy3Csh0.png);padding:155px 24px 235px}}.new-arrival-card a .title{color:#212529;font-weight:700;font-size:20px;line-height:1.2;letter-spacing:.05em}.new-arrival-card a .content{color:#212529;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:.05em}@media (max-Width: 767px){.new-arrival-card a .title{font-size:16px}}.indexbanner{background-image:url(/20250718_demo/assets/banner-co-branded-ZiuKnLXx.png);background-repeat:no-repeat;background-size:cover;background-position:center;padding-top:100px;padding-bottom:100px;position:relative;overflow:hidden}.indexbanner .star{position:absolute;width:48px;top:68px;left:calc(50% - 397px)}.indexbanner .sparkle{position:absolute;width:76px;bottom:132px;right:calc(50% - 357px)}@media (max-Width: 767px){.indexbanner{background-image:url(/20250718_demo/assets/banner-co-branded-sm-DH0ZeoOT.png);padding-top:64px;padding-bottom:64px;overflow:hidden}.indexbanner .star{top:32px;left:-20px}.indexbanner .sparkle{bottom:104px;right:-28px}}.no1{display:block;position:absolute;padding:8px 12px;background-color:#f5fee7;color:#57a203;left:0;top:0}.selecttype a{position:relative}.selecttype a div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;text-align:center;z-index:2}@media (max-width: 992px){.selecttype a div{white-space:normal}}.selecttype a .mask{background-color:#000;opacity:.5;width:100%;height:100%;z-index:1}.selecttype a:hover h3,.selecttype a:hover h4{color:#c0fa73}.inspiration-row{display:flex;flex-wrap:wrap;margin:-4px}.inspiration-col-4{width:33.3333333333%;padding:4px}.inspiration-col-6{width:50%;padding:4px}.inspiration-col-12{width:100%;padding:4px}@media (max-width: 767px){.inspiration-row{flex-wrap:nowrap;margin:-4px}.inspiration-row a img{min-width:300px}.inspiration-col-4,.inspiration-col-6,.inspiration-col-12{width:unset;padding:0 8px}}