/*------------------------------------
fix-CYBERBIZ
---------------------------------------- */
:root {
	--c_stroke:#e0e0e0;
	--c_light_gray:#efefef;
	--c_tool_nav:#004f71;
	--c_tool_border:#e0e0e0;
	--c_blue:#0475a5;
	--c_blue2:#366B9C;
	--c_light_blue_plus:#0E7BB8;
	--c_medium_blue:#004f71;
	--c_dark_blue_plus:#123980;
	--c_dark_blue:#184577;
	--c_dark_gray:#616161;	
	--c_black:#404040;	
	--c_dark_black:#212121;	
    --header_serch_overlay: rgba(0, 0, 0, 0.48);
    --title_primary_color: #001489;
	--w_lg:1100px;
	--w_md:930px;
	--w_sm:690px;
	--w_xs:510px;
	--t_h1:3.125rem;
	--t_h2:2.5rem;
	--t_h3:1.5rem;
	--t_h4:1.125rem;
	--t_h5:1rem;
	--t_h6:0.75rem;
	--t24:1.5rem;
	--t16:1rem;
}

body {
    font-family: 'Noto Sans TC', sans-serif !important;
    color: var(--c_dark_gray);
}

.qk-fs--body {
    font-size: 1rem;
}
.qk-fs--title {
    font-size: 16px;
}
.qk-btn, .qk-btn--sm, .qk-btn--md, .qk-btn--lg, .qk-btn--xl {
    border-radius: 32px;
}
.form-control {
    border-radius: 28px;
}

.title-fg{
	color:var(--title_primary_color);
	background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

h1, .h1 {font-size: 3.125rem;}
h2, .h2 {font-size: 2.5rem;}
h3, .h3 {font-size: 1.5rem;}
h4, .h4 {font-size: 1.125rem;}
h5, .h5 {font-size: 1rem;}
h6, .h6 {font-size: 0.75rem; font-weight:normal;}

@media(max-width:767px){
:root {
	--t_h1:1.5rem;
	--t_h2:1.5rem;
}
	
h1, .h1 {font-size: 1.5rem;}
h2, .h2 {font-size: 1.5rem;}
h3, .h3 {font-size: 1.5rem;}
h4, .h4 {font-size: 1.125rem;}
h5, .h5 {font-size: 1rem;}
h6, .h6 {font-size: 0.75rem}
}

.font-size-setting-enabled .two_dimension_swiper_menus .second_level_text {
    font-size: 0.8vw !important;
}
.font-size-setting-enabled .two_dimension_swiper_menus .link_shelf_third_item>a, 
.font-size-setting-enabled .two_dimension_swiper_menus .link_shelf_third_item>span, 
.font-size-setting-enabled .two_dimension_swiper_menus .swiper-slide>a, 
.font-size-setting-enabled .two_dimension_swiper_menus .swiper-slide>span {
    font-size: 0.75vw !important;
}

#site_path {
	margin-top: 0px;
}
.qk-container {
    max-width: min(100%, 1100px);
    margin: 0 auto;
}
@media only screen and (min-width: 576px) {
    .qk-container{
        max-width: var(--w_xs);
		margin:0 auto;
    }
#product .product_description .desc_sections_hold ul {
    width: min(calc(100% - 30px), var(--w_xs));
}
}
@media only screen and (min-width: 768px) {
    .qk-container{
        max-width: var(--w_sm);
		margin:0 auto;
    }
#product .product_description .desc_sections_hold ul {
    width: min(calc(100% - 30px), var(--w_sm));
}
}
@media only screen and (min-width: 992px) {
    .qk-container{
        max-width: var(--w_md);
		margin:0 auto;
    }
#product .product_description .desc_sections_hold ul {
    width: min(calc(100% - 30px), var(--w_md));
}
}

@media only screen and (min-width: 1200px) {
    .qk-container{
        max-width: var(--w_lg);
		margin:0 auto;
    }
#product .product_description .desc_sections_hold ul {
    width: min(calc(100% - 30px), var(--w_lg));
}
}



/*---- PRODUCT ----*/
#product .qk-fs--body {

}
#product .product_info .product_content .qk-fs--body {
    line-height: 25px;
    font-size: var(--t16);
    color:var(--c_dark_gray) !important;
}
#product .product_info .product_content .product_title h1 {
    line-height: 28px;
    font-size: var(--t24);
	color:var(--c_dark_blue_plus) !important;
}
#product .product_info {
    -ms-grid-columns:444px 444px;
    grid-template-columns: 444px 444px;
    column-gap: 32px;
    justify-content: center;
}
#product .product_info .product_content .product_brief div,
#product .product_info .product_content .product_brief .notev{
    font-size: var(--t16);
    font-weight: bold;
	color:var(--c_light_blue_plus);
	text-decoration:none;
}
#product .product_info .product_content .product_brief a{
    padding-left:6px;
	color:var(--c_dark_blue);
	text-decoration:underline;
}
#product .product_info .product_content .product_vendor_slogan .product_slogan {
    color: var(--title_primary_color) !important;
    background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--t16);
    font-weight: bold;
}
.qk-text--discount_price {
    color: #c39d6f\0 !important;
    color: var(--discount_price) !important;
}
#product .product_info .product_content #variant_options .option_title, #product .product_info .product_content .variant_options .option_title {
    color: var(--c_dark_gray) !important;
}

.btn.addToCart.btn_to_cart {
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 18px;
    border-radius: 32px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.575rem .75rem;
}
.btn.addToCart.btn-quick_buy {
    font-size: 18px;
    border-radius: 32px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.575rem .75rem;
}
#product .product_info .product_content .product_button, 
#product .product_info .product_content .product_button_mobile {
    grid-row: 11;
    -ms-grid-row: 11;
    gap: 18px;
    padding-top: 8px;
}

#product .product_info .product_photos .thumb li.active {
    border-color: var(--c_black) !important;
}

#product .product_info .product_photos .product_button_mobile button, 
#product .product_info .product_content .product_button_mobile button {
    border-radius: 32px;
}

#product .product_info .product_content .product_discounts_list{
    border-color: var(--c_light_gray) !important;
}

#product .product_description .desc_sections .qk-fs--title {
    font-size: var(--t16);
}
#product .product_description .section-heading{
	font-size: var(--t24);
    color: var(--title_primary_color) !important;
    background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    border-left-width: 0;
    padding-left: 0;
}
#product .product_description .desc_body {
	margin:0 auto;
}
#product .product_description .desc_body img {
	width: 100%;
}

#related-products .section-heading {
	font-size: var(--t24);
    color: var(--title_primary_color) !important;
    background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    border-left-width: 0;
    padding-left: 0;
	text-align:center;
}


@media (max-width: 991px) {
#product .product_info {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
}
#product .product_info .product_photos .product_button_mobile .cart .number, 
#product .product_info .product_content .product_button_mobile .cart .number {
	top: 5px;
	right: 5px;
	background-color: transparent !important;
	border: 0px solid var(--text);
	color: var(--text) !important;
}
#product .product_info .product_content .product_button, 
#product .product_info .product_content .product_button_mobile {
    padding-top: 0;
}
}

@media (max-width: 767px) {
    #product .product_info .product_content {
        padding: 0 0px;
    }
	#product .product_description {
		padding: 40px 0px;
	}
}


@media (min-width: 992px) {
    #product .product_info .product_photos .product_photo {
        padding: 0;
        height: 100%;
    }
    #product .product_info .qk-swiper_btn--v1.qk-swiper_btn--next {
        right: 5px;
    }
    #product .product_info .qk-swiper_btn--v1.qk-swiper_btn--prev {
        left: 5px;
    }
}

