body.zh-tw .component-header *{font-family:'Noto Sans TC' !important}
body.zh-cn .component-header *{font-family:'Noto Sans SC' !important}
.component-header{border-top:unset}
.component-header .skip-to-main-content{position:absolute;top:0;left:16px;transform:translateY(-140%);background-color:#fff;color:#000;text-decoration:none;font-family:'Roboto',sans-serif;font-size:14px;line-height:18px;font-weight:700;padding:10px 14px;border-radius:8px;z-index:200;transition:transform .15s ease}
.component-header .skip-to-main-content:focus,.component-header .skip-to-main-content:focus-visible{transform:translateY(8px);outline:2px solid #8668ff;outline-offset:2px}
.component-header *{word-spacing:normal;text-size-adjust:normal;font-feature-settings:normal;text-rendering:auto;-webkit-font-smoothing:auto;overflow-wrap:normal;-webkit-tap-highlight-color:rgba(0,0,0,0.18)}
.component-header #header .main-bar-mobile .overlay-nav .overlay-nav-bar{display:block !important;transition:opacity .3s}
.component-header #header p{margin:0}
.component-header #header input{padding:0;line-height:normal}
.component-header #header .g6-link-lg-light{display:inline-block;text-decoration:none;font-weight:500;max-width:610px;width:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:12px auto;font-family:'Roboto',Arial,"Noto Sans TC","微軟正黑體",Helmet,Freesans,verdana,sans-serif;font-size:16px;line-height:19px;color:#7231c6 !important}
.component-header #header .g6-text-sm{line-height:1.5;font-weight:400;font-size:12px;font-family:'Roboto'}
.component-header #header .main-bar{background-color:#fff}
.component-header #header .main-bar-pc .main-bar-container>a:focus-visible{outline:2px solid #000;outline-offset:2px;border-radius:2px}
@media(max-width:1220px){.component-header #header .main-bar-mobile .overlay-nav .overlay-subnav .subnav-link-container .option{display:flex}
}
.component-header #header .subnav .subnav-container .left>a:focus-visible,.component-header #header .subnav .subnav-container .right>a:focus-visible{outline:0;box-shadow:0 0 0 1px #fff;border-radius:4px}
.component-header #header .subnav .subnav-container .shopping_car_area.cart-area,.component-header #header .subnav .subnav-container .log_area,.component-header #header .subnav .subnav-container #notloginDiv,.component-header #header .subnav .subnav-container #loginDiv>.user-menu-trigger{border-radius:2px}
.component-header #header .subnav .subnav-container .shopping_car_area .cart:focus-visible,.component-header #header .subnav .subnav-container .log_area>a:focus-visible,.component-header #header .subnav .subnav-container #notloginDiv>a:focus-visible,.component-header #header .subnav .subnav-container #loginDiv>.user-menu-trigger:focus-visible{outline:0}
.component-header #header .subnav .subnav-container .shopping_car_area.cart-area:focus-within,.component-header #header .subnav .subnav-container .log_area:focus-within,.component-header #header .subnav .subnav-container #notloginDiv:focus-within,.component-header #header .subnav .subnav-container #loginDiv>.user-menu-trigger:focus-visible{box-shadow:0 0 0 1px #fff}
.component-header #header .subnav .subnav-container .log_area.user-open svg path,.component-header #header .subnav .subnav-container #notloginDiv.user-open svg path,.component-header #header .subnav .subnav-container #loginDiv.user-open svg path{fill:#b27aff}
.component-header #header .subnav .subnav-container .right .log_area:hover .user-option,.component-header #header .subnav .subnav-container .right .log_area.user-open .user-option{display:flex}
.component-header #header .subnav .subnav-container .right .log_area .user-option .option:focus-visible{outline:2px solid #000;outline-offset:0}
.component-header #header .mega-menu{opacity:unset !important}
.component-header #header .main-bar-pc .main-bar-container .main-nav .main-nav-item .main-nav-content-container .main-nav-content .content-link-container .segment .segment-item:focus-visible,.component-header #header .main-bar-pc .main-bar-container .main-nav .main-nav-item .main-nav-content-container .main-nav-content .content-link-container .aside-area .aside-area-link:focus-visible,.component-header #header .main-bar-mobile .overlay-nav .mega-menu .mega-menu-content .segment .segment-item:focus-visible{outline:2px solid #000;outline-offset:2px;border-radius:2px}
.component-header #header .shopping_car_area.cart-area.keyboard-open .icon-cart path{fill:#b27aff}
.component-header #header .shopping_car_area.cart-area.keyboard-open .cart-detail{display:block}
.component-header #header .shopping_car_area.cart-area.keyboard-open .overlay{display:block}
.component-header #header .shopping_car_area.cart-area .icon-cart::before{content:unset}
.component-header #header .shopping_car_area.cart-area .overlay{background-color:rgba(0,0,0,0.8);width:100vw;height:100vh;position:fixed;top:116px;right:0;z-index:1;display:none}
.component-header #header .shopping_car_area.cart-area .cart-detail.show+.overlay{display:block}
.component-header #header .shopping_car_area .cart::before{content:unset}
.component-header #header .shopping_car_area .cart.show_content+.shopping-cart{z-index:10}
.component-header #header .shopping_car_area .cart.show_content ~ .cart-detail{display:block}
.component-header #header .shopping_car_area .shopping-cart{margin-top:0}
.component-header #header .shopping_car_area .shopping-cart a:focus-visible,.component-header #header .shopping_car_area .shopping-cart button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.component-header #header .shopping_car_area .shopping-cart::before{border:0}
@media(max-width:1220px){.component-header #header .shopping_car_area .shopping-cart.show{position:absolute;top:93px;right:-20px;left:auto;border:0;max-height:574px;padding:60px 100px}
}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items{max-height:264px;overflow:auto}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li{display:flex;flex-shrink:0;position:relative;align-items:center;justify-content:flex-start;padding-bottom:24px;border-bottom:1px solid #ccc;max-height:124px;overflow:hidden;gap:12px}
@media(max-width:1220px){.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li{height:132px;padding-bottom:32px;max-height:unset;padding-top:0;margin-bottom:0}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li:not(:first-child){padding-top:32px}
}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li figure{height:100px;width:100px;margin:0;flex-shrink:0}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li .item-detail{width:auto;height:100px}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li .item-detail h6{font-family:'Roboto';font-weight:500;font-size:16px;line-height:19px;margin-bottom:10px}
@media(max-width:1220px){.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li .item-detail h6{font-family:"Roboto";font-weight:500;font-size:18px;line-height:21px}
}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li .item-detail span{width:auto}
@media(max-width:1220px){.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items li .item-detail span{font-family:'Roboto';font-weight:600;font-size:14px;line-height:18px;color:#7231c6}
}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items .remove{-webkit-transform:rotate(0);transform:rotate(0)}
@media(max-width:1220px){.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items .remove{width:40px;height:40px}
}
.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items .remove::before{content:url('../../../../../etc/designs/g6/clientlib-site/img/header-icon/cart-item-delete.svg')}
@media(max-width:1220px){.component-header #header .shopping_car_area .shopping-cart .shopping-cart-items .remove::before{content:url('../../../../../etc/designs/g6/clientlib-site/img/header-icon/cart-item-delete-mobile.svg');position:absolute;top:50%;right:0;transform:translateY(-50%)}
}
.component-header #header .shopping_car_area .shopping-cart .cart-subtotal .capt{font-family:'Roboto';font-weight:500;font-size:14px;line-height:18px}
.component-header #header .shopping_car_area .shopping-cart .cart-subtotal .currency{font-family:"Roboto";font-weight:600;font-size:20px;line-height:18px;color:#7231c6}
.component-header #header .shopping_car_area .shopping-cart .com_btn#ckoutlink{width:100%;max-width:389px;display:block;text-align:center;border-radius:4px;cursor:pointer;text-decoration:none;border-style:solid;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:.1s;font-family:'Roboto','Poppins',Arial,"Noto Sans TC","微軟正黑體",Helmet,Freesans,verdana,sans-serif;padding:16px 20px;font-size:16px;font-weight:700;min-width:94px;border-width:2px;border-color:#000;background-color:#000;color:#fff;margin-right:0}
@media(max-width:1220px){.component-header #header .shopping_car_area .shopping-cart .com_btn#ckoutlink{width:100%;max-width:unset;font-family:'Roboto';font-weight:700;font-size:16px;line-height:24px}
}
.component-header #header .log_area:focus-within .user-option{display:flex}
.component-header #header .log_area .user-menu-trigger:focus-visible{outline:0}
.component-header #news-feed .news-feed{background-color:unset;height:unset;margin-top:0}
.component-header #news-feed .news-feed>.text{margin:0}
.component-header #header .global-notification-bar .global-notification-bar-container .global-notification-bar-text .link::after{content:url(../../../../../etc/designs/g6/clientlib-site/img/g6/right-arrow-light.svg);margin-left:10px}