.skip-to-main-link{position:fixed;left:12px;top:-9999px;z-index:9999;padding:8px 12px;border-radius:4px;background-color:#fff;color:#000;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-size:14px;text-decoration:none}
.skip-to-main-link:focus,.skip-to-main-link:focus-visible{top:12px;outline:2px solid #cc0040;outline-offset:2px;text-decoration:underline}
.news-feed{position:relative;top:0;z-index:1000;height:auto;margin:0 auto;display:flex;align-items:center;justify-content:center;background-color:#cc0040}
@media(max-width:1219px){.news-feed{padding:0 40px}
}
@media(max-width:767px){.news-feed{padding:0 20px}
}
.news-feed-container{max-width:1220px;padding:12px 0;min-height:40px}
.news-feed-container a:hover,.news-feed-container a:active,.news-feed-container a:focus{color:#fff}
.news-feed-link{color:#fff;font:normal 400 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";text-align:center;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
@media(max-width:1219px){.news-feed-link{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}
@media(max-width:767px){.news-feed-link{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
}
.top-nav{position:relative;z-index:1001;display:flex;justify-content:center;background-color:#ccc}
.top-nav .top-nav-container{position:relative;display:flex;width:100%;height:auto;max-width:1220px;padding-top:0;padding-bottom:0;padding-left:0;justify-content:space-between;background-color:#ccc}
@media(max-width:1219px){.top-nav .top-nav-container{padding:0 40px}
}
.top-nav .top-nav-container .back-to-home{width:120px;padding:0;display:flex;align-items:center;justify-content:flex-start;flex:0 auto}
.top-nav .top-nav-container .back-to-home a:focus-visible{outline:2px solid #fff !important;outline-offset:2px;border-radius:4px}
.top-nav .top-nav-container .back-to-home .back-to-home-icon{width:15px;margin-right:10px;display:flex;align-items:center;justify-content:flex-start}
.top-nav .top-nav-container .top-nav-link{display:flex;margin-top:14px;margin-bottom:12px;padding-right:0;padding-left:0;align-items:center;align-self:center;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";color:#000;font-size:12px;line-height:130%;font-weight:400;letter-spacing:0;text-decoration:none}
.top-nav .top-nav-container .top-nav-link.account-container ul.is-login li a.log-account .svg-container,.top-nav .top-nav-container .top-nav-link.account-container ul.is-login li a.track_order .svg-container,.top-nav .top-nav-container .top-nav-link.account-container ul.is-login li a.log-out .svg-container{position:relative;width:40px;height:40px}
.top-nav .top-nav-container .top-nav-link.account-container ul.is-login li a.log-account .svg-container svg,.top-nav .top-nav-container .top-nav-link.account-container ul.is-login li a.track_order .svg-container svg,.top-nav .top-nav-container .top-nav-link.account-container ul.is-login li a.log-out .svg-container svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:unset;height:unset}
.top-nav .top-nav-container .top-nav-link:hover{color:#cc0040}
.top-nav .top-nav-link-container{display:flex;padding-top:0;padding-bottom:0;align-items:center}
.top-nav .top-nav-link-container li{cursor:pointer;display:flex;height:100%}
.top-nav .top-nav-link-container>li>a.top-nav-link{position:relative;padding:0 15px;height:100%}
.top-nav .top-nav-link-container>li:not(:first-child)>a::before{content:'';position:absolute;left:0;height:12px;width:1px;background-color:#9e9e9e}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3)){position:relative;align-items:center}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3)).has-login-space-toggle>a.top-nav-link{padding-right:28px}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3)):hover>a{color:#cc0040}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3)):hover>.login-space{display:block;position:absolute;top:100%;right:0}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3))>.login-space.dropdown-open{display:block;position:absolute;top:100%;right:0}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3))>.login-space-toggle{border:0;background:transparent;color:#000;cursor:pointer;padding:0;width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;overflow:visible;position:absolute;right:6px;top:50%;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity .15s ease}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3))>.login-space-toggle:focus-visible{opacity:1;pointer-events:auto;outline:2px solid #000 !important;outline-offset:2px;border-radius:4px}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3))>.login-space-toggle:focus:not(:focus-visible){outline:0}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3))>.login-space-toggle[aria-expanded='true']{opacity:1;pointer-events:auto}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3))>.login-space-toggle[aria-expanded='true'] .main-nav-item-toggle-icon{transform:rotate(180deg)}
.top-nav .top-nav-link-container>li:not(:nth-child(-n+3))>.login-space-toggle .main-nav-item-toggle-icon{display:block;width:24px;height:24px;fill:currentColor;transform:rotate(0);transform-origin:center center;transition:transform .2s ease}
.top-nav .top-nav-link-container .header-shop-wrap{position:relative}
.top-nav .top-nav-link-container .header-shop-wrap:hover .shopping-cart{display:block}
.top-nav .top-nav-link-container .header-shop-wrap:focus-within .shopping-cart{display:block}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart-count{display:flex;align-items:center;justify-content:center;align-self:center;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-size:12px;margin-right:15px;border-radius:50%;width:20px;height:20px;color:#fff;background-color:#cc0040}
.top-nav .top-nav-link-container .header-shop-wrap #ckoutlink{background:#cc0040;border:2px solid #cc0040;box-sizing:border-box;border-radius:100px;font:normal bold 16px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:20px;text-align:center;letter-spacing:.04em;text-transform:uppercase;color:#fff;margin:24px 30%;padding:8px 8%;display:flex;justify-content:center;float:none;z-index:10}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart{display:none;font:normal normal 12px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";background:#fff;box-shadow:0 6px 20px rgba(0,0,0,0.2);border-radius:4px;letter-spacing:.1px;padding:0;padding-top:28px;position:absolute;top:40px;margin-top:6px;right:-10px;width:480px;opacity:1;z-index:10000;line-height:15px}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container{max-height:445px;overflow-y:auto;margin:20px 0;padding:0 28px}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container li{display:flex;margin-bottom:20px}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container a{font:normal normal 12px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:14px;text-decoration-line:underline;color:#9e9e9e;z-index:10}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container p{margin:8px 0 16px 0;font:normal normal 12px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:14px;color:#4d4f52}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container .item-thumb{width:60px;height:60px;object-fit:contain}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container .cart-title{font:normal 400 16px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:22px;letter-spacing:0;text-align:left}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container .item-detail{max-width:264px;margin:0 20px}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container .cart-price span,.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container .cart-qty span{font:normal normal 12px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:18px;letter-spacing:.02em;color:#cc0040;display:inline-block;width:40%}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container::-webkit-scrollbar{width:4px}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container::-webkit-scrollbar-track{background:#f2f2f2;border-radius:80px}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-item-container::-webkit-scrollbar-thumb{background:#9e9e9e;border-radius:80px}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-subtotal{background:#f2f2f2;font:normal normal 18px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:30px;letter-spacing:.02em;color:#000;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 6.8%}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart .cart-subtotal .currency{font:normal bold 25px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:35px;letter-spacing:.02em;text-transform:capitalize;color:#c60000}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart a:hover{color:#cc0040}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart>span{font:normal 400 12px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:15px;letter-spacing:0;text-align:left;padding:0 28px}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart::before{content:"";width:15px;height:15px;background-color:#fff;position:absolute;top:-8px;right:27px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.top-nav .top-nav-link-container .header-shop-wrap .shopping-cart::after{content:"";width:100%;height:100%;position:absolute;top:-6px;z-index:-1}
.top-nav .top-nav-link-container .header-shop-wrap .shipping-container{text-align:center;text-transform:uppercase;color:#000;border-top:1px solid #fff;padding:32px 0}
.top-nav .top-nav-link-container .header-shop-wrap .shipping-container p{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;padding:0 6%}
.top-nav .top-nav-link-container .header-shop-wrap .shipping-container p:first-child{font:normal bold 18px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:22px;text-transform:uppercase;color:#000;margin-bottom:8px}
.top-nav .top-nav-link-container .header-shop-wrap .shipping-container p:last-child{font:normal normal 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:16px;letter-spacing:.02em}
.top-nav .top-nav-link-container .login-space{display:none;height:fit-content}
.top-nav .top-nav-link-container .login-space .login-container{padding:12px 0}
.top-nav .top-nav-link-container .login-space .login-container li{height:56px}
.top-nav .top-nav-link:focus-visible,.top-nav .header-shop-wrap>.top-nav-link:focus-visible{outline:2px solid #000 !important;outline-offset:2px;border-radius:4px}
.nav-bar{position:sticky;top:0;z-index:1000;display:flex;height:52px;justify-content:center;background-color:#000}
.nav-bar.fixed-nav-bar{position:fixed;top:0;width:100%;z-index:1000}
.nav-bar .nav-bar-background{position:relative;display:flex;width:100%;justify-content:center;background-color:#000}
@media(max-width:1219px){.nav-bar .nav-bar-background{width:auto}
}
.nav-bar .nav-bar-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1220px;background-color:#000}
@media(max-width:1219px){.nav-bar .nav-bar-container{padding:0 40px;display:none}
}
.nav-bar .logo-container{display:flex;width:18%;height:auto;padding-bottom:0;align-items:center}
.nav-bar .logo-container a{display:flex;align-items:center;justify-content:flex-start;max-width:200px;max-height:44px;width:100%}
.nav-bar .logo-container a img,.nav-bar .logo-container a svg{display:block;width:auto;height:auto;max-width:100%;max-height:44px}
.nav-bar .logo-container a:hover svg{fill:#cc0040}
.nav-bar .nav-link-container{padding-right:0;padding-bottom:0;display:flex;justify-content:flex-start;height:100%;width:79%;padding-left:5%}
.nav-bar .nav-link-container .nav-link{position:static;height:100%;display:flex;align-items:center;cursor:pointer}
.nav-bar .nav-link-container .nav-link .nav-link-trigger{position:relative;display:inline-flex;align-items:center}
.nav-bar .nav-link-container .nav-link a:hover{color:#cc0040}
.nav-bar .nav-link-container .nav-link a.menu-item{color:#fff;font:normal bold 16px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:140%;letter-spacing:.02em;text-transform:uppercase}
.nav-bar .nav-link-container .nav-link .nav-link-trigger>.main-nav-item-toggle{border:0;background:transparent;color:#fff;cursor:pointer;position:absolute;left:100%;top:50%;margin-left:4px;transform:translateY(-50%);padding:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;overflow:visible;opacity:0;pointer-events:none;transition:opacity .15s ease}
.nav-bar .nav-link-container .nav-link .nav-link-trigger>.main-nav-item-toggle:focus-visible{opacity:1;pointer-events:auto;outline:2px solid #fff !important;outline-offset:2px;border-radius:4px}
.nav-bar .nav-link-container .nav-link .nav-link-trigger>.main-nav-item-toggle[aria-expanded='true'] .main-nav-item-toggle-icon{transform:rotate(180deg)}
.nav-bar .nav-link-container .nav-link .nav-link-trigger>.main-nav-item-toggle .main-nav-item-toggle-icon{display:block;width:24px;height:24px;fill:currentColor;transform:rotate(0);transform-origin:center center;transition:transform .2s ease}
.nav-bar .nav-link-container .nav-link:hover{border-bottom:5px solid #cc0040}
.nav-bar .nav-link-container .nav-link:hover a.menu-item{color:#cc0040}
.nav-bar .nav-link-container .nav-link.keyboard-open .nav-link-trigger>.main-nav-item-toggle{opacity:1;pointer-events:auto}
.nav-bar .nav-link-container .nav-link.drop::before,.nav-bar .nav-link-container .nav-link.drop::after{content:"";width:20px;top:0;bottom:0}
.nav-bar .nav-link-container .nav-link.drop::before{left:100%}
.nav-bar .nav-link-container .nav-link.drop::after{right:100%}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container{position:absolute;display:flex;justify-content:space-between;width:100%;height:0;margin:0;top:52px;left:0;opacity:0;overflow:hidden}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper{display:flex;width:1220px;margin:0 auto;box-shadow:0 10px 10px -10px rgba(0,0,0,0.25)}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper a{color:#000}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left{width:14%;display:flex;justify-content:flex-end;background-color:transparent}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left .link{color:#cc0040;font:normal 500 16px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:18.75px;text-decoration:none}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left svg{fill:#cc0040;width:12px;height:12px;vertical-align:baseline}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left .campaign{color:#000;font:normal 600 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:120%;text-decoration:none}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left .nav-menu-all-product{display:flex;flex-direction:column;padding:28px 20px 0 0;width:auto;width:170px}
@media(max-width:1219px){.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left .nav-menu-all-product{width:100%;padding-left:10px}
}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left .nav-menu-all-product a{max-width:150px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left .nav-menu-all-product a:hover{color:#cc0040}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-left .nav-menu-all-product a:hover:not(.campaign){text-decoration:underline}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right{width:86%;background-color:transparent;font-style:normal;font-weight:normal;line-height:24px;letter-spacing:.02em;color:#000}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:40px;width:1050px;padding:28px 0 40px 40px}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .container{display:contents}
@media(max-width:1219px){.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list{margin-right:10px}
}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-col{width:auto;max-width:150px;margin:0;display:flex;flex-direction:column;align-items:flex-start}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-col .product-col-img-container{width:100px;height:100px}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-col .product-col-img-container .product-image{width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;margin:0}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-col.special{width:auto;height:auto;margin:0;justify-content:flex-start}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-col.special .product-link{padding-top:0;width:100%}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-col.special .activity-image-container{width:auto;height:fit-content}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-col.special .activity-image-container .activity-image{width:130px;height:162.5px;background-position:center center;background-repeat:no-repeat;background-size:cover;margin:0}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-col.special .series-text{margin:12px 0 0 0}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .series-text{font:normal bold 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:140%;text-transform:uppercase;margin-bottom:20px;cursor:default;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .series-text+.group-product-link,.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .series-text+.non-group-product-link{margin-top:0}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .group-product-link,.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .non-group-product-link{margin-top:20px}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .group-product-link .product-link:last-child,.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .non-group-product-link .product-link:last-child{margin-bottom:0}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .sub-category{margin:0 0 8px 0;font:normal 400 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:16.41px;color:#757575;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-link{margin-bottom:8px;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";font-size:14px;line-height:15.41px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right .nav-menu-product-list .product-link:hover{color:#cc0040}
.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right>.main-nav-item-toggle:focus-visible,.nav-bar .nav-link-container .nav-link.drop .nav-menu-container .nav-menu-wrapper .nav-menu-wrapper-right>.menu-item:focus-visible{outline:2px solid #fff !important;outline-offset:2px;border-radius:4px;box-shadow:0 0 0 2px rgba(255,255,255,0.95)}
.nav-bar .nav-link-container .nav-link.drop.active .nav-menu-container{z-index:1;opacity:1;height:auto;transition-property:opacity;transition-delay:.1s;transition-duration:.3s;transition-timing-function:cubic-bezier(0.2,0.4,0.6,1)}
.nav-bar .nav-link-container .nav-link.drop.active .search-area{top:52px}
.nav-bar .nav-link-background{position:absolute;z-index:-1;width:100%;height:0;margin:0;top:52px;left:0;background-image:linear-gradient(90deg,#f2f2f2 calc(170px + (100% - 1220px) / 2),#fff 0);transition-delay:.1s;transition-duration:.3s;transition-timing-function:cubic-bezier(0.2,0.4,0.6,1);box-shadow:0 4px 10px #00000040}
.nav-bar .search-icon-container{width:3%}
.nav-bar .search-icon-container .search-icon,.nav-bar .search-icon-container .close-icon{position:relative;z-index:1;cursor:pointer}
.nav-bar .search-icon-container .search-icon:hover,.nav-bar .search-icon-container .close-icon:hover{fill:#cc0040}
.nav-bar .search-icon-container.open .search-area{opacity:1;width:100%;z-index:9999}
.nav-bar .search-icon-container.open .search-area .search-area-container{opacity:1;transform:translateX(0)}
.nav-bar .search-icon-container.open .search-icon{display:none}
.nav-bar .search-icon-container .search-area{background-color:#000;position:absolute;left:0;top:0;width:0;height:100%;opacity:0}
.nav-bar .search-icon-container .search-area .search-area-container{opacity:0;transition:.7s;transform:translateX(5%);display:flex;align-items:center;justify-content:center;position:relative;margin:0 auto;max-width:800px;height:100%;gap:12px}
.nav-bar .search-icon-container .search-area .search-area-container svg{fill:#9e9e9e}
.nav-bar .search-icon-container .search-area .search-area-container input{flex:1 1 auto;color:#fff;background-color:transparent;border:0;margin-bottom:0;font:normal normal 16px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic"}
.nav-bar .search-icon-container .search-area .search-area-container input::placeholder{color:#9e9e9e}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown{position:absolute;left:0;top:100%;z-index:1;width:100%;max-height:50vh;overflow-y:auto;text-align:start;background-color:#fff;box-shadow:2px 4px 10px rgba(0,0,0,0.25)}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown li{padding-left:36px;line-height:32px;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic"}
@media(max-width:991px){.nav-bar .search-icon-container .search-area .search-area-container .dropdown li{padding-left:20px}
}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown li.title{color:#757575}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown li a{color:#000}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown li:hover:not(.title){cursor:pointer;background-color:rgba(45,125,146,0.1);font-weight:bold}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown li:has(.dropdown-action:focus-visible),.nav-bar .search-icon-container .search-area .search-area-container .dropdown li:has(.dropdown-link:focus-visible){background-color:rgba(45,125,146,0.1);font-weight:bold}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-action,.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-link,.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-clear{background:transparent;border:0;color:#000;display:block;font:inherit;line-height:inherit;padding:0;text-align:left;text-decoration:none;width:100%}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-action:focus-visible,.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-link:focus-visible,.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-clear:focus-visible{outline:2px solid #cc0040 !important;outline-offset:-2px}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-action:focus:not(:focus-visible),.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-link:focus:not(:focus-visible),.nav-bar .search-icon-container .search-area .search-area-container .dropdown .dropdown-clear:focus:not(:focus-visible){outline:0}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown.suggest li:not(.faq):first-child{padding-top:10px}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown.suggest li:not(.faq):last-child{padding-bottom:10px}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown.suggest a{color:#000}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown.history{padding-bottom:15px}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown.history li:first-child{display:flex;align-items:center;justify-content:space-between;background-color:#000;color:#fff;font-size:12px;padding-right:25px;margin-bottom:10px}
@media(max-width:991px){.nav-bar .search-icon-container .search-area .search-area-container .dropdown.history li:first-child{padding-right:20px}
}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown.history li:first-child:hover{color:unset;font-weight:normal;cursor:default}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown.history li:first-child .dropdown-clear{text-decoration:underline;cursor:pointer;color:#757575;width:auto}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown::-webkit-scrollbar{width:5px}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown::-webkit-scrollbar-track{border-radius:3px}
.nav-bar .search-icon-container .search-area .search-area-container .dropdown::-webkit-scrollbar-thumb{border-radius:3px;background-color:#9e9e9e}
.nav-bar .search-icon-container .search-area .search-area-container .search-close-button{background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;flex:0 0 auto}
.nav-bar .search-icon-container .search-area .search-area-container .search-close-button:focus-visible{outline:2px solid #cc0040 !important;outline-offset:2px;border-radius:4px}
.nav-bar .search-icon-container .search-area .search-area-container .search-close-button:focus:not(:focus-visible){outline:0}
.nav-bar .mb-nav-bar-container{display:none}
.nav-bar .mb-nav-bar-container .menu-bt-container{margin-left:-10px;padding-top:22px;padding-bottom:22px;z-index:1}
.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon{display:none;position:static;left:0;top:0;right:auto;bottom:auto;width:40px;height:16px;margin-top:-2px;margin-left:0;padding-right:20px;padding-left:20px;flex-direction:column;transform:rotate(0)}
.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon .top-line,.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon .middle-line,.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon .bottom-line{position:static;left:0;right:0;width:20px;height:2px;margin:0;transform-style:preserve-3d;transition:all .6s;background-color:#fff}
.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon .top-line{top:18px;transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0,0)}
.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon .middle-line{top:28px;margin:auto 0;opacity:1}
.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon .bottom-line{top:38px;transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0,0)}
.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon.active .top-line{transform:translate3d(0,7px,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(45deg) skew(0,0);transform-style:preserve-3d}
.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon.active .middle-line{opacity:0}
.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon.active .bottom-line{transform:translate3d(0,-6px,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(-45deg) skew(0,0);transform-style:preserve-3d}
@media(max-width:1219px){.nav-bar .mb-nav-bar-container .menu-bt-container .menu-button-icon{display:flex;align-items:center;justify-content:center}
}
.nav-bar .mb-nav-bar-container .mb-logo-image-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;left:0;top:0;padding-right:0;padding-bottom:0}
.nav-bar .mb-nav-bar-container .mb-logo-image-container a{display:flex;align-items:center;justify-content:center;max-width:200px;max-height:44px;width:100%}
.nav-bar .mb-nav-bar-container .mb-logo-image-container a img,.nav-bar .mb-nav-bar-container .mb-logo-image-container a svg{display:block;width:auto;height:auto;max-width:100%;max-height:44px}
@media screen and (max-width:359px){.nav-bar .mb-nav-bar-container .mb-logo-image-container a{max-width:150px}
}
.nav-bar .mb-nav-bar-container .mb-nav-bar-right{margin-top:-2px;padding-bottom:0;display:flex;align-items:center;z-index:1}
.nav-bar .mb-nav-bar-container .mb-nav-bar-right .shopping-cart-area{margin-left:20px}
.nav-bar .mb-nav-bar-container .mb-nav-bar-right .shopping-cart-area .mobile-menu-shop{position:relative}
.nav-bar .mb-nav-bar-container .mb-nav-bar-right .shopping-cart-area .mobile-menu-shop .btn_cart_toggle_mobile{margin-right:0;display:flex;align-items:center;gap:4px}
.nav-bar .mb-nav-bar-container .mb-nav-bar-right .shopping-cart-area .mobile-menu-shop .btn_cart_toggle_mobile span{color:#000;background-color:#cc0040;font-size:12px;border-radius:50%;text-align:center;height:20px;display:inline-block;width:20px;line-height:20px;font-weight:500}
.nav-bar .mb-nav-bar-container .mb-nav-bar-right .shopping-cart-area .mobile-menu-shop .btn_cart_toggle_mobile .shopping-cart-img{background-image:none;width:auto;height:auto;margin:0;text-indent:0}
@media screen and (max-width:1219px){.nav-bar .mb-nav-bar-container{display:flex;align-items:center;justify-content:space-between;width:100%;margin-right:20px;margin-left:20px;padding-right:0;padding-bottom:0}
}
.nav-bar .mb-nav-menu-wrapper{display:none;position:absolute;left:0;top:52px;right:0;bottom:0;z-index:1000;display:block;overflow:auto;width:100%;height:100vh;padding-right:0;padding-bottom:0;flex-direction:row;background-color:#fff;transform:translate3d(0,-200%,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0,0);transition:all .6s}
.nav-bar .mb-nav-menu-wrapper ul.mb-nav-menu.main li:nth-child(1){margin-top:20px}
.nav-bar .mb-nav-menu-wrapper ul.mb-nav-menu.main:has(.mb-nav-menu.series.active)>*:not(:has(.mb-nav-menu.series.active)){display:none}
.nav-bar .mb-nav-menu-wrapper ul li{width:100%;position:relative;display:flex;gap:12px;justify-content:space-between;align-items:center;padding-right:12px}
.nav-bar .mb-nav-menu-wrapper ul li:has(.mb-nav-menu.series.active):nth-child(1){margin-top:0}
.nav-bar .mb-nav-menu-wrapper ul li:has(.mb-nav-menu.series.active) a.nav-link-2:nth-child(1){display:none}
.nav-bar .mb-nav-menu-wrapper ul li:has(.mb-nav-menu.series.active) .div-block-18.nav-series-btn{display:none}
.nav-bar .mb-nav-menu-wrapper ul li.login-li{display:unset;padding:10px 12px 0 20px}
.nav-bar .mb-nav-menu-wrapper ul li.login-li .login-user{display:flex;align-items:center;gap:12px}
@media(min-width:1220px){.nav-bar .mb-nav-menu-wrapper ul li.login-li .login-user{display:none}
}
.nav-bar .mb-nav-menu-wrapper ul li.login-li .svg-container{width:24px;height:24px}
.nav-bar .mb-nav-menu-wrapper ul li.login-li span.nav-link-2.sub.log_name{padding:0;margin:0;height:fit-content}
.nav-bar .mb-nav-menu-wrapper ul li.login-li ul.login-container.login-area li{margin-top:8px;padding:0}
.nav-bar .mb-nav-menu-wrapper ul li.login-li ul.login-container.login-area li a.login-area{margin-top:0;padding:10px 0}
.nav-bar .mb-nav-menu-wrapper .search-area{background-color:#000;padding:6px 10px;position:relative}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container{padding:0 10px;background:rgba(255,255,255,0.15);border-radius:4px;border-color:rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown{position:absolute;left:0;top:100%;z-index:1;width:100%;height:100vh;overflow-y:auto;text-align:start;background-color:#000;box-shadow:2px 4px 10px rgba(0,0,0,0.25)}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown li{padding:8px 20px;justify-content:flex-start}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown li.title{color:#757575}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown li a{color:#fff}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown li button{color:#fff;background:transparent;padding:0}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown li:hover:not(.title){cursor:pointer;background-color:rgba(45,125,146,0.1)}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown.suggest li:not(.faq):first-child{padding-top:10px}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown.suggest li:not(.faq):last-child{padding-bottom:10px}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown.history{padding-bottom:15px}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown.history .dropdown-clear{background:transparent;color:#757575;font:normal 400 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:150%;text-decoration:underline}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown.history li:first-child{display:flex;align-items:center;justify-content:space-between;background-color:#000;font:normal 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic" "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:150%;padding-right:25px;color:#9e9e9e}
@media(max-width:991px){.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown.history li:first-child{padding-right:20px}
}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown.history li:first-child:hover{font-weight:normal;cursor:default}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .dropdown.history li:first-child span{text-decoration:underline;cursor:pointer;color:#9e9e9e}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container .search-close-button{padding:0;background:transparent}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container input{color:#fff;background-color:transparent;border:0;margin-bottom:0;font:normal normal 16px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic"}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container input::placeholder{color:#9e9e9e}
.nav-bar .mb-nav-menu-wrapper .search-area .search-area-container svg{fill:#9e9e9e}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;height:80vh}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main{display:flex;width:auto;overflow-y:auto}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .nav-link-2{position:static;display:flex;width:100%;padding:10px 0 10px 20px;align-items:center;border-bottom:.5px none #393939;font:normal 600 16px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";color:#000;line-height:24px;text-decoration:none}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .nav-link-2.mobile{display:inline-block;width:100%;color:#000;font:normal 400 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:130%;text-transform:uppercase;padding:10px 20px}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .nav-link-2.mobile.back-to-menu-title{width:auto;height:36px;margin:0;padding:0;justify-content:center;border-top-style:none;border-bottom-style:none;font:normal normal 12px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:14px;text-transform:capitalize}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .nav-link-2.sub{height:44px;font:normal 400 16px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:130%;margin-top:8px}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .nav-link-2.sub.login-area{margin-top:8px;color:#4d4f52;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";gap:12px}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .nav-link-2.sub.b2c-icon{color:#000;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic"}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .nav-link-2.sub .svg-container{width:24px;height:24px;position:relative}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .nav-link-2.sub .svg-container svg{position:absolute;top:0;left:0;transform:unset}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .div-block-18{color:#646363;height:40px;width:40px;display:flex;align-items:center;justify-content:center;cursor:pointer}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .div-block-18 .svg-container{width:20px;height:20px;position:relative}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .div-block-18 .svg-container svg{position:absolute;width:100%;height:100%;top:0;left:0}
@media(max-width:479px){.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.main .div-block-18{right:6%}
}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series{display:none;align-items:center;border-bottom-style:none;height:0;padding:0;-webkit-transform:translate3d(1000 PX,-50px,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0,0);-moz-transform:translate3d(1000 PX,-50px,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0,0);-ms-transform:translate3d(1000 PX,-50px,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0,0);transform:translate3d(1000 PX,-50px,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0,0);opacity:0;transition:all .5s;overflow:hidden;background-color:#fff}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series.active{position:absolute;top:100%;width:100%;opacity:1;display:flex;height:calc(100vh - 148px);overflow-y:auto}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .back-to-menu{width:100%;height:52px;padding:14px 20px}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .back-to-menu .back-container{display:flex;width:100%;height:100%;align-items:center;gap:12px}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .back-to-menu .back-container .back-to-menu-title{display:inline-block;width:100%;height:100%;line-height:24px;font-size:16px}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .back-to-menu .back-container .svg-container{width:44px;height:44px;position:relative}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .back-to-menu .back-container .svg-container svg{position:absolute;top:0;left:0;width:100%;height:100%}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .series-title{width:100%;height:64px;padding:30px 20px 10px 20px;font:normal 700 16px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:24px}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .series-title span{font:normal 600 16px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:150%;text-transform:uppercase;color:#000}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .dropdown{width:100%;background-color:#fff}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .dropdown .dropdown-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;height:auto;padding:10px 20px;font:normal 600 16px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:130%;text-transform:capitalize}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .dropdown .dropdown-toggle a{color:#000;font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic"}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .dropdown .dropdown-toggle svg{transition:all .5s}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .dropdown .dropdown-toggle.active svg{transform:rotate(90deg)}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .dropdown .dropdown-list{position:unset;background-color:#fff;display:none}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .dropdown .dropdown-list .dropdown-link{width:100%;display:block;padding:10px 30px;color:#000;line-height:130%;font:normal 400 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic"}
.nav-bar .mb-nav-menu-wrapper .mb-nav-menu.series .dropdown .dropdown-list .sub-category{margin-bottom:0;padding:8px 20px 0 20px;font:normal 400 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:16.41px;color:#757575}
.nav-bar .mb-nav-menu-wrapper .mb-nav-divider{width:calc(100% - 40px);height:1px;margin:20px;background-color:#ccc}
.nav-bar .mb-nav-menu-wrapper .mb-nav-divider div{height:1px}
.nav-bar .mb-nav-menu-wrapper .menu-block{width:calc(100% - 40px);margin:20px 0 12px 0}
.nav-bar .mb-nav-menu-wrapper .menu-block div{background:#ccc;width:100%;height:1px}
.nav-bar .mb-nav-menu-wrapper::-webkit-scrollbar{width:0}
.nav-bar .mb-nav-menu-wrapper.active{transform:translate3d(0,0,0) scale3d(1,1,1) rotateX(0) rotateY(0) rotateZ(0) skew(0,0);transform-style:preserve-3d}
@media(max-width:1219px){.nav-bar .mb-nav-menu-wrapper{display:block}
}
.nav-bar .menu-item:focus-visible,.nav-bar .nav-link-2:focus-visible,.nav-bar .dropdown-link:focus-visible,.nav-bar .menu-button-icon:focus-visible,.nav-bar .nav-series-btn:focus-visible,.nav-bar .back-to-menu:focus-visible,.nav-bar .dropdown-toggle:focus-visible{outline:2px solid #fff !important;outline-offset:2px;border-radius:4px}
.nav-bar .nav-menu-container a:focus-visible,.nav-bar .nav-menu-container button:focus-visible{outline:2px solid #cc0040 !important;outline-offset:2px;border-radius:4px}
.login-container{background-color:#ccc;margin-top:5px;width:170px;border-radius:12px;font:normal normal 16px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:40px;letter-spacing:.02em;text-transform:capitalize}
.login-container>li{padding:8px 16px}
.login-container>li>a{display:flex;align-items:center;gap:8px;width:100%;font-size:14px;line-height:120%;letter-spacing:.02em;color:#000}
.login-container>li>a .svg-container{position:relative;width:40px;height:40px}
.login-container>li>a .svg-container svg{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-32.5%,-32.5%)}
.login-container>li:hover{background-color:#fff}
.login-container>li:hover a{color:#000}
.login-container a:focus-visible{outline:2px solid #000 !important;outline-offset:2px;border-radius:4px}
@media(max-width:1219px){.login-container{display:block;background-color:#fff;position:unset;width:unset;margin-top:0}
}
@media screen and (min-width:1440px){.login-container{width:170px}
.nav-link{font-size:15.5px}
.link{font-size:15.5px}
.product-col{width:160px}
}
@media screen and (min-width:1920px){.nav-bar{height:55px}
.nav-menu-all-product{width:35%}
.link{font-size:16px}
.nav-menu-container{top:55px}
}
@media screen and (max-width:1219px){.top-nav-container{display:none}
.top-nav{display:none}
.nav-bar{top:0;margin-top:0;flex-direction:row}
.nav-bar .nav-bar-background{width:auto}
.nav-bar .nav-bar-container{display:none}
.nav-bar .nav-link-container{display:flex}
.nav-bar .nav-link-container .nav-menu-wrapper{display:none}
}
.no-scroll{overflow:hidden;height:100%}
.overflow-hidden{overflow:hidden}
.overlay{background-color:#000;opacity:.6;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:1000}
[v-cloak]{opacity:0}
.cookie-bar{opacity:0}
.cookie-bar.ready{opacity:1}
.cookie-bar.center{position:fixed;margin:auto;left:0;right:0;bottom:0;top:0;overflow:auto;z-index:1002;display:flex;justify-content:center;padding:5vh 0;background-color:rgba(0,0,0,0.5)}
.cookie-bar .cookie-bar-container{border-radius:12px;box-shadow:0 -4px 20px rgba(0,0,0,0.2);background-color:#fff;z-index:9998}
.cookie-bar .cookie-bar-container button:focus-visible,.cookie-bar .cookie-bar-container a:focus-visible,.cookie-bar .cookie-bar-container .switch:focus-visible{outline:2px solid #cc0040 !important;outline-offset:2px;border-radius:6px}
.cookie-bar .cookie-bar-container.center{width:calc(100vw - 40px);margin:auto}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center{width:calc(100vw - 160px);border-radius:24px}
}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center{width:960px;border-radius:32px}
}
.cookie-bar .cookie-bar-container.center .content .title{padding:40px 20px 0 20px}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center .content .title{padding:80px 60px 0 60px}
}
.cookie-bar .cookie-bar-container.center .content .middle{width:calc(100% - 4px);padding:0 16px 0 20px;overflow-y:auto;margin-top:40px;margin-bottom:32px}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center .content .middle{width:calc(100% - 8px);margin-top:80px;padding:0 52px 0 60px}
}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center .content .middle>.text-wrap p,.cookie-bar .cookie-bar-container.center .content .middle>.text-wrap a{font-size:16px}
}
.cookie-bar .cookie-bar-container.center .content .middle .title{padding:0}
.cookie-bar .cookie-bar-container.center .content .middle .text-wrap{margin-bottom:0}
.cookie-bar .cookie-bar-container.center .content .middle::-webkit-scrollbar{width:4px}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center .content .middle::-webkit-scrollbar{width:8px}
}
.cookie-bar .cookie-bar-container.center .content .middle::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}
.cookie-bar .cookie-bar-container.center .content .btn-wrap{padding:0 20px 40px 20px;display:flex;align-items:center;justify-content:space-between;flex-direction:column-reverse;gap:20px;width:100%}
@media(min-width:768px){.cookie-bar .cookie-bar-container.center .content .btn-wrap{padding:0 60px 60px 60px}
}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center .content .btn-wrap{width:auto;flex-direction:row}
}
.cookie-bar .cookie-bar-container.center .content .btn-wrap .right{display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column-reverse}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center .content .btn-wrap .right{flex-direction:row}
}
.cookie-bar .cookie-bar-container.center .content .btn-wrap .left,.cookie-bar .cookie-bar-container.center .content .btn-wrap .right{width:100%}
@media(min-width:1024px){.cookie-bar .cookie-bar-container.center .content .btn-wrap .left,.cookie-bar .cookie-bar-container.center .content .btn-wrap .right{width:auto}
}
.cookie-bar .cookie-bar-container.center .content .btn-wrap button{max-width:100%}
.cookie-bar .cookie-bar-container.bottom{position:fixed;padding:32px 28px;bottom:20px;left:20px;right:20px}
.cookie-bar .cookie-bar-container.bottom .content .text-wrap *{font-size:12px}
.cookie-bar .cookie-bar-container.bottom .content .btn-wrap{flex-direction:column;align-items:flex-start}
.cookie-bar .cookie-bar-container.bottom .content .btn-wrap button{margin-bottom:28px}
@media(min-width:768px){.cookie-bar .cookie-bar-container.bottom{left:40px;bottom:40px;padding:40px 48px;max-width:648px;border-radius:32px}
.cookie-bar .cookie-bar-container.bottom .content .text-wrap *{font-size:14px}
.cookie-bar .cookie-bar-container.bottom .content .btn-wrap{flex-direction:row;align-items:center}
.cookie-bar .cookie-bar-container.bottom .content .btn-wrap button{margin-bottom:0}
.cookie-bar .cookie-bar-container.bottom button{margin-right:32px}
}
.cookie-bar .cookie-bar-container .title p{font:normal 700 24px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";text-align:center;line-height:130%;margin-bottom:16px;color:#000}
@media(min-width:768px){.cookie-bar .cookie-bar-container .title p{font-size:32px}
}
@media(min-width:1024px){.cookie-bar .cookie-bar-container .title p{font-size:36px}
}
.cookie-bar .cookie-bar-container .content .text-wrap{margin-bottom:28px;color:#000}
.cookie-bar .cookie-bar-container .content .text-wrap p,.cookie-bar .cookie-bar-container .content .text-wrap a{font:normal 400 14px "Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";line-height:150%;margin-bottom:0}
.cookie-bar .cookie-bar-container .content .text-wrap u{font-family:"Roboto","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic"}
.cookie-bar .cookie-bar-container .content .text-wrap .switch-title{font:normal 600 16px "Montserrat","Noto Sans TC","Noto Sans SC","Noto Sans JP","Noto Sans KR","Noto Sans Thai","Noto Sans Devanagari","Noto Sans Arabic";margin-bottom:.5rem}
.cookie-bar .cookie-bar-container .content .switch-wrap{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:32px;margin-top:32px}
.cookie-bar .cookie-bar-container .content .switch-wrap li{display:flex;flex-direction:column;gap:16px}
@media(min-width:768px){.cookie-bar .cookie-bar-container .content .switch-wrap li{flex-direction:row;gap:20px}
}
@media(min-width:1024px){.cookie-bar .cookie-bar-container .content .switch-wrap li{gap:28px}
}
.cookie-bar .cookie-bar-container .content .switch-wrap .text-wrap p,.cookie-bar .cookie-bar-container .content .switch-wrap .text-wrap a{line-height:130%}
.cookie-bar .cookie-bar-container .content a{color:#cc0040;text-decoration:underline}
.cookie-bar .cookie-bar-container .content .btn-wrap{display:flex;align-items:center;justify-content:flex-start}
.cookie-bar .cookie-bar-container .content .link-wrap{display:flex;gap:20px}