/*優惠訊息*/
p.noticeADD {
    padding-top: 6px;
    font-size: 12px !important;
}

/*collection*/
#collection-content {
	padding-left:0;
	padding-right:0;
    padding-bottom: 30px;
}
.collection-container h1 {
    color: var(--title_primary_color) !important;
    background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 38px;
    font-weight: bold;
    border: none !important;
    display: flex;
    justify-content: center;
}
#float-filter .corona-select {
    border: 1px solid var(--c_tool_border);
    border-radius: 5px;
    padding: 0 8px;
}
.product .title>a {
    -webkit-line-clamp: 2;
    line-height: 1.2;
    height: 58px !important;
    font-size: 20px;
    font-weight: bold;
    color: var(--c_dark_black) !important;
	text-align: left;
}
.product .price-block {
    font-size: var(--t16) !important;
    padding-bottom: 8px;
    justify-content: flex-start;
}
.grid-view{
    gap: 50px 20px !important;
}
.paginate-wrapper{
    margin-top: 50px !important;
    justify-content: center !important;
}
.page-button {
    font-size: var(--t16);
    color: var(--c_dark_gray) !important;
    padding: 0 24px;
    font-weight: normal;
}
.page-button.current-page {
	position:relative;
    color: var(--c_blue) !important;
    font-weight: bold;
}
.page-button.current-page:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -4px;
    border-bottom: 3px solid var(--c_blue);
}
.page-select .vs__dropdown-toggle .vs__selected-options .vs__selected {
    font-size: var(--t16) !important;
}
.page-select-container{
    margin-left: 40px !important;
}
.pagebuttons-container .qk-arrow {
    border-color:var(--c_blue);
    border-width: 0 1px 1px 0 !important;

}
#collection-content .hover-image-container .image-container img {
    border-radius: 5px;
}

@media (max-width: 991px) {
.product .title>a {
	font-size: 18px;
	height: 50px !important;
}
.collection-container h1 {
    font-size: 24px;
}
#collection-content .btn {
    text-decoration: underline !important;
    height: auto;
    line-height: 1;
    border-color: transparent !important;
    background-color: transparent !important;
    font-size: 1rem;
    color: var(--c_medium_blue) !important;
    padding: 0;
    margin-top: 0px;
    text-align: left;
    font-weight: 700;
	border-radius:0;
    justify-content: flex-start;
}
}

@media (max-width: 767px) {
#collection-content {
	padding-left:15px;
	padding-right:15px;
    padding-bottom: 20px;
}
.grid-view {
    gap: 36px 16px !important;
	margin-left:-6px;
	margin-right:-6px;
}
.product .title>a {
    font-size: 16px;
	height: 44px !important;
}
}

/*------------------------------------
style-Abbott
---------------------------------------- */
/*COMMON*/
[class^="abt-icon-"], [class*=" abt-icon-"] {
    font-family: 'Abbott-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
:root{
	--tiles-border-radius:4px;--tiles-bg:#fff;--tiles-box-shadow:0 2px 4px 0 rgba(0,0,0,0.24);--tiles-bg-transition:all .3s;--tiles-xsmall-width:216px;--tiles-xsmall-width-tablet:160px;--tiles-xsmall-height:116px;--tiles-xsmall-height-mobile:80px;--tiles-small-height-mobile:96px;--tiles-medium-width:294px;--tiles-medium-width-tablet:210px;--tiles-medium-height:140px;--tiles-medium-height-mobile:96px;--tiles-large-width:450px;--tiles-large-width-tablet:330px;--tiles-large-height:184px;--tiles-large-height-mobile:168px;--tiles-border-top:8px solid #ffd100;--tiles-padding:24px 24px 20px;--tiles-bg-hover:#001489;--tiles-border-top-hover:8px solid #001489;--tiles-bg-hover-color:#fff;--tiles-bg-color:#000;--tiles-para-margin-top:1rem;--tiles-font-family:'Brandon Text',sans-serif;--tiles-icon-color:#888b8d;--tiles-icon-color-hover:#fff;--tiles-icon-size:1.25rem;--tiles-para-font-family:'Brandon Text',sans-serif;--tiles-bg-dark:#000;--tiles-border-color-dark:#000;--tiles-color-dark:#fff;--tiles-bg-dark-hover:#fff;--tiles-border-color-dark-hover:#fff;--tiles-color-dark-hover:#000;--tiles-title-border-dark-hover:#000;--tiles-title-border-line-dark-hover:#000;--tiles-list-margin:15px 0;--o-tiles-bg-padding:60px;--o-tiles-bg-padding-mob:15px;--o-tiles-height:502px;--o-tiles-heading-margin:45px;--o-tiles-heading-margin-mob:20px;--date-input-field-width:180px;--date-picker-field-full-width:100%;--date-input-field-margin-r:1.25rem;--date-input-help-msg-margin-t:-15px;--date-input-field-error:#e4002b;--date-picker-date-border-radius:50%;--date-input-field-error-font-size:.75rem;--date-input-field-error-line-height:1rem;--date-input-field-error-margin-t:.25rem;--date-input-field-error-margin-b:1rem;--date-picker-wrap-width:380px;--date-picker-wrap-height:412px;--date-picker-date-text-color:#000;--date-picker-start-date-bg:#ffd100;--date-picker-current-date:#d9d9d6;--date-picker-select-color:#ffd100;--date-picker-box-shadow:inset 0 0 0 1px #ffd100;--date-picker-month-font-size:1.125rem;--date-picker-month-line-height:1.5rem;--date-picker-weekday-font-size:.75rem;--date-picker-weekday-line-height:1rem;--date-picker-weekday-font-color:#63666a;--date-picker-icon-selected-color:#000e5e;--date-picker-icon-size:1.5rem;--date-picker-default-width:1.25rem;--date-picker-days-margin:.625rem;--date-picker-position-spacer:2.8125rem;--mega-menu-border-hover:5px solid #001489;--mega-menu-dropdown-border-color:#888b8d;--mega-menu-v2-padding-x:2.5rem;--mega-menu-v2-padding-y:2rem;--mega-menu-v2-link-y:.25rem;--mega-menu-v2-title:.5rem;--mega-menu-v2-list:.8125rem;--mega-menu-v3-ter-x:.75rem;--mega-menu-v3-ter-y:.5rem;--mega-menu-v3-img:1rem;--mega-menu-link-y:.625rem;--mega-menu-link-x:.31rem;--mega-menu-mob-ht:2.25rem;--mega-menu-mob-bg:#fff;--mega-menu-nav:2.75rem;--mega-menu-navbar-padding:0 1.82rem;--mega-menu-nav-padding-left:1rem;--mega-menu-mobile-item:15px 48px 13px 16px;--mega-menu-nav-md:8px 12px 8px 8px;--mega-menu-nav-padding-tab:1rem;--mega-menu-padding-half:.5rem;--mega-menu-padding-quarter:.25rem;--mega-menu-navbar-wrapper-md:.75rem;--mega-menu-hamburger:2.5rem;--mega-menu-mobile-active-bg-color:#ffd100;--mega-menu-badge-pos:-25px;--mega-menu-variation-1-wrapper:2rem 0 1rem 2.82rem;--mega-menu-variation-1-top:2rem;--mega-menu-wrapper-width:1200px;--mega-menu-min-width:272px;--mega-menu-min-height:300px;--mega-menu-link-padding:.875rem .875rem .875rem 1rem;--mega-menu-img-list:50rem;--mega-menu-img-list-width:55rem;--mega-menu-nav-item:11.375rem;--mega-menu-item-img:8.5rem;--mega-menu-sub-width:155px;--mega-menu-variation-2-width:176px;--mega-menu-height:180px;--mega-menu-padding-top:1.5rem;--mega-menu-spacer:.9375rem .875rem .8125rem 1rem;--mega-menu-variation-3-width:160px;--mega-menu-color:#000;--mega-menu-list-font-size:.875rem;--mega-menu-list-line-height:1.25rem;--mega-menu-link-color:#001489;--mega-menu-link-letter-spacing:.6px;--mega-menu-icon-font-family:Abbott-icon;--mega-menu-icon-color:#000;--mega-menu-list-h6-font-size:.75rem;--mega-menu-list-h6-line-height:1rem;--mega-menu-list-h6-letter-spacing:.5px;--mega-menu-list-h4-font-size:1rem;--mega-menu-list-h4-line-height:1.5rem;--mega-menu-link-hover-padding:.625rem;--mega-menu-title-padding-top:.75rem;--rte-font-12-size:.75rem;--rte-font-12-line-height:1rem;--rte-font-14-size:.875rem;--rte-font-14-line-height:1.25rem;--rte-color:#63666a;--a-pin-icon-popup-store-font-size:1rem;--a-pin-icon-popup-store-line-height:$h5-line-height;--a-pin-icon-popup-store-text-color:#222731;--a-pin-icon-popup-getdirection-font-size:.875rem;--a-pin-icon-popup-getdirection-line-height:1.25rem;--a-pin-icon-popup-getdirection-text-color:#001489;--a-pin-icon-popup-miles-font-size:.875rem;--a-pin-icon-popup-miles-line-height:1.25rem;--a-pin-icon-popup-miles-text-color:#222731;--a-pin-icon-popup-pin-icon-bg-color:#001489;--a-pin-icon-popup-pin-icon-text-color:#fff;
	}
	
.a-title{--title-top-border:1px solid #000;--title-color:#000;--title-border:1px solid #000;--title-padding:.625rem;--title-border-radius-rounded:10px 0 10px 0;--title-dark-bg:#000;--title-dark-bg-color:#fff;--title-light-bg:#fff;--title-secondary-bg:#ffd100
}

.a-title--fg{--title-default-color:#000;--title-light-color:#fff;--title-primary-color:#001489;--title-secondary-color:#63666a
}

.a-dropdown{--dropdown-margin:0;--dropdown-field-bg-color:#fff;--dropdown-field-padding:.9375rem 3rem .8125rem 1rem;--dropdown-field-padding-rtl:.9375rem 1rem .8125rem 3rem;--dropdown-field-border:1px solid #222731;--dropdown-field-border-radius:6px;--dropdown-field-font-size:.875rem;--dropdown-field-line-height:1.25rem;--dropdown-field-height:48px;--dropdown-field-max-height:48px;--dropdown-menu-box-shadow:0 2px 4px 0 rgba(0,0,0,0.24),0 4px 8px -2px rgba(141,141,148,0.28);--dropdown-menu-bg-color:#fff;--dropdown-menu-border-radius:4px;--dropdown-menu-margin-top:2px;--dropdown-menu-max-height:182px;--dropdown-menu-list-border-bottom:1px solid #888b8d;--dropdown-menu-option-padding:.9375rem .9375rem .8125rem 1rem;--dropdown-menu-option-padding-rtl:.9375rem .9375rem .8125rem .9375rem;--dropdown-menu-option-hover-bg-color:#ffd100;--dropdown-icon-font-family:"Abbott-icon";--dropdown-active-border-color:#001489;--dropdown-disabled-bg-color:#ececeb;--dropdown-disabled-border:1px solid #ececeb;--dropdown-disabled-selected-color:#888b8d;--dropdown-error-border-color:#e4002b;--dropdown-scroll-max-height:180px;--dropdown-scroll-border:1px solid #d9d9d6;--dropdown-scroll-border-radius:4px;--dropdown-scroll-bg-color:#d9d9d6;--dropdown-scroll-thumb-border-radius:10px;--dropdown-placeholder-color:#63666a;--dropdown-selected-color:#000
}

.f-link-stack{--country-select-title-padding:1.5rem 1rem 0 1.5rem;--country-select-title-tablet-padding:0 .25rem;--country-select-icon-left:.675rem;--country-select-icon-top:.9rem;--country-select-icon-tablet-top:1.4rem;--country-select-icon-font-size:1.2rem;--country-select-icon-width:1.5rem;--country-select-input-search-padding:.9375rem .4rem .8125rem 2.5rem;--country-select-input-search-desktop-max-width:189px;--country-select-language-margin:0 .3rem;--link-stack-tablet-spacing-top:.5rem;--link-stack-dropdown-mobile-border-radius:6px;--link-stack-border-width:4px;--link-stack-dropdown-desktop-max-height:262px;--link-stack-dropdown-desktop-width:237px;--link-stack-dropdown-desktop-top:24px;--link-stack-scrollbar-border-radius:4px;--link-stack-scrollbar-tablet-width:6px;--link-stack-scrollbar-desktop-width:8px;--link-stack-content-top:48px;--link-stack-icon-font-size:1.125rem;--link-stack-color:#d4d4d4;--link-stack-outline-color:1px solid #fff;--link-stack-h6-font-size:.875rem;--link-stack-h6-line-height:1.25rem;--link-stack-h6-color:#ffd100;--link-stack-content-padding:.9375rem 0 0 1.5625rem;--link-stack-modal-color:#000;--link-stack-modal-link-color:#003da5;--link-stack-smart-search-font-size:.875rem;--link-stack-lang-color:#001489;--link-stack-search-bar-border-background:#ffd100;--link-stack-link-color:#000;--link-stack-link-color-hover:#001489;--link-stack-link-bg-color-hover:#d9d9d6;--link-stack-link-color-lg:#001489;--link-stack-link-border-bottom-color:#888b8d;--link-stack-icon-font-size-sm:1rem;--link-stack-dropdown-margin:1rem 0 0 0;--link-stack-dropdown-bg-color:#fff;--link-stack-dropdown-border:#222731;--link-stack-container-padding-right:1rem;--link-stack-container-scroll-bar:#fff;--link-stack-container-track-color:#d9d9d6;--link-stack-container-thumb-color:#d9d9d6;--link-stack-spacer-xxs:.5rem;--link-stack-spacer-xs1:.625rem;--link-stack-spacer-xs:.125rem;--link-stack-spacer-s:1rem;--link-stack-spacer-sm:.9375rem;--link-stack-spacer-m:1.25rem;--link-stack-spacer-l:1.875rem;--link-stack-spacer-xl:3rem;--link-stack-spacer-md:.8125rem;--link-stack-spacer-lg:1.5rem;--link-stack-base-font-family:'Brandon Text',sans-serif;--link-stack-heading-font-family:'Brandon Text',sans-serif;--link-stack-list-font-size:1rem;--link-stack-list-line-height:1.25rem;--link-stack-list-focus-bg-color:#ffd100;--link-stack-list-active-bg-color:#916918
}

	
#header {
    --link-font-size: .875rem;
    --link-line-height: 1.25rem;
    --link-color: #003da5;
    --link-icon-color: #222731;
    --link-icon-size: 1.25rem;
    --link-icon-margin-left: .31rem;
    --link-padding-left: 30px;
    --link-padding-right: 30px;
    --link-focus-color: #000;
    --link-active-color: #000;
	
    --link-stack-dropdown-desktop-max-height: 262px;
    --link-stack-dropdown-desktop-width: 237px;
    --link-stack-dropdown-desktop-top: 24px;
    --link-stack-scrollbar-border-radius: 4px;
    --link-stack-scrollbar-tablet-width: 6px;
    --link-stack-scrollbar-desktop-width: 8px;
    --link-stack-content-top: 48px;
    --link-stack-icon-font-size: 1.125rem;
    --link-stack-color: #d4d4d4;
    --link-stack-outline-color: 1px solid #fff;
	
    --link-stack-border-width: 4px;
    --link-stack-icon-font-size-sm: 1rem;
    --link-stack-dropdown-margin: 1rem 0 0 0;
    --link-stack-dropdown-bg-color: #fff;
    --link-stack-dropdown-border: #222731;
    --link-stack-container-padding-right: 1rem;
    --link-stack-container-scroll-bar: #fff;
    --link-stack-container-track-color: #d9d9d6;
	
    --link-stack-spacer-xxs: .5rem;
    --link-stack-spacer-xs1: .625rem;
    --link-stack-spacer-xs: .125rem;
    --link-stack-spacer-s: 1rem;
    --link-stack-spacer-sm: .9375rem;
    --link-stack-spacer-m: 1.25rem;
    --link-stack-spacer-l: 1.875rem;
    --link-stack-spacer-xl: 3rem;
    --link-stack-spacer-md: .8125rem;
    --link-stack-spacer-lg: 1.5rem;
    --link-stack-h6-font-size: .875rem;
    --link-stack-h6-line-height: 1.25rem;
    --link-stack-h6-color: #ffd100;
    --link-stack-content-padding: .9375rem 0 0 1.5625rem;
    --link-stack-modal-color: #000;
    --link-stack-modal-link-color: #003da5;
    --link-stack-smart-search-font-size: .875rem;
    --link-stack-lang-color: #001489;
    --link-stack-search-bar-border-background: #ffd100;
	
    --header-border-bottom: 0;
    --header-logo-section-border-bottom: 0;
    --header-search-color: #fff;
    --header-link-stack-color: #fff;
    --header-box-shadow: none;
    --header-top-bar-height: 45px;
    --header-logo-padding: 16px 0;
	
	--search-input-color: #000;
    --search-input-bg: #fff;
    --search-input-font-size: .875rem;
    --search-input-line-height: 1.25rem;
    --search-input-border-radius: 4px;
    --search-input-icon-font-size: 1rem;
    --search-input-padding: .5rem 2.5rem .5rem 2.5rem;
}

.computer_nav .header_nav {
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0);
    background: var(--c_blue);
    background-color: var(--c_blue);
}
#header {
    background: var(--c_blue);
    background-color: var(--c_blue);
}
.main_nav ul{
     position: static;
     justify-content: flex-start !important;
}

@media only screen and (min-width: 576px) {
	.abbott_container,
	.header_logo>div,
    .main_nav ul{
        max-width: var(--w_xs);
		margin:0 auto;
    }
}
@media only screen and (min-width: 768px) {
	.abbott_container,
	.header_logo>div,
    .main_nav ul {
        max-width: var(--w_sm);
		margin:0 auto;
    }
}
@media only screen and (min-width: 992px) {
	.a-header__search .dropdown-menu,
	.abbott_container,
	.header_logo>div,
    .main_nav ul {
        max-width: var(--w_md);
		margin:0 auto;
    }
}

@media only screen and (min-width: 1200px) {
	.a-header__search .dropdown-menu,
	.abbott_container,
	.header_logo>div,
    .main_nav ul {
        max-width: var(--w_lg);
		margin:0 auto;
    }
}

/* ==========================================================================
   
   ========================================================================== */
#header .global-cart-count {
    font-size: 12px;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    background-color: transparent !important;
}
#mobile-bottom-bar .global-cart-count {
    top: 5px;
    right: 5px;
    border: 0px solid var(--nav_logo_bg);
    background-color: transparent !important;
}
.sidebar .drawer-toggle:before {
    border-top: 2px solid #fff;
}
.sidebar .drawer-toggle:after {
    border-left: 2px solid #fff;
}

.drawer-nav.qk-bg--nav_menu_bg {
    background-color: transparent !important;
    background: linear-gradient(180deg, #0475a5 0, #004f71 100%);
}
.drawer-nav .qk-bg--nav_menu_bg,
.drawer-nav .qk-bg--nav_logo_bg {
    background-color: transparent !important;
}
.sidebar li:not(.logo)>button, 
.sidebar li:not(.logo)>a, 
.sidebar li:not(.logo)>span, 
.sidebar li:not(.logo)>div {
    margin-bottom: 7px;
}

.computer_nav {
    background-color: var(--c_blue) !important;
}

.row_nav.computer_nav .logo img {
    width: auto;
    height: 40px;
}
.main_nav .link_shelf_top span:first-child .two_dimension_dropdown_menu.qk-bg--nav_menu_bg {
    /*display: block;*/
}

/* 隱藏下拉選單的初始狀態 */
.main_nav .link_shelf_top .two_dimension_dropdown .two_dimension_dropdown_menu.qk-bg--nav_menu_bg {
	display: block; 
	position: absolute;
    top: 100%;
    left: 0;
    width: 100vw; 
    background-color: #ffffff;
    overflow: hidden; 
    opacity: 0;
    visibility: hidden;
    
    /* 亞培特有的平滑曲線：cubic-bezier */
    transition: 
        max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.4s ease,
        visibility 0.4s;
}

/* 當滑過父層項目時顯示 */
.main_nav .link_shelf_top .two_dimension_dropdown:hover .two_dimension_dropdown_menu.qk-bg--nav_menu_bg {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}


.main_nav .two_dimension_dropdown_menu.qk-bg--nav_menu_bg {
    background-color: #fff !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
}
.main_nav .two_dimension_dropdown_menu .qk-bg--nav_menu_bg{
    background-color: #fff !important;
}
.main_nav .two_dimension_dropdown_menu .qk-text--nav_menu_text {
    color: var(--c_dark_gray) !important;
}
.main_nav .two_dimension_dropdown_menu .qk-text--accent_hover:hover {
    color: var(--c_dark_gray) !important;
}
.main_nav .two_dimension_dropdown_menu .qk-swiper-nav:after {
    border-color: var(--c_dark_gray) !important;
}
.main_nav .two_dimension_dropdown_menu .qk-swiper-nav:hover:after {
    border-color: var(--c_dark_black) !important;
}

/*1st-item*/
.computer_nav .header_nav .dropdown,
.computer_nav .two_dimension_dropdown {
    padding: 8px 0px 16px !important;
    margin-right: 30px;
}

.main_nav .two_dimension_dropdown .dropdown_toggle,
.main_nav .dropdown>a,
.main_nav .dropdown>span,
.main_nav .dropdown .menu_text{
    font-size: 0.875rem !important;
    line-height: var(--mega-menu-list-line-height);
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: var(--mega-menu-link-letter-spacing);
    padding: 0 0 6px 0;
    text-decoration: none !important;
	border-bottom: 3px solid transparent;
}
.main_nav .two_dimension_dropdown .dropdown_toggle:hover,
.main_nav .dropdown>a:hover,
.main_nav .dropdown>span:hover,
.main_nav .dropdown .menu_text:hover{
    color: #fff !important;
}
.main_nav .dropdown>span:not(:has(*)):hover,
.main_nav .dropdown>a:not(:has(*)):hover{ 
    position: relative;
    border-bottom: 4px solid #ffffff !important;
}

.main_nav .two_dimension_dropdown .dropdown_toggle{
    margin-right: 30px;
}
.main_nav .two_dimension_dropdown .dropdown_toggle {
	position:relative;
}
.main_nav .two_dimension_dropdown .dropdown_toggle:after {
	position:absolute;
    content: "\e907";
    font-family: 'Abbott-icon', sans-serif !important;
    font-size: 0.85rem;
    height: auto;
    margin-left: 10px;
	color:#fff;
	font-weight:normal;
}

/*2nd-item*/
.main_nav .link_shelf_third_item>a,
.main_nav .second_level_text,
.main_nav .second_level_text a{
    font-size: var(--link-font-size);
    line-height: var(--link-line-height) !important;
    text-transform: uppercase;
    font-weight: bold;
}
.main_nav .link_shelf_third_item>a,
.main_nav a.second_level_text{
    text-decoration: underline !important;
}

.computer_nav .logo {
    padding: 15px 0;
    position: relative;
}
.header_logo>div>div.qk-text--center {
    text-align: left;
}


/* 通用按鈕樣式 */
.link-header-buynow {
    color: #004f71;
    background: linear-gradient(90deg, #d5b25a 0, #faefc1 47.92%, #d5b25a 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    padding: 9px 24px;
    line-height: 1;
    border-radius: 22px;
    font-weight: bold;
    font-size: 0.875rem;
}
.link-header-buynow .abt-icon {
	font-family: 'Abbott-icon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    top: auto;
    height: 100%;
    font-size: .5625rem;
    padding: 3.5px;
    border-radius: 50%;
    font-weight: bold;
    background-color: #004f71;
    color: #fff;
}
.link-header-buynow .abt-icon-arrow-right:before {
    content: "\e926";
}
.link-header-buynow .f-link__inner-text {
    margin-right: 10px;
    text-transform: initial;
    letter-spacing: normal;
}
.link-header-buynow:hover,
.link-header-buynow:hover .f-link__inner-text{
    text-decoration:none !important;
}
.custom-header-buynow {
    margin-left: auto !important; 
    list-style: none;
    display: flex;
    align-items: center;
    margin-top: -20px;
}


/* ==========================================================================
   亞培主頁>下拉選單
   ========================================================================== */
#abbott-top-nav {
	background-color:var(--c_blue);
    position: relative;
    /*z-index: 2000;*/
}
#abbott-top-nav-mobile {
	display:none;
}

.a-header__user-activity .f-link-stack .f-link__text {
    color: #fff;
    margin: 0;
}
.a-header__secondary-top-nav .row-top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    margin-right:0;
    margin-left: 0;
    padding-top: 3px;
}
.a-header__user-activity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: header-user-activity-trasition;
    transition: header-user-activity-trasition;
    position: relative;
    left: 0 !important;
    z-index: 1;
}
.a-header__user-activity .a-header__utility-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.a-header__utility-nav .country-dropdown {
    display: inline-flex;
}
.a-header__utility-nav .country-dropdown .f-link-stack {
    margin-left: 32px;
    padding-right: 0 !important;
}
.a-header__user-activity .a-header__utility-nav .f-link-stack__link {
    width: auto;
}
.a-header__user-activity .f-link-stack .f-link {
    display: block;
    margin: 0;
}
.a-header__user-activity .f-link-stack .f-link__text {
font-size: var(--link-stack-h6-font-size);
        line-height: var(--link-stack-h6-line-height);
        color: var(--link-stack-link-color-lg);
        -webkit-transition: all ease .5s;
        transition: all ease .5s;
    text-decoration: none;
    font-weight: normal;
    color: #fff;
    margin: 0;
    position: relative;
    padding-right: var(--link-padding-right);
}
.a-header__user-activity .f-link-stack .f-link__text .abt-icon {
    display: inline-block;
    position: absolute;
    font-size: var(--link-stack-icon-font-size-sm);
    right: -8px;
    top: 2px;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    color: var(--header-link-stack-color);
    right: 0;
}
.a-header__user-activity .f-link-stack .f-link__text .abt-icon:before {
    margin: 0;
	content: "\e907";
}

/*dropdown*/
.f-link-stack__dropdown-wrapper {
        -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);
        border: 0;
        border-radius: 0;
        width: var(--link-stack-dropdown-desktop-width);
        max-height: var(--link-stack-dropdown-desktop-max-height);
        max-height: unset;
        padding: 0;
        margin: var(--link-stack-dropdown-margin);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: var(--link-stack-dropdown-bg-color);
        position: absolute;
        top: var(--link-stack-dropdown-desktop-top);
    left: auto;
    right: 0;
    }
    .f-link-stack__dropdown-wrapper::before {
        content: "";
        border: 7px solid var(--link-stack-dropdown-bg-color);
        border-color: transparent transparent var(--link-stack-dropdown-bg-color) var(--link-stack-dropdown-bg-color);
        width: 0;
        height: 0;
        position: absolute;
        top: -0.3125rem;
        right: 13%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transform-origin: "0 0";
        transform-origin: "0 0";
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-box-shadow: -2px 2px 3px -2px rgba(0, 0, 0, 0.34);
        box-shadow: -2px 2px 3px -2px rgba(0, 0, 0, 0.34);
    }

.f-link-stack__container {
    max-height: var(--link-stack-dropdown-desktop-max-height);
    overflow-y: auto;
}
.f-link-stack__list {
    padding: 0;
    list-style: none;
    margin-top: var(--link-stack-spacer-sm);
    margin-bottom: 1rem;
}
.f-link-stack__list li {
    padding: var(--link-stack-spacer-xs1) var(--link-stack-spacer-lg);
}
.a-header__user-activity .f-link-stack .f-link {
    margin: 0;
    width: 100%;
	display: block;
}
.a-header .f-link-stack__dropdown-wrapper .f-link__text, 
.a-header .f-link-stack__dropdown-wrapper .f-link__text:hover {
    text-decoration: underline !important;
    color: #616161 !important;
    font-weight: bold;
}
.js-collapsable-links-dropdown { 
	display: none; 
}
.js-f-link-stack-dropdown.is-open .js-collapsable-links-dropdown {
    display: block !important;
}
.a-header__user-activity .f-link-stack__dropdown-wrapper::before {
	content: "";
	border: 7px solid var(--link-stack-dropdown-bg-color);
	border-color: transparent transparent var(--link-stack-dropdown-bg-color) var(--link-stack-dropdown-bg-color);
	width: 0;
	height: 0;
	position: absolute;
	top: -0.3125rem;
	right: 13%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform-origin: "0 0";
	transform-origin: "0 0";
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-box-shadow: -2px 2px 3px -2px rgba(0, 0, 0, 0.34);
	box-shadow: -2px 2px 3px -2px rgba(0, 0, 0, 0.34);
}
.a-header__user-activity .f-link-stack__container {
    max-height: var(--link-stack-dropdown-desktop-max-height);
    max-height: unset;
    overflow-y: auto;
    max-height:	
}
.a-header__user-activity .f-link-stack__list {
    padding: 0;
    list-style: none;
    margin-top: var(--link-stack-spacer-sm);
    margin-bottom: 1rem;
}	
.a-header__user-activity .f-link-stack__list li {
    padding: var(--link-stack-spacer-xs1) var(--link-stack-spacer-lg);
	height:auto;
}
.a-header__user-activity .a-header__user-activity .f-link-stack .f-link {
    margin: 0;
}
.a-header__user-activity .f-link-stack__list li .f-link a {
    font-size: var(--link-stack-list-font-size);
    line-height: var(--link-stack-list-line-height);
    text-transform: var(--link-stack-base-font-family);
    width: 100%;
    text-decoration: underline !important;
    color: #616161 !important;
    font-weight: bold;
    padding: 0;
}
.a-header__user-activity .f-link-stack__list li .f-link a:hover{
	background:none;
}
	
.js-f-link-stack-dropdown .abt-icon-down-arrow {
    display: inline-block;
    transition: transform 0.3s ease;
}
.js-f-link-stack-dropdown.is-open .abt-icon-down-arrow { 
	transform: rotate(180deg); 
}
.f-link-stack__list { 
	list-style: none; 
	margin: 0; 
	padding: 0; 
}
.f-link-stack__list-item a { 
	color: #333 !important; 
	padding: 8px 20px; 
	display: block; 
	text-decoration: none; 
}
.f-link-stack__list-item a:hover { 
	background-color: #f5f5f5; 
}

/*search*/
.a-header__search {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: var(--header-search-mobile-right);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    width: auto;
    margin-left: 32px;
}
.a-header .f-search:not(.f-search--expand) {
    left: 0 !important;
}
.f-search--icon-left {
    color: #003da5;
    color: #fff;
}
.f-search--icon-left:hover {
    color: #fff;
}
.f-search--icon-left .abt-icon {
    font-size: var(--search-input-icon-font-size);
}
.abt-icon-search:before {
    content: "\e914";
}

.a-header__search .dropdown-menu{
    position: absolute;
    will-change: transform;
    top: 0px;
    left: auto !important;
    transform: translate3d(0px, 24px, 0px)  !important;
    right: 0;
    width:  var(--w_lg);
    border: none;
}

.a-header__search .search-input {
    border-radius: 0;
}
.a-header__search .search-btn {
    border-color: var(--c_tool_nav);
    color: var(--button_text);
    background-color: var(--c_tool_nav);
    border-radius: 0;
    padding: 0 16px !important;
    margin-left: 0px !important;
}

/* ==========================================================================
   Header 動態切換與捲動控制 
   ========================================================================== */
#header { 
	transform: none !important; 
}
.computer_nav {
    position: sticky;
    top: 0;
    background: #fff;
    transition: top 0.4s ease;
}
#abbott-top-nav, 
.header_top {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), 
                opacity 0.3s ease, 
                margin-top 0.4s ease;
    transform-origin: top;
}
/* 捲動後 (Scrolled) 狀態控制 (7/27改位置>不捲動)
body.header-scrolled #abbott-top-nav {
    margin-top: -40px; 
    transform: scaleY(0);
    opacity: 0;
    pointer-events: none;
}*/

body.header-scrolled .header_top {
    transform: translateY(-100%);
    margin-bottom: -40px; 
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    display: none !important;
}

body.header-scrolled .header_nav { 
top: 0 !important; 

}

body.header-scrolled .computer_nav {
    position: fixed !important; 
    top: 0 !important;
    left: 0;
    width: 100%;
    /*z-index: 1001;*/
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
body.header-scrolled #main {
    margin-top: 120px;
}

#header #float-filter {
        display: none; 
}
/* 當 body 進入捲動模式時 */
body.header-scrolled #header #float-filter {
    display: block !important;
    position: relative !important; 
    width: 100% !important;
    max-width: 100% !important;
    z-index: 1000 !important;
    background: #ffffff !important;
    top: 0 !important;
    left: 0 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0) !important;
    padding: 10px 0 !important;
}

body.header-scrolled #header {
    height: auto !important;
}

/* 確保 computer_nav相對定位，避免 filter 浮動上去 */
body.header-scrolled .computer_nav {
    position: relative !important;
    z-index: 1001 !important;
    padding-top: 8px;
}


/* --- Tool-Nav Logo 與選單切換 --- */
.tool-nav {
	--c_tool_nav:#004f71;
	--c_tool_border:#e0e0e0;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 120px;
    align-items: center;
}
.tool-nav > ul { 
	display: flex !important; 
	margin-right:-20px;
}
.custom-tool-nav-logo { 
	display: none !important; 
	transition: opacity 0.3s ease; 
}
.a-logo-comp--image { 
	max-height: 30px; 
	width: auto; 
}
.tool-nav.is-scrolled > ul { 
    display: flex !important; 
    align-items: center; 
    animation: fadeIn 0.4s ease forwards;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}

.tool-nav .search .qk-dropdown_menu {
    /*width:var(--w_lg);*/
    left: auto !important;
    padding: 15px;
    margin: 0;
    right: 0;
    border: 0px solid rgba(0, 0, 0, 0.15);
    background-color: #fff !important;
    border-radius: 0;
    margin-top: 2px;
}
.tool-nav .search .search-btn {
    width: 60px;
    margin-left: 0px;
    border-radius: 0;
	border-color: #004f71;
    color: #fff;
    background-color: #004f71;
}
.tool-nav .search .search-input {
    width: 100% !important;
    border-color: #004f71;
    background-color: #fff !important;
    border-radius: 0;
}
.tool-nav .qk-btn--primary {
    border-color: var(--c_tool_nav);
    color: var(--button_text);
    background-color: var(--c_tool_nav);
}
.tool-nav .qk-btn--secondary {
    border-color: var(--c_tool_nav);
    color: var(--c_tool_nav);
    background-color: var(--theme_bg);
}
.tool-nav .qk-bd--product_border {
	border-color: var(--c_tool_border) !important;
    border-radius: 0;
    /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.34);*/
}
.tool-nav .member-menu {
    box-shadow:unset;
}

@media (min-width: 992px) {
.tool-nav svg:hover {
        color: #004f71 !important;
    }
}

/* ==========================================================================
   RWD
   ========================================================================== */
@media(max-width:991px){
#abbott-top-nav {
  display:none !important;
}
#abbott-top-nav-mobile {
	display:block;
	order: 2;
	flex: 0 0 50% !important;
	padding-right: 4px;
}
#abbott-top-nav-mobile .a-header__user-activity {
    justify-content: flex-end;
	gap:0 18px;
}
#abbott-top-nav-mobile .a-header__user-activity .f-link-stack .f-link__text {
    padding-right: 20px;
	font-size: 0.95rem;
}
#abbott-top-nav-mobile .a-header__user-activity .f-link-stack .f-link__text .abt-icon {
    top: 2px;
}
#abbott-top-nav-mobile .a-header__utility-nav .country-dropdown .f-link-stack {
    margin-left: 0px;
}
#abbott-top-nav-mobile .a-header__user-activity .f-link-stack .f-link__text .abt-icon:before {
    font-size: 14px;
}
}

@media (max-width: 576px) {
#abbott-top-nav-mobile {
	flex: 0 0 40% !important;
}
#abbott-top-nav-mobile .a-header__user-activity .f-link-stack .f-link__text {
	font-size: 0.85rem;
}
}

@media (max-width: 991px) {
    .mobile-nav > ul.two-tier-nav {
		display: flex !important;
        flex-wrap: wrap !important;
        padding: 6px 0px 10px !important;
        height: auto !important;
        max-width: 690px;
        margin: 0 auto;		
    }

    /* --- 第一排元素 --- */
    /* 原本的 Logo 靠左 */
    .mobile-nav li.logo {
        display: block !important;
        flex: 0 0 40% !important; 
        order: 1 !important;
        margin: 0 !important;
        padding: 0px 0 !important;
    }
    .mobile-nav li.logo img{
        height: 40px !important;
    }
	.drawer-nav .qk-bg--nav_logo_bg img{
		height: 40px !important;
	}

    /* 新增的 Logo 靠右 */
    .mobile-nav li.custom-mobile-logo {
        flex: 0 0 40% !important;
        order: 2 !important;
        text-align: right !important;
        padding: 0px 0 !important;
		display: flex;
        justify-content: flex-end;
    }
    .custom-mobile-logo img {
        height: 22px !important;
    }

    /* --- 第二排元素 (強制換行) --- */
    .mobile-nav li.sidebar-menu-icon {
        flex: 0 0 auto !important;
        order: 4 !important;
        margin-right: 15px !important;
        padding-left: 0;
    }
    .mobile-nav .custom-header-buynow {
        order: 5 !important;
        display: flex !important;
        align-items: center;
        margin-top: 0;
    }
    .mobile-nav li.search {
        flex: 0 0 auto !important;
        order: 3 !important;
        margin-left: 15px !important;
        padding: 0;
    }

   /* 解決 order: 5 導致的定位偏移 */
    .mobile-nav .search .qk-dropdown_menu.dropdown-menu {
        position: fixed !important;
        /* 使用 JS 計算出來的變數，如果變數失效，預設回退到 50px */
        top: var(--search-top, 50px) !important; 
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        transform: none !important;
        margin: 0 !important;
        z-index: 1050 !important;
        border: none !important;
        background: #ffffff !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important; 
        /* 移除 transition 避免產生的延遲抖動 */
        transition: none !important; 
    }
    .mobile-nav .search-btn {
    border-color: var(--c_tool_nav);
    color: var(--button_text);
    background-color: var(--c_tool_nav);
        border-radius: 0;
        margin-left: 0;
    }
	.mobile-nav .search input {
    border-color: var(--c_tool_nav);
        border-radius: 0;
	}
	#mobile-bottom-bar .fill-mode path {
		fill: #123980 !important;
	}
	
}

@media (max-width: 576px) {
    .mobile-nav > ul.two-tier-nav {
        padding: 6px 16px 10px !important;
        max-width: 100%;		
    }
}

/* =========================================
   局部調整>(電腦版)<1200px
   ======================================== */
@media(max-width:1200px){
.main_nav .two_dimension_dropdown .dropdown_toggle {
    margin-right: 12px;
}
.main_nav .two_dimension_dropdown .dropdown_toggle:after {
    font-size: 0.85rem;
    margin-left: 5px;
}
.main_nav .two_dimension_dropdown .dropdown_toggle, 
.main_nav .dropdown>a, 
.main_nav .dropdown>span, 
.main_nav .dropdown .menu_text {
    font-size: 0.825rem !important;
}
}

/* =========================================
   FIX-contact
   ======================================== */
   
#contact form h1.qk-text--heading:not(label) {
    font-size: 24px;
	text-align: center;
     line-height: 1.2;
    font-weight: bold;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: var(--c_medium_blue) !important;
    background: linear-gradient(180deg, #0475a5 0, #004f71 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.form-item .form-item-header .text{
    font-size: 18px;
     line-height: 1.2;
    font-weight: bold;
    color: var(--heading) !important;
}
.contact #submit-btn {
    font-size: 18px;
	font-weight:bold;
    border-radius: 32px;	
}

.contact {
    width: 100%;
    max-width: 730px;
    margin: 28px auto 60px !important;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 30px 15px 50px;
}
.contact .form-item-input {
    border-radius: 28px !important;
}
.contact textarea.form-item-input{
    border-radius: 5px !important;
}

@media (min-width: 768px) {
.contact {
    width: 100%;
    max-width: 730px;
    margin: 48px auto 80px !important;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 30px 10px 50px;
}
.contact .form-item {
	margin: 20px 30px 0 !important;
		
}
.contact .form-item-input {
    border-radius: 28px;
}
.contact textarea.form-item-input{
    border-radius: 5px;
}
}


/* =========================================
   FIX-login/member
   ======================================== */
.login_related .form_container {
    width: 100%;
    max-width: 730px;
    margin: 20px auto 40px;
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    padding: 30px 10px 50px;
}
.login_related .form_container .form-row {
    margin: 0 15px;
}
.login_related .form_title.qk-text--heading {
     line-height: 1.2;
    font-weight: bold;
    font-size: 24px;
	text-align: center;
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: var(--c_medium_blue);
    background: linear-gradient(180deg, #0475a5 0, #004f71 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} 
.login_related .qk-text--heading{
    font-size: 18px;
}
.login_related label.qk-text--heading:not(.form-check-label) {
	font-weight:bold;
    color: var(--heading) !important;
}
.login_related .form-check .qk-text--heading,
.login_related .form-control.qk-text--heading{
	font-weight:normal;
	font-size: 16px;
    color: #000 !important;
}
.login_related .form-check-label.qk-text--heading{
    color: var(--c_dark_gray) !important;
}

#create_customer .radio-group label.radio_label {
    border: 1px solid var(--c_dark_gray); 
}

.login_related label.qk-text--heading.form-check-label,
.login_related .form_footer{
	font-weight:normal;
	font-size: 14px;
}
.login_related .qk-btn--primary {
    border-color: var(--button);
    color: var(--button_text);
    background-color: var(--button);
    font-size: 18px;
	font-weight:bold;
    border-radius: 32px;
}
.login_related .form-check .qk-text--heading, 
.login_related .form-control.qk-text--heading {
    border-radius: 32px;
}
.login_related input[type=text]:focus, .login_related input[type=email]:focus, 
.login_related input[type=password]:focus, 
.login_related input[type=tel]:focus, 
.login_related select:focus{
}

@media (max-width: 576px) {
.login_related .form_container .form-row {
    margin: 0;
}
}

/* =========================================
   FIX-account
   ======================================== */
#account #account-title {
     line-height: 1.2;
    font-weight: bold;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 1.5rem;
    color: var(--c_medium_blue);
    background: linear-gradient(180deg, #0475a5 0, #004f71 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.account_table label.qk-text--heading,
#account .qk-text--heading.qk-hd--3,
#account .qk-text--heading.qk-fs--hd2,
#account .qk-text--heading.qk-fs--hd3 {
    font-size: 18px;
	font-weight:bold;
}
#account a {
    color: var(--heading);
    cursor: pointer;
    vertical-align: bottom;
}
#account .qk-container #account_info .customer_info .customer_name{
    font-weight:bold;
}
#account .qk-container #account_info .customer_info .customer_name .sm-btn {
    font-size: 14px;
}
#account #right-side-container ul.order-tab .tab-item a {
    font-size: 16px;
}
#account .account_table {
    border-radius: 5px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
#account lable.qk-text--heading {
    font-weight: bold;
}
#account ul.addresses-tab .tab-item a {
    font-size: 16px;  
    color: var(--text)
}
.form-group label.qk-text--heading,
.form-group .item-address.qk-text--heading{
    font-size: 18px;  
	font-weight:bold;
}
#account ul.addresses-tab .tab-item.active a {
    color: var(--heading);
    border-bottom: 4px solid var(--heading);
}
#navigation #account_menu .nav-collapse-block>.nav-collapse-header,
#navigation #account_menu div a {
    color: var(--text) !important;
}
#navigation #account_menu div.active a{
    color: var(--heading) !important;
	font-weight:bold;
}
#account_menu_mobile .qk-text--heading {
    font-size: 14px;  
}
#account .row .account_table .form_btns .form_btn button {
    border-radius: 28px;
}
form .qk-text--heading:not(label) {
    color: #000 !important;
}
form label.qk-text--heading span {
    color: var(--heading) !important;
}
form span.qk-text--heading  {
    color: var(--text) !important;
}
#account form label.radio_label {
    border: 1px solid var(--text);
}
#account form input[type=radio]:checked+label.radio_label {
    background: var(--button);
    border: 1px solid var(--button);
}
form input::placeholder,
form textarea::placeholder {
    color: var(--text); 
    opacity: 1;  
}
#account form input:-webkit-autofill, #account form input:-webkit-autofill:hover, #account form input:-webkit-autofill:focus, #account form input:-webkit-autofill:active {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 30px var(--theme_bg) inset !important;
}


@media (max-width: 767px) {
    #account .qk-container #account_info .customer_info .customer_name {
        font-size: 18px;
	}
    #account .qk-container #account_info .customer_info .account_edit {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    #account .row .account_table {
        border-width: 0;
        padding: 0;
        padding: 30px 15px 30px;
    }
}
 
/* =========================================
   FIX-cart
   ======================================== */
   
/*.checkout-wrapper {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 25px;
}*/
.checkout-wrapper {
    padding-bottom: 40px;
}
#checkout-v3 .form-group-lg .form-control {
    font-size: 14px;
    font-weight: 400;
    color:var(--c_dark_gray);
}
#checkout-v3 #cart, 
#checkout-v3 #periodic-cart {
	color:var(--c_dark_gray);
    font-weight: 400;
    font-size: 16px;
}
.color.dark-cyan {
    color: var(--c_blue);
}
#checkout-v3 #cart .grid-button img, 
#checkout-v3 #periodic-cart .grid-button img {
    height: 25px;
    width: auto;
}
#checkout-v3 #main-content .circle-head {
    font-size: 24px;
    font-weight: bold;
	color:var(--title_primary_color);
	background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#checkout-v3 #main-content .circle-head::before {
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #123980;
    font-size: 20px;
	-webkit-text-fill-color: #fff;
}

#checkout-v3 #main-content #cart-content #line-item-table thead th,
#bonus-detail-list .bonus-list-title,
#checkout-v3 #cart-detail .detail-list-title,
#line-item-list .list-title,
#checkout-v3 #cart h3, 
#checkout-v3 #periodic-cart h3,
#checkout-v3 #main-content #coupon-discount-block .flex-container,
#checkout-v3 #main-content #user-detail .main-label {
    font-weight: bold;
    font-size: 18px;
	color:var(--title_primary_color);
	background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#checkout-v3 #cart .grid-label span, 
#checkout-v3 #periodic-cart .grid-label span,
#checkout-v3 .co-label,
#checkout-v3 #cart-detail .detail-list-title.bottom,
#checkout-v3 #main-content #shipping-form .shipping-info>p{
    font-size: 16px;
    font-weight: 400;
}

#checkout-v3 #cart-detail .detail-list-title.bottom{
    -webkit-text-fill-color:var(--c_dark_gray);
}

#line-item-list .line-item-list,
#checkout-v3 #main-content #cart-content #line-item-table tbody td.product-name,
#bonus-detail-list .description,
#checkout-v3 #main-content #allow-customer-terms label{
    font-size: 14px;
}

#checkout-v3 #main-content #user-detail .login-input-group .hint-label {
    font-size: 12px;
	color:var(--c_dark_gray);
}
#checkout-v3 #main-content #user-detail .login-input-group .hint-label a {
    color: var(--c_medium_blue);
}
#checkout-v3 #main-content #checkout-button {
    border-radius: 48px;
}
#checkout-v3 #main-content #checkout-button>h3 {
    font-size: 18px;
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-weight: bold;
}

#checkout-v3 #main-content #user-detail .user-login-button, 
#checkout-v3 #main-content #user-detail .google-login-button, 
#checkout-v3 #main-content #user-detail .fb-login-button, 
#checkout-v3 #main-content #user-detail .line-login-button, 
#checkout-v3 #main-content #user-detail .apple-login-button {
    border-radius: 28px;
}

#checkout-v3 #main-content #user-detail .user-login-button {
    background-color: #123980;
}
#checkout-v3 #main-content #user-detail .login-input-disabled {
    color: white;
    letter-spacing: 0.1em;
    background-color:#63666a;
    background-color:rgba(99,102,106,0.65);
}
#checkout-v3 #main-content #user-detail .login-input-disabled .logined-label {
    color: #fff;
}
#checkout-v3 #main-content #cart-content #line-item-table thead.normal-head th {
    color: var(--text);
    -webkit-text-fill-color: var(--text);
	font-weight:normal;
	font-size:16px;
}
#checkout-v3 #allow-customer-terms label,
#checkout-v3 #allow-shipping-terms label {
    font-weight: 400;
	font-size:14px;
}

@media (max-width: 479px) {
.checkout-wrapper {
    background-color: rgba(0, 0, 0, 0.1);
}
    #checkout-v3 {
        padding-left: 15px;
        padding-right: 15px;
    }
    #checkout-v3 .sm-padding-lr {
        padding-left: 0px;
        padding-right: 0px;
    }
}
   
/* =========================================
   FIX-blogs+article
   ======================================== */ 
#blog .blog_title .section-heading,
#blog .blog_title h1 {
    font-size: 36px;
    font-weight: bold;
	color:var(--title_primary_color);
	background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
}

#blogs_all .blog_title h2 {
    font-size: 28px;
    font-weight: bold;
	color:var(--title_primary_color);
	background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#blog #selected_blog .selected_article .article_title h3,
#blog .article .article_title h2,
#blogs_all .article .article_title h3 {
    color: var(--c_dark_blue_plus);
    font-size: 18px;
    line-height: 1.2;
	font-weight: bold;
}
#blog .article .article_date,
#blogs_all .article .article_date {
    color: var(--text);
    font-size: 14px;
    font-weight: 300;
}
#blog .article .article_content {
    color: var(--text);
    font-size: 16px;
    font-weight: normal;
}
#blog .article .article_readmore a,
#blogs_all .article .article_readmore a {
    font-size: 16px;
    color: var(--c_dark_blue_plus);
	text-decoration:underline;
	font-weight: 700;
}
#blogs_all .more_article, #blogs_all .mobile_more_article {
    border: 1px solid var(--c_dark_blue_plus);
    color: var(--c_dark_blue_plus);
    font-size: 16px;
}
#blogs_all .more_article:hover, #blogs_all .mobile_more_article:hover {
    background-color: var(--c_dark_blue_plus);
    color: #ffffff;
}
#blog .article .article_image a {
    background-size: cover;
    border-radius: 5px;
}

@media (max-width: 767px) {
#blogs_all .blog_title h2 {
    font-size: 24px;
}
}

#article #article_content .article_title h1.section-heading {
    font-size: 28px;
    font-weight: bold;
	color:var(--title_primary_color);
	background: linear-gradient(180deg, #0e7bb8 0, #123980 85.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#article #all_blogs_title .blog_title, 
#article #blog_tags .blog_title, 
#article #selected_blog .blog_title, 
#article #recent_articles .blog_title {
    color: var(--c_dark_blue_plus);
    font-size: 18px;
    line-height: 1.2;
	font-weight: bold;
}
#article #recent_articles .recent_articles_group a span.circle_number {
    background: var(--c_dark_blue_plus);
    color: #fff;
    width: 26px;
    height: 26px;
    font-size: 16px;
    line-height: 26px;
}
#article #all_blogs_title a {
    font-size: 16px;
    font-weight: 400;
    color: var(--text);
}
#article #selected_blog .selected_article .article_title h3 {
    font-size: 1rem;
    margin-top: 15px;
}
#article #selected_blog .selected_article .article_image a {
    min-height: 150px;
    width: 100%;
    background-size: cover;
    border-radius: 5px;
}
#article #article_content .author_date {
    color: var(--text);
    fill: var(--text);
}

@media (max-width: 991px) {
#article #article_content {
    margin: -20px -35px 20px;
}
}

@media (max-width: 767px) {
#article #article_content .article_title h1.section-heading {
    font-size: 24px;
}
#article #article_content {
    margin: -20px -20px 20px;
}
}