/* =====================================================================================================


   【僅一般 Orange-Theme (不含 Dark-Mode) 】 一般設定 >> (((body.Orange-Theme / .B2C-Style.Orange-Theme)))


===================================================================================================== */


body.Orange-Theme {}



/* 【 Footer Bar 】(橘色佈景/ 深黑藍色調) 
.B2C-Style.Orange-Theme #home_footer_bar .bar_item {
	background-color: #02234c;
	background-color: rgba(2, 35, 76, 1.0);
}
*/


/* 【 Footer Bar 】(橘色佈景/ 橘色色調) */
.B2C-Style.Orange-Theme #home_footer_bar .bar_item {
	background-color: #ff6a13 !important;
    background-color: rgba(255, 106, 19, 1.0) !important;
}







/* 背景色 (橘色佈景) >> 未滑過 Not hover (統一底色) */
.B2C-Style.Orange-Theme #gqc_tip +.popover .popover-title/* Get Quote Modual >> Tip */,
.B2C-Style.Orange-Theme section#content ul.tab-nav:not(.tab-nav-lg) li.active::before, 
.B2C-Style.Orange-Theme .nopadding a.add-to-cart.button, 
.B2C-Style.Orange-Theme a.add-to-cart.button:not(
	#gqc_preview a.add-to-cart.button.nomargin.btn-full-width, 
    .B2C-Style.Orange-Theme .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
	.B2C-Style.Orange-Theme .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 

	/* 只剩一顆 Button 時會套不到樣式
	.B2C-Style.Orange-Theme .single-product div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
	*/

	.B2C-Style.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart)/* Add to Quotr Button (產品內頁大 button) */, 

.B2C-Style.Orange-Theme .quote_enable #cartCount/* Top Bar (橘色佈景) >> .quote_enable >> #cartCount (購物車圖示) */, 
.B2C-Style.Orange-Theme a.quote_enable #cartCount {
	background-color: #f74f39 !important; /* 白底時 */
	background-color: #ff6a13 !important; /* 黑底時 */
	background-color: rgba(255, 106, 19, 1.0) !important; /* 黑底時 */
}


/* 背景色 (橘色佈景) >> 未滑過 Not hover (統一底色) */
.B2C-Style.Orange-Theme #gqc_tip +.popover .popover-title/* Get Quote Modual >> Tip */,
.B2C-Style.Orange-Theme section#content ul.tab-nav:not(.tab-nav-lg) li.active::before, 

.B2C-Style.Orange-Theme .nopadding a.add-to-cart.button, 

.B2C-Style.Orange-Theme a.add-to-cart.button:not(
	#gqc_preview a.add-to-cart.button.nomargin.btn-full-width, 
	.product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
	.product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
	.single-product div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
	nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart
	)/* Add to Quotr Button (產品內頁大 button) */, 

.B2C-Style.Orange-Theme .quote_enable #cartCount/* Top Bar (橘色佈景) >> .quote_enable >> #cartCount (購物車圖示) */, 
.B2C-Style.Orange-Theme a.quote_enable #cartCount {
	background-color: #f74f39 !important; /* 白底時 */
	background-color: #ff6a13 !important; /* 黑底時 */
	background-color: rgba(255, 106, 19, 1.0) !important; /* 黑底時 */
}




/* 背景色 (橘色佈景) >> 第二顆 Buttin / 未滑過 Not hover (統一底色) */
.B2C-Style.Orange-Theme .single-product .product-padding div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
.B2C-Style.Orange-Theme .product-padding .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
.B2C-Style.Orange-Theme .product-padding .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button {
	background-color: transparent !important; 
	backdrop-filter: blur(40px);
}


/* 線條色 (橘色佈景) >> 未滑過 Not hover (1px 統一線條色) */
.B2C-Style.Orange-Theme .flex-control-nav.flex-control-thumbs li img.flex-active {
	border: 1px solid #ff6a13 !important;
	border: 1px solid rgba(255, 106, 19, 1.0) !important;
}

/* 線條色 (橘色佈景) >> 未滑過 Not hover (2px 統一線條色) */
.B2C-Style.Orange-Theme a.add-to-cart.button:not(#gqc_preview a.add-to-cart.button.nomargin.btn-full-width)/* Add to Quotr Button (產品內頁大 button) */,
.B2C-Style.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a/* Top Bar (橘色佈景) >> .quote_enable:hover >> #cartCount (購物車圖示滑過) */, 
.B2C-Style.Orange-Theme a.quote_enable #cartCount {
	border: 2px solid #ff6a13 !important;
	border: 2px solid rgba(255, 106, 19, 1.0) !important;
}

/*************** 【 Border Style / No-px 】 統一套色 ATEN Blue >> (ATEN 藍) 不透明 (1.0)  *****************/
.B2C-Style.Orange-Theme #gqc_tip+.popover/* Get Quote Modual >> Tip */ {
	border-color: #ff6a13;
	border-color: rgba(255, 106, 19, 1.0);
}

/*************** 【 Border (Bttom) Style 】 統一套色 ATEN Blue >> (ATEN 藍) 不透明 (1.0)  *****************/
.B2C-Style.Orange-Theme #gqc_tip+.popover.bottom>.arrow/* Get Quote Modual >> Tip */, 
.B2C-Style.Orange-Theme #gqc_tip+.popover.bottom>.arrow:after/* Get Quote Modual >> Tip */ {
	border-bottom-color: #ff6a13;
	border-bottom-color: rgba(255, 106, 19, 1.0);
}

/* 線條色 (橘色佈景) >> 未滑過 Not hover (3px 統一線條色) */
.B2C-Style.Orange-Theme li.ui-tabs-tab.ui-state-active a {
	border-bottom: 3px solid #ff6a13 !important;
	border-bottom: 3px solid rgba(255, 106, 19, 1.0) !important;
}


/* Top Bar (橘色佈景) >> 滑過 (1px 統一線條色) */
.B2C-Style.Orange-Theme .flex-control-nav.flex-control-thumbs li img:not(li img.flex-active):hover {
	border: 1px solid #f9bf30 !important;
	border: 1px solid rgba(249, 191, 48, 1.0) !important;
}

/* Top Bar (橘色佈景) >> 滑過 (2px 統一線條色) */
.B2C-Style.Orange-Theme #header.transparent-header #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.B2C-Style.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.B2C-Style.Orange-Theme #header #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.B2C-Style.Orange-Theme #primary-menu ul li.menuitem_for-consumer a:hover, 

.B2C-Style.Orange-Theme a.add-to-cart.button:not(#gqc_preview a.add-to-cart.button.nomargin.btn-full-width):hover, 
.B2C-Style.Orange-Theme a.quote_enable:hover #cartCount, 
.B2C-Style.Orange-Theme section#content .single-product a.button:hover {
	border: 2px solid #f9bf30 !important;
	border: 2px solid rgba(249, 191, 48, 1.0) !important;
}


/*  (橘色佈景) >> 滑過 (統一底色) */
.B2C-Style.Orange-Theme .single-product .product-padding div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 
.B2C-Style.Orange-Theme .product-padding .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 
.B2C-Style.Orange-Theme .product-padding .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 

.B2C-Style.Orange-Theme #header.transparent-header #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.B2C-Style.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.B2C-Style.Orange-Theme #header #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.B2C-Style.Orange-Theme #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 

.B2C-Style.Orange-Theme a.add-to-cart.button:not(#gqc_preview a.add-to-cart.button.nomargin.btn-full-width):hover, 
.B2C-Style.Orange-Theme a.quote_enable:hover #cartCount/* Top Bar (橘色佈景) >> .quote_enable:hover >> #cartCount (購物車圖示滑過) */ {
	background-color: #f9bf30 !important; /* 強調時 */
	background-color: rgba(249, 191, 48, 1.0) !important; /* 強調時 */
}































/* =====================================================================================================

			                                .Dark-Mode / 一般設定

===================================================================================================== */



.Dark-Mode {}


/* .Dark-Mode >> a(連結) >> 定義所有的 transition 動態 */
.Dark-Mode section#content .single-product a span,
.Dark-Mode section#content .single-product a {
    opacity: 1.0 !important;
    transition: all 0.3s ease-in-out 0s !important;
}

/* .Dark-Mode >> a:hover(滑過連結) >> 定義所有的 transition 動態 */
.Dark-Mode section#content .single-product a:hover span,
.Dark-Mode section#content .single-product a:hover {
    opacity: 1.0 !important;
    transition: all 0.3s ease-in-out 0s !important;
}



/* .Dark-Mode 結構 >> 當 Overview 滿版時 >> 下面的所有內容要變黑色(含 .extra-info 就是相容產品區) >> 調整距離否則會漏餡 */
.Dark-Mode section#content .content-wrap:has(.product .extra-info):has(#refs .Full-Width-Container) {
	/* padding-bottom: 60px; */
	padding-bottom: 0px;
}

/* .Dark-Mode 結構 >> 當 Overview 滿版時 >> 下面的所有內容要變黑色(含 .extra-info 就是相容產品區) >> 調整距離否則會漏餡 */
.Dark-Mode section#content .content-wrap:has(.product .extra-info):has(#refs .Full-Width-Container) .product-padding {
	margin-bottom: 120px;
	margin-bottom: 40px;
}

/* .Dark-Mode 結構 >> 當 Overview 滿版時 >> 下面的所有內容要變黑色(含 .extra-info 就是相容產品區) >> 調整距離否則會漏餡 */
.Dark-Mode section#content .product:has(.extra-info) div#refs:has(.Full-Width-Container) {
	/* margin-bottom: 50px; */
    margin-bottom: 0;
    padding-bottom: 50px;
}





/* 980以下 */
@Media (max-width: 980px) {

	/* .Dark-Mode 結構 >> 當 Overview 滿版時 >> 下面的所有內容要變黑色(含 .extra-info 就是相容產品區) >> 調整距離否則會漏餡 */
	.Dark-Mode section#content .content-wrap:has(.product .extra-info):has(#refs .Full-Width-Container) .product-padding {
	margin-bottom: 0px;
	}

	.Dark-Mode section#content .content-wrap:has(.product .extra-info):has(#refs .Full-Width-Container) .package-content {
	margin-bottom: 35px;
	}

}




/* 480以下 */
@Media (max-width: 480px) {

	/* .Dark-Mode 結構 >> 當 Overview 滿版時 >> 下面的所有內容要變黑色(含 .extra-info 就是相容產品區) >> 調整距離否則會漏餡 */
	.Dark-Mode section#content .product:has(.extra-info) div#refs:has(.Full-Width-Container) {
	/* margin-bottom: 50px; */
	margin-bottom: 0;
	padding-bottom: 0px;
	}

	/* .Dark-Mode 結構 >> 當 Overview 滿版時 >> 下面的所有內容要變黑色(含 .extra-info 就是相容產品區) >> 調整距離否則會漏餡 */
	.Dark-Mode section#content .product:has(.extra-info) div#refs:has(.Full-Width-Container) {
	/* margin-bottom: 50px; */
	margin-bottom: 0;
	padding-bottom: 0px;
	}

}






/***************************** .Dark-Mode >> 【 Font 字統一所有 Font Size (大小) 】******************************/

/* 字級大小 >> 0.97em */
.Dark-Mode .share a.comparison_block/* Product Page >> 勾選比較 > a */ {
    font-size: 0.97em;
}

/* 字級大小 >> 0.8em */
.Dark-Mode .notice span.notice-dec/* 警告內文 (強制/ 橘色/ 警告色) */, 
.Dark-Mode .notice span.notice-title/* 警告標題 (強制/ 橘色/ 警告色) */ {
    font-size: 0.8rem !important;
}

/***************************** .Dark-Mode >> 【 Font 字統一所有 Font Weight (粗細) 】******************************/

/* Font Weight >> 500 */
.Dark-Mode .notice span.notice-title/* 警告標題 (強制/ 橘色/ 警告色) */, 

.Dark-Mode .tab-content.features-abstract p b.Top-Four-Features_Overview,
.Dark-Mode section#content .single-product .features-abstract li b/* Top Four Features >> li b */,
.Dark-Mode section#content .single-product a.comparison_block/* Product Page > Add to Compare > a 連結 */, 
.Dark-Mode section#content .single-product ul a/* Product Page > 內文 > a 連結 */, 
.Dark-Mode section#content .single-product a,

.Dark-Mode .core-container .product_button h1/* Product Page > Title (H1) */, 

.Dark-Mode #overview-tab h3.slogan-big, 
.Dark-Mode #overview-tab h3.slogan, 

.Dark-Mode .modal-header h4/* Lightbox Modal > Title(H4) */, 
.Dark-Mode .modal-header h3.modal-title/* Lightbox Modal > Title(H3) */,

.Dark-Mode .tab-nav:not(.tab-nav-lg) li a, 
.Dark-Mode .product-detail-price h1 {
    font-weight: 500;
}
 

/* Font Weight >> 400 */
.Dark-Mode .single-product .product-detail-price small/* Product Page > Model Name */,

.Dark-Mode:has(.locale_tw-zh, .locale_cn-zh, .locale_jp-ja, .locale_kr-ko) section#content .single-product ul a/*  (亞洲語) Product Page > 內文 > a 連結 */ {
    font-weight: 400 !important;
}



.aaaaaaa {
	font-weight: 600 !important;
}
 

 
/***************************** .Dark-Mode >> 【 Font 字統一所有 Font Color (顏色) 】******************************/

/* Font Color (主色) >> Black (黑色) */
.Dark-Mode #wording-gsection h3/* Title >> Talk to an Expert for Product Page */ {
	color: #000;
}

.Dark-Mode #wording-gsection h4/* Dec >> Talk to an Expert for Product Page */ {
	color: #666;
}

/* Font Color (主色) >> White (白色) */
.Dark-Mode .tab-content.features-abstract li:has(.all-features):hover::after/* Top Features >> All features */,
.Dark-Mode .tab-content.features-abstract li:has(.all-features)::after/* Top Features >> All features */, 

.Dark-Mode .nopadding a.add-to-cart.button, 

.Dark-Mode a:not(a[class*="btn-"]):not(.breadcrumb a):not(.ui-state-default a):not(.dark .footer-widgets-wrap a):not(.dark [class*="widget_"] li a):not(.dark .copyright-links a):not(div.product_section .product-desc a):not(.langmap .list li a):not(.secondary-navigation.Dark_Sec_NavMenu div.container table > tbody > tr > td a):not(.Dark_Sec_NavMenu .secondary-navigation div.container table > tbody > tr > td a):not(.Dark-Mode a.comparison_block):not(.product-title h3 a):not(.compare-modal .product-name a):not(ol.plist li a):not(#primary-menu ul.menu_body_0 > li > a):not(.Dark-Mode #primary-menu ul.menu_body_1 > li > a):not(.Dark-Mode #primary-menu ul li a):not(.Dark-Mode #top-bar a):not(section#content .form-group ul.dropdown-menu li a):not(ul.dropdown-menu li a):not(.Dark-Mode #top-search a):not(.Dark-Mode #product_category_list .subcategory li a):not(.well-compare a):not(.Rich-Content-Section a):not(nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a), 

/* 比較表裡的 Remove Button
.Dark-Mode .well-compare .btn.btn-info.comparison_removeall ,*/

.Dark-Mode section#content .single-product a.comparison_block/* Product Page > Add to Compare > a 連結 */, 
.Dark-Mode section#content .single-product ul a/* Product Page > 內文 > a 連結 */,

.Dark-Mode .single-product .product-detail-price span.product-special-label/* 類似 coming soon */, 
.Dark-Mode .single-product .product-detail-price span.product-special-label i/* 類似 coming soon */, 
.Dark-Mode .single-product .product-detail-price span.product-special-label span/* 類似 coming soon */, 
.Dark-Mode .single-product .product-detail-price small/* Product Page > Model Name */,
.Dark-Mode .single-product .product-detail-price h1/* (標題) 產品單頁 */, 
.Dark-Mode .core-container .product_button h1/* Product Page > Title (H1) */, 

.Dark-Mode section#content .single-product .All-Rich-Content-Section section.cd-section .Rich-Content-Section .wording_block:has(.color_white) :is(h1, h2, h3, h4)/* Product Page > 若 h3 已經選 .color_white 表示底是深色 >> 內文也要變白 */,

.Dark-Mode section#content .single-product .All-Rich-Content-Section section:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) :is(h1, h2, h3, h4)/* Product Page > 若 section 底色已是深色/ 或直接在樣式輸入 .color_white (非欄位) >> 內文也要變白 */, 

.Dark-Mode :is(h1, h2, h3, h4):not(.Rich-Content-Section h1):not(.Rich-Content-Section h2):not(.Rich-Content-Section h3):not(.Rich-Content-Section h4):not(.product-snippet .col-md-3 h2.subtitle):not(.well-compare h3):not(.modal h4):not(.markets-top-banner.richcontent h3.color_black.RC_LTitle):not(.markets-top-banner.richcontent h4.color_black):not(.markets-top-banner.richcontent h3.color_black.RC_LTitle + h4)/* 產品頁面所有大小標題 (不包含 Rich Content >> 因為要看設計自行搭配) */, 

.Dark-Mode #overview-tab h3.color_white.slogan-big/* Rich Content 裡的標題 */, 
.Dark-Mode #overview-tab h3.color_white.slogan/* Rich Content 裡的標題 */, 

.Dark-Mode .modal-header h4/* Lightbox Modal > Title(H4) */, 
.Dark-Mode .modal-header h3.modal-title/* Lightbox Modal > Title(H3) */,

.Dark-Mode .tab-nav:not(.tab-nav-lg) li a, 

.Dark-Mode section#content .single-product #overview-tab.tab-content.Enlarge-Legacy-Rich-Content .All-Rich-Content-Section section:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) a/* Product Page > 若 .Enlarge-Legacy-Rich-Content >> section 底色已是深色/ 或直接在樣式輸入 .color_white (非欄位) >> 內文也要變白 */, 

.Dark-Mode section#content .single-product .All-Rich-Content-Section section:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) a/* Product Page > 若 section 底色已是深色/ 或直接在樣式輸入 .color_white (非欄位) >> 內文也要變白 */,

.Dark-Mode section#content .single-product .All-Rich-Content-Section section.cd-section .Rich-Content-Section .wording_block:has(.color_white) :is(a)/* Product Page > 若 h3 已經選 .color_white 表示底是深色 >> 內文也要變白 */,

.Dark-Mode section#content .single-product .All-Rich-Content-Section section.cd-section .Rich-Content-Section div:has(.color_white) :is(a)/* Product Page > 若 h3 已經選 .color_white 表示底是深色 >> 內文也要變白 */,

.Dark-Mode section#content .single-product .product-padding a/* 產品頁面 Top Features >> a (不包含 Rich Content >> 因為要看設計自行搭配) */,
.Dark-Mode section#content .single-product a:not(.Rich-Content-Section a)/* 產品頁面所有大小標題 (不包含 Rich Content >> 因為要看設計自行搭配) */,

.Dark-Mode .product-detail-price h1 {
    color: #fff;
 }
 
 
/* Font Color (副色-1) >> Light-Grey (最淺灰色) */
.Dark-Mode .notice p span/* 所有 Spec Table 文字 */,
.Dark-Mode .notice span.notice-dec/* 所有 Spec Table 文字 */, 
.Dark-Mode .notice/* 所有 Spec Table 文字 */,

.Dark-Mode table.spec_table td/* 所有 Spec Table 文字 */,

.Dark-Mode section#content .single-product .under_eservice,
.Dark-Mode section#content .single-product ul.under_eservice li a, 
.Dark-Mode section#content .single-product #applications-tab a:after,

.Dark-Mode #content .owl-stage-outer div.product-price/* 下方所有相容相關 Box 內的 Item 連結內文 */,

.Dark-Mode section#content .single-product ul li span/* Product Page > 內文 */, 
.Dark-Mode section#content .single-product ul li/* Product Page > 內文 */, 
.Dark-Mode section#content .single-product ul/* Product Page > 內文 */, 

.Dark-Mode section#content .single-product .All-Rich-Content-Section section:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) p/* Product Page > 若 h3 已經選 .color_white 表示底是深色 >> 內文也要變白 */,

.Dark-Mode section#content .single-product #overview-tab.tab-content .All-Rich-Content-Section .wording_block:has(h3.color_white) p/* Product Page > 若 h3 已經選 .color_white 表示底是深色 >> 內文也要變白 */, 

.Dark-Mode section#content .single-product p:not(.Rich-Content-Section p)/* Product Page > 內文 (不包含 Rich Content 的內文, 設計師要自行搭配) */,

.Dark-Mode .single-product .product-detail-price small/* Product Page > Model Name */, 

.Dark-Mode .Rich-Content-Section table :is(td) /* 所有 Table 文字 */ {
    color: #e0e0e0;
}

/* Font Color (副色-1) >> Light-Grey (強制/ 最淺灰色) */
.Dark-Mode .notice span.notice-dec, 
.Dark-Mode .notice p span {
	color: #e0e0e0 !important;
}



/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單) >> 漢堡選單 (Overview 產品快速選單) >> 下拉選單 >> a */
body[class*="device-x"].Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a, 
.Dark-Mode.Mobile-Layout nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a, 
.Dark-Mode #header.full-header #primary-menu ul.menu_body_0 > li > a:not(:hover)/* 黑化產品頁 >> 產品下方各固定選單 (非目前的) */ {
	color: #c4c4c4;
}



.Dark-Mode #top-bar.dark a {
	color: #b7b7b7;
}


.Dark-Mode .product-special-label i::before,
.Dark-Mode .product-special-label i,
.Dark-Mode .product-special-label span.discontinued {
	color: #b7b7b7 !important;
}



/* Font Color (主色) >> White (白色) */
.Dark-Mode #support-download-tab.tab-content tr td,
.Dark-Mode .software-and-download tr td,

.Dark-Mode #product_tab_menu.dark .navbar-nav > .active > a/* 黑化產品頁 >> 產品下方各固定選單 */,

.Dark-Mode #content .owl-stage-outer div.product-price:hover/* 下方所有相容相關 Box 內的 Item 連結內文 */,

.Dark-Mode section#content .single-product #overview-tab.tab-content.Enlarge-Legacy-Rich-Content .All-Rich-Content-Section section:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) a/* Product Page > 若 .Enlarge-Legacy-Rich-Content >> section 底色已是深色/ 或直接在樣式輸入 .color_white (非欄位) >> 內文也要變白 */, 

.Dark-Mode section#content .single-product .All-Rich-Content-Section section:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) a/* Product Page > 若 section 底色已是深色/ 或直接在樣式輸入 .color_white (非欄位) >> 內文也要變白 */,

.Dark-Mode section#content .single-product .All-Rich-Content-Section section.cd-section .Rich-Content-Section .wording_block:has(.color_white) :is(a)/* Product Page > 若 h3 已經選 .color_white 表示底是深色 >> 內文也要變白 */,

.Dark-Mode section#content .single-product .All-Rich-Content-Section section.cd-section .Rich-Content-Section div:has(.color_white) :is(a)/* Product Page > 若 h3 已經選 .color_white 表示底是深色 >> 內文也要變白 */,

.Dark-Mode section#content .single-product .All-Rich-Content-Section section.cd-section .Rich-Content-Section .wording_block:has(.color_white) :is(h1, h2, h3, h4)/* Product Page > 若 h3 已經選 .color_white 表示底是深色 >> 內文也要變白 */,

.Dark-Mode section#content .single-product .All-Rich-Content-Section section:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) :is(h1, h2, h3, h4)/* Product Page > 若 section 底色已是深色/ 或直接在樣式輸入 .color_white (非欄位) >> 內文也要變白 */, 

.Dark-Mode :is(h1, h2, h3, h4):not(.modal h2):not(.Rich-Content-Section h1):not(.Rich-Content-Section h2):not(.Rich-Content-Section h3):not(.Rich-Content-Section h4):not(.product-snippet .col-md-3 h2.subtitle):not(#primary-menu h2.mega-menu-advertisement-title):not(.well-compare h3):not(.modal h4):not(.markets-top-banner.richcontent h3.color_black.RC_LTitle):not(.markets-top-banner.richcontent h4.color_black):not(.markets-top-banner.richcontent h3.color_black.RC_LTitle + h4):not(section#content .single-product .All-Rich-Content-Section section.Orange-Subtitle .markets-top-banner.richcontent h4[class*="color_"])/* 產品頁面所有大小標題 (不包含 Rich Content >> 因為要看設計自行搭配) */, 

.Dark-Mode .single-product #overview-tab.tab-content section[class*="Subtitle_Large-"] .markets-top-banner.richcontent .text-block .wording_block h4.color_white span:is(.default-size, .small-size), 
.Dark-Mode .single-product #overview-tab.tab-content section .markets-top-banner.richcontent .text-block .wording_block h4.color_white span, 

.Dark-Mode .markets-top-banner.richcontent h3 span:not(.color_orangeC),
.Dark-Mode .markets-top-banner.richcontent h3 small:not(.color_orangeC), 

.Dark-Mode .tab-content li:not(.package-content li)::before /* 產品頁 Tab 下內容點 >> 小點點 */, 
.Dark-Mode .tab-content.features-abstract li::before/* 產品頁四大要點 >> 小點點 */, 

.Dark-Mode section#content .spec_table .title/* Spec 規格表 */, 
.Dark-Mode section#content .white_theme td.title/* Spec 規格表 */, 
.Dark-Mode .spec_table .subtitle/* 所有 Spec Table 文字 >> 副標題 */, 
.Dark-Mode .white_theme td.subtitle/* 所有 Spec Table 文字 >> 副標題 */,
.Dark-Mode .spec_table .title/* 所有 Spec Table 文字 >> 標題 */, 
.Dark-Mode .Rich-Content-Section table :is(th) /* 所有 Table 文字 */ {
	color: #fff !important;
}

/* Font Color (副色-2) >> Light-Grey (稍淺灰色) */
.Dark-Mode .single-product #overview-tab.tab-content section[class*="Subtitle_Large-"] .markets-top-banner.richcontent .text-block .wording_block h4.color_white span.default-size.opacityC, 
.Dark-Mode .single-product #overview-tab.tab-content section .markets-top-banner.richcontent .text-block .wording_block h4.color_white span.default-size.opacityC, 
.Dark-Mode .single-product #overview-tab.tab-content section .markets-top-banner.richcontent .text-block .wording_block h4.color_white span.opacityC, 

.Dark-Mode .single-product .product #refs .tabs div#dropdownMenu-inner:is(.hidden-lg) button#dropdownMenu-inner-btn, 

.Dark-Mode #product_tab_menu.dark .navbar-nav > li > a/* 黑化產品頁 >> 產品下方各固定選單(Normal) >> a */,
.Dark-Mode section#content .single-product .features-abstract/* 產品頁四大要點 */ {
    color: #ccc !important;
}
 
/* Font Color (副色-3) >> Light-Grey2 (淺灰色) */
.Dark-Mode section#content .single-product .product-desc .msrp, 
.Dark-Mode .msrp, 
.Dark-Mode section#content #product_detail .breadcrumb a/* Product Page > .breadcrumb a (路徑麵包屑) */ {
     color: #bbb !important;
	 color: #e4e4e4 !important;
}




/* Font Color (副色-1) >> Light-Grey (強制/ 橘色/ 警告色) */
.Dark-Mode section#content .single-product ul li span.Features-Listing-Title/* Product Page > 內文 >> Features-Listing-Title */, 

.Dark-Mode .notice p span.notice-title {
	color: #ff6a13 !important;
}



/********************** 【  1. Not-Hover Font 】  字統一套色 Middle Blue >> (ATEN 中藍) 不透明 (1.0)  ***********************/

/* 黑化產品頁 >> 產品下方各固定選單 (目前的) .Dark-Mode #header.full-header #primary-menu ul.menu_body_0 > li.current > a:not(:hover), */
.Dark-Mode #header.full-header #primary-menu ul.menu_body_0 > li.current > a /*黑化產品頁 >> 產品下方各固定選單 (目前的) */,

.Dark-Mode .diagram-text a.button h3, 
.Dark-Mode .diagram-text a.button::after, 

.Dark-Mode #sidebar #reset_btn span.reset/* Search Result Page >> Filter >> Cancel */,
.Dark-Mode #reset_btn .fa-times-circle::before/* Search Result Page >> Filter >> Cancel */, 

.Dark-Mode .core-container > div > .row.header + div > .row + .row:nth-child(2) > div > .newproduct::before/* 下箭頭(短) (All) >> Product SubCategory Page (產品第三層選單頁面) */, 

.Dark-Mode .well-filter a.reset::after/* Product Listing Page >> Filter >> Cancel */, 
.Dark-Mode #product_category_list .subcategory li.cur_sub a/* Product Listing Page >> Select Category */, 
.Dark-Mode .product_list .key-list li/* Product Listing Page >> New Icon (note) */,
.Dark-Mode .product_list .key-list li span/* Product Listing Page >> New Icon (note) */,
.Dark-Mode .product-title i/* Product Listing Page >> New Icon (in Item) */, 

.Dark-Mode .single-product .product-detail-price span.product-special-label/* New Icon (Single Product) */, 
.Dark-Mode .single-product .product-detail-price span.product-special-label i/* New Icon (Single Product) */, 
.Dark-Mode .single-product .product-detail-price span.product-special-label span/* New Icon (Single Product) */, 

.Dark-Mode .product-snippet h2.subtitle .fa-angle-down/* All Product 左邊下箭頭 */,

.Dark-Mode #product_category_list .fa-angle-down, 
.Dark-Mode #product_category_list .fa-angle-right, 
.Dark-Mode #product_category_list .fa-chevron-right, 

.Dark-Mode .btn-info.disabled, 
.Dark-Mode .btn-info[disabled], 
.Dark-Mode fieldset[disabled] .btn-info, 
.Dark-Mode .btn-info.disabled:hover, 
.Dark-Mode .btn-info[disabled]:hover, 
.Dark-Mode fieldset[disabled] .btn-info:hover, 
.Dark-Mode .btn-info.disabled:focus, 
.Dark-Mode .btn-info[disabled]:focus, 
.Dark-Mode fieldset[disabled] .btn-info:focus, 
.Dark-Mode .btn-info.disabled.focus, 
.Dark-Mode .btn-info[disabled].focus, 
.Dark-Mode fieldset[disabled] .btn-info.focus, 
.Dark-Mode .btn-info.disabled:active, 
.Dark-Mode .btn-info[disabled]:active, 
.Dark-Mode fieldset[disabled] .btn-info:active, 
.Dark-Mode .btn-info.disabled.active, 
.Dark-Mode .btn-info[disabled].active, 
.Dark-Mode fieldset[disabled] .btn-info.active, 

.Dark-Mode #primary-menu ul ul ul > li.last.all > a, 
.Dark-Mode .btn-learnm a, 
.Dark-Mode h4 a, 

.Dark-Mode a:not(a[class*="btn-"]):not(.breadcrumb a):not(.ui-state-default a):not(.dark .footer-widgets-wrap a):not(.dark [class*="widget_"] li a):not(.dark .copyright-links a):not(div.product_section .product-desc a):not(.langmap .list li a):not(.secondary-navigation.Dark_Sec_NavMenu div.container table > tbody > tr > td a):not(.Dark_Sec_NavMenu .secondary-navigation div.container table > tbody > tr > td a):not(.Dark-Mode a.comparison_block):not(.product-title h3 a):not(.compare-modal .product-name a):not(ol.plist li a):not(#primary-menu ul.menu_body_0 > li > a):not(#primary-menu ul.menu_body_1 > li > a):not(#primary-menu ul li a):not(#top-bar a):not(section#content .form-group ul.dropdown-menu li a):not(ul.dropdown-menu li a):not(.Dark-Mode #top-search a):not(.Dark-Mode #product_category_list .subcategory li a):not(.well-compare a):not(nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a) {
	color: #fff;
}






/* Font Color (白色-半透明 0.6) >> Product Tab Menu >> a 沒 Active */
.Dark-Mode .single-product .product .product-padding .product-desc .top-related-products .related_product_tabs .owl-stage-outer .owl-stage .owl-item .product .product-desc .product-title h3, 

.Dark-Mode li.ui-tabs-tab a::after/* Product Page >> Tab Menu >> Normal Tab >> a::after(分隔線) */,
.Dark-Mode li.ui-tabs-tab a/* Product Page >> Tab Menu >> Normal Tab >> a */, 

.Dark-Mode #product_tab_menu.dark .split/* 黑化產品頁 >> 產品下方各固定選單滑過 >> 分隔線 */, 
.Dark-Mode section#content .single-product .product-detail-price span.Product-Name_Special-Char/* 品名分隔線 */,

.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li a {
	color: rgba(255, 255, 255, 0.6) !important;
}

/* Font Color (Light-Grey (最淺灰色)) >> a:active/ highlight (Active 有連結文字色) */
.Dark-Mode .related_product_tabs .owl-loaded .fa, 
.Dark-Mode .product-head ol.breadcrumb li.dropdown ul.dropdown-menu li a, 
.Dark-Mode .desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu li a, 
.Dark-Mode #product_detail .breadcrumb li.dropdown ul.dropdown-menu li a, 
.Dark-Mode ol.breadcrumb li.dropdown ul.dropdown-menu li a, 
.Dark-Mode section#content #product_detail li.dropdown ul.dropdown-menu li a, 

.Dark-Mode #product_tab_menu.dark .navbar-brand/* 黑化產品頁 >> 產品下方各固定選單 */, 
.Dark-Mode section#content .single-product .search_ignore[class*="col-"] a/* 產品區下方 >> 相容性下載文字連結 */,

.Dark-Mode section#content .single-product ul li span/* Product Page > 內文 */, 
.Dark-Mode section#content .single-product ul li/* Product Page > 內文 */, 

.Dark-Mode section#content #product_detail .breadcrumb li:last-child a /* .breadcrumb > 最後一個 Li a (麵包屑路徑) (產品單頁) */ {
     color: #e0e0e0 !important;
 }

/* Font Color (White (白色)) >> a:active/ highlight (Active 有連結文字色) */
.Dark-Mode .related_product_tabs .owl-loaded .fa:hover,
.Dark-Mode #product_tab_menu.dark .navbar-nav > li > a:hover/* 黑化產品頁 >> 產品下方各固定選單滑過 >> a(Hover) */,
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.active a/* Tab 選單 > Li > a(active) */ {
     color: #fff !important;
}


/* Font Color >> a:hover (Hover 滑過有連結文字色) */
.Dark-Mode .product-special-label:hover i::before,
.Dark-Mode .product-special-label:hover i,
.Dark-Mode .product-special-label:hover span.discontinued,

.Dark-Mode .single-product .product .product-padding .product-desc .top-related-products .related_product_tabs .owl-stage-outer .owl-stage .owl-item .product:hover .product-desc .product-title h3, 

.Dark-Mode li.ui-tabs-tab a:hover/* Product Page >> Tab Menu >> Normal Tab >> a:hover */, 
.Dark-Mode li.ui-tabs-tab.ui-state-active a:hover/* Product Page >> Tab Menu >> Active Tab >> a:hover */, 
.Dark-Mode li.ui-tabs-tab.ui-state-active a/* Product Page >> Tab Menu >> Active Tab >> a */, 

.Dark-Mode section#content #product_detail .breadcrumb li:last-child a:hover /* .breadcrumb > 最後一個 Li a (麵包屑路徑) (產品單頁) */,
.Dark-Mode section#content #product_detail .breadcrumb a:hover /* .breadcrumb Li a (麵包屑路徑) (產品單頁) */,

.Dark-Mode #product_detail ol.breadcrumb > li.dropdown a:hover span.caret,
.Dark-Mode .desktop-product-header ol.breadcrumb li.dropdown a:hover span.caret, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li a:hover/* Tab 選單 > Li > a(Hover) */, 
.Dark-Mode section#content #product_detail .breadcrumb a:hover/* Product Page > .breadcrumb a:hover (路徑麵包屑滑過) */, 

.Dark-Mode section#content .single-product a.comparison_block:hover/* Product Page > Add to Compare > a:hover 連結滑過 */, 
.Dark-Mode section#content .single-product ul a:hover/* Product Page > 內文 > a:hover 連結滑過 */,
.Dark-Mode section#content .single-product .product-padding a:hover/* Product Page > Top Features > a:hover 連結滑過 */,
.Dark-Mode section#content .single-product a:hover {
     color: #fff !important;
}





/* 底反白色 (字 ATEN 綠) >> Button (按鈕) */
.Dark-Mode section#content .single-product .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a */,
.Dark-Mode section#content .single-product .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a::before/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a::before */, 
.Dark-Mode section#content .single-product .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a */,
.Dark-Mode section#content .single-product .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a::before/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a::before */, 
.Dark-Mode section#content .single-product .product-padding div:has(.add-to-cart) + div:has(.add-to-cart) a/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a */,
.Dark-Mode section#content .single-product .product-padding div:has(.add-to-cart) + div:has(.add-to-cart) a::before/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a::before */ {
	color: rgba(128, 186, 45, 1.0);
	color: #80ba2d;
}







/********************** 【  Text line-height 】  字統一行高  ***********************/

/* 行高  >> 1.4em */
.Dark-Mode .notice span.notice-dec/* 警告內文 (強制/ 橘色/ 警告色) */, 
.Dark-Mode .notice span.notice-title/* 警告標題 (強制/ 橘色/ 警告色) */ {
    line-height: 1.4em !important;
}



/********************** 【  text-decoration 】  字統一底線  ***********************/

/* Font 無底線 >> a:hover (滑過無連結文字色) */
.Dark-Mode section#content .single-product .search_ignore[class*="col-"] a/* 產品區下方 >> 相容性下載文字連結 */,

.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li a:hover/* Tab 選單 > Li > a(Hover) */, 
.Dark-Mode section#content .single-product a.comparison_block/* Product Page > Add to Compare > a 連結 */, 

.Dark-Mode section#content .single-product .product-padding a/* Product Page > 內文 > a:hover 連結滑過 */
.Dark-Mode section#content .single-product ul a/* Product Page > 內文 > a 連結 */ {
    text-decoration: none !important;
 }

/* Font 有底線 >> a:hover (滑過有連結文字色) */
.Dark-Mode .product-special-label:hover span.discontinued,

.Dark-Mode section#content #product_detail .breadcrumb a:hover/* Product Page > .breadcrumb a:hover (路徑麵包屑滑過) */, 
 
.Dark-Mode section#content .single-product a.comparison_block:hover/* Product Page > Add to Compare > a:hover 連結滑過 */, 
.Dark-Mode section#content .single-product ul a:not(.ui-tabs-tab a):not(ul.tab-nav li a):hover/* Product Page > 內文 > a:hover 連結滑過 */, 

.Dark-Mode section#content .single-product a:not(.button):not(.ui-tabs-tab a):not(ul.tab-nav li a):hover, 

.Dark-Mode section#content .single-product .product-padding a:not(.comparison_block a, a.button, a.btn-full-width, li.ui-tabs-tab a, li.ui-tabs-tab.ui-state-active a):hover/* Product Page > 內文 > a:hover 連結滑過 */ {
    text-decoration:underline !important;
}



/* Font >> Text-Shadow >> 移除 */
.Dark-Mode section#content .spec_table .title/* Spec 規格表 */, 
.Dark-Mode section#content .white_theme td.title/* Spec 規格表 */ {
    text-shadow: unset !important;
}










/***************************** .Dark-Mode >> 【 Bullet 】 >> 小點點 ******************************/

.Dark-Mode .tab-content.features-abstract li::before/* 產品頁四大要點 >> 小點點 */ {
    content: '●';
    font-size: .8em !important;
    top: -0.2rem !important;
}


 
 







/***************************** .Dark-Mode >> 【 Background 統一所有(顏色) 】******************************/

/* BG Color (Dark Grey-1 深灰1) */
.Dark-Mode #wrapper/* 整體黑背景(包含 Header) */, 
.Dark-Mode section#content/* 下方產品內容黑背景 */ {
    background-color: #252525;
}





/* ATEN Blue (BG) (主深藍色調 >> 黑色) */
/* 產品頁下方 >> 相容性產品 .Dark-Mode .product_related_group, */

/*.Dark-Mode #search_form .form-group button[aria-controls], */
.Dark-Mode ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a, 

/* Compare Model >> blank-product
.Dark-Mode .blank-product ,
*/

.Dark-Mode #sitesearch_form .btn[class*="btn-"]/* Search Result Page >> Search Button */,
.Dark-Mode.top-search-open #top-search form input/* Fixed Search Box >> Input 輸入框 */, 
.Dark-Mode.top-search-open #header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input:not(form#sitesearch_form input)/* Fixed Search Box >> Input 輸入框 (不包含 Site Search) */, 

.Dark-Mode #product_lists a.btn.btn-load-more.btn-default/* Load More Button (載入更多) >> Product Listing Page */, 
.Dark-Mode a.btn.btn-load-more.btn-default/* Load More Button (載入更多) >> All Page */,


.Dark-Mode section#content .product #refs:has(section .Full-Width-Container) ~ .extra-info/* "~"是相鄰用法, 不一定要相接 >> Tab Content 的下半部(只針對有滿版內容) */,
.Dark-Mode section#content div#refs:has(.Full-Width-Container)/* Tab Content 下半部底色 */, 

.Dark-Mode section#content .diagram-text a.button /* Visio Button */,

.Dark-Mode section#content .single-product a.button
:not(.product-image-container div:has(.add-to-cart):not(div:has(.add-to-cart) + div:has(.add-to-cart)) a.button)
:not(.product-desc div:has(.add-to-cart):not(div:has(.add-to-cart) + div:has(.add-to-cart)) a.button)
:not(.Dark-Mode .single-product .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.button)
:not(.Dark-Mode.Orange-Theme .single-product .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.button) /* Visio Button */,

.Dark-Mode #search_content .hamburger/* Search Result Page >> Close Filter Button */, 
.Dark-Mode #search_form .form-group button.btn-go/* Product Listing + Single Page*/, 
.Dark-Mode .product-head button.btn-go/* Product Subcategory Page*/, 

.Dark-Mode .btn-info:not(.well-compare .btn-info):not(.modal-content .btn-info):not(.modal-content .btn),

.Dark-Mode .btn-primary:not(.modal-content .btn-info):not(.modal-content .btn), 
.Dark-Mode .button:not(.quote .button):not(.modal .add-to-cart.button):not(.product-desc div:has(.add-to-cart):not(div:has(.add-to-cart) + div:has(.add-to-cart)) a.button), 

.Dark-Mode [data-bg="primary"],
.Dark-Mode [data-bg="colorone"], 
.Dark-Mode .BG-ATEN-Blue,
.Dark-Mode .BG-Blue, 
.Dark-Mode .BG-Primary {
	background-color: #000;

	transition: all 0.3s ease-in-out 0s;
}






/* ATEN Blue (BG) (主深藍色調改 >> 黑色) */
.Dark-Mode #search_content .hamburger/* Search Result Page >> Close Filter Button */ {
	background-color: #000 !important/*要覆蓋原來的行內*/;
}




/*  【 Footer Bar 】(主深藍色調) */
.Dark-Mode #home_footer_bar .bar_item {
	background-color: #005baa;
	background-color: #007fc6;
	background-color: #004276;
	background-color: #005caa;
}




/* ATEN Blue-3 (BG) (Middle) (中藍色 >> 灰色) */
.Dark-Mode .comparisontable a.btn_border, 

.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info, 
.Dark-Mode #search_form .form-group button:not(button.btn-go),

.Dark-Mode .btn[class*="btn-"]:not(.well-compare .btn.btn-info):not(#comparison_listing .table-hover.comparisontable .btn.btn-info):not(.modal-content .btn-info):not(.modal-content .btn):not(button.btn-go):not(.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info), 

.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info, 
.Dark-Mode #search_form .form-group button:not(button.btn-go), 
.Dark-Mode .btn-info:not(button.btn-go)[disabled], 

.Dark-Mode #search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info, 
.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info, .Dark-Mode #search_form .form-group button:not(button.btn-go), 
.Dark-Mode .btn-info:not(button.btn-go).disabled, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled], 

.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go), .Dark-Mode .btn-info:not(button.btn-go).disabled:hover, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:hover, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):hover, 
.Dark-Mode .btn-info:not(button.btn-go).disabled:focus, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:focus, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):focus, 
.Dark-Mode .btn-info:not(button.btn-go).disabled.focus, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled].focus, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go).focus, 
.Dark-Mode .btn-info:not(button.btn-go).disabled:active, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:active, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):active, 
.Dark-Mode .btn-info:not(button.btn-go).disabled.active, .Dark-Mode .btn-info:not(button.btn-go)[disabled].active, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go).active, 

.Dark-Mode [data-bg="fourth"],
.Dark-Mode[data-bg="colorfour"], 
.Dark-Mode .BG-Blue-Middle, 
.Dark-Mode .BG-Fourth {
	background-color: #252525;
	transition: all 0.3s ease-in-out 0s;
}


/* BG Color (Dark Grey-2 深灰2) */
.Dark-Mode .single-product #overview-tab.tab-content .All-Rich-Content-Section table.table.comparisontable tr:first-child th:first-child, 
.Dark-Mode .single-product #overview-tab.tab-content .All-Rich-Content-Section #Product-Comparison.Rich-Content-Section[class*="image_"] tr:first-child, 
.Dark-Mode .single-product #overview-tab.tab-content .All-Rich-Content-Section .Rich-Content-Section[class*="image_"].compare .table.comparisontable tr:first-child, 
.Dark-Mode .single-product #overview-tab.tab-content .All-Rich-Content-Section #Product-Comparison.Rich-Content-Section[class*="image_"] .compare-modal, 
.Dark-Mode .single-product #overview-tab.tab-content .All-Rich-Content-Section .Rich-Content-Section[class*="image_"].compare .compare-modal {
	background-color: #3e3e3e;
}

/* BG Color (Dark Grey-2 深灰2) */
.Dark-Mode .single-product .product #refs .tabs div#dropdownMenu-inner:is(.hidden-lg) ul.dropdown-menu > li:has(a:focus)/* 頁面中的 Overview 選單 (非 Fixed Menu) */, 
.Dark-Mode .single-product .product #refs .tabs div#dropdownMenu-inner:is(.hidden-lg) ul.dropdown-menu > li:has(a:hover)/* 頁面中的 Overview 選單 (非 Fixed Menu) */, 
.Dark-Mode .single-product .product #refs .tabs div#dropdownMenu-inner:is(.hidden-lg) ul.dropdown-menu > li > a:focus/* 頁面中的 Overview 選單 (非 Fixed Menu) */, 
.Dark-Mode .single-product .product #refs .tabs div#dropdownMenu-inner:is(.hidden-lg) ul.dropdown-menu > li > a:hover/* 頁面中的 Overview 選單 (非 Fixed Menu) */, 

.Dark-Mode .product_related_group .related_product_tabs > h3/* 產品頁下方 >> 相容性產品 >> 標題底塊狀  */,
.Dark-Mode .flex-control-nav.flex-control-thumbs li img/* 產品圖下方 >> 小縮圖底色 */,

.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li a /* Tab 選單 > Li > a */,
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active /* Tab 選單 > Li (active) */, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) /* Tab 選單外層 */,

.Dark-Mode section#content section.quote-cart + #content .col-title.row {
    background-color: #333;
}



/* BG Color (Dark Grey-2 深灰2) */
.Dark-Mode .single-product .product #refs .tabs div#dropdownMenu-inner:is(.hidden-lg) ul.dropdown-menu/* 頁面中的 Overview 選單 (非 Fixed Menu) */, 

.Dark-Mode .dark #top-bar/* Top Bar >> 黑化版 */, 
.Dark-Mode #top-bar.dark/* Top Bar >> 黑化版 */ {
	background-color: #181818;
    background-color: #222;
}


/* BG Color (Dark Grey-2 深灰3) */
.Dark-Mode .dark #top-bar/* Top Bar >> 黑化版 */, 
.Dark-Mode #top-bar.dark/* Top Bar >> 黑化版 */ {
	background-color: #161616;
	background-color: #1b1b1b;
}



/* White (BG) (LI >> 【 All 】(( 不透明 1.0 )) (!important) */
/* Comparsion Button >> Product Page */
.Dark-Mode .btn-info:not(button.btn-go).disabled, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled], 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go), 
.Dark-Mode .btn-info:not(button.btn-go).disabled:hover, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:hover, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):hover, 
.Dark-Mode .btn-info:not(button.btn-go).disabled:focus, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:focus, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):focus, 
.Dark-Mode .btn-info:not(button.btn-go).disabled.focus, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled].focus, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go).focus, 
.Dark-Mode .btn-info:not(button.btn-go).disabled:active, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:active, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):active, 
.Dark-Mode .btn-info:not(button.btn-go).disabled.active, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled].active, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go).active {
	background-color: #333 !important;

	transition: all 0.3s ease-in-out 0s;
}


/* BG Color (Dark Grey-3 深灰3) */
.Dark-Mode .AAAAAAA {
    background-color: #666;
}

/* BG Color (White 白) */
.Dark-Mode section#content .single-product .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a:not(.Dark-Mode.Orange-Theme .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button)/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a */, 
.Dark-Mode .carousel-indicators li.active/* Slide Application */, 
.Dark-Mode #comparison_landings .container .well-compare/* 彈出比較表 Box */, 
.Dark-Mode .product-image .slider-wrap/* 產品頁 Gallery 外框 >> 底色 */,
.Dark-Mode .flex-control-nav.flex-control-thumbs li img/* 產品圖下方 >> 小縮圖底色 */ {
    background-color: #fff;
}

.Dark-Mode .flex-control-nav.flex-control-thumbs li img/* 產品圖下方 >> 小縮圖底色 */ {
    background-color: #000;
}



/* BG Color (Transparent 透明) */
.Dark-Mode .qs-block .qs-header div.dropdown ul.qs-filter li.active a, 

.Dark-Mode .product-image .flexslider .slider-wrap/* 通用產品藝廊未點選 >>  .slider-wrap >> 底色 >> 不要外圍邊框(有問題) >> 因為圖片大小不一 >> 為了不留空白邊 >> 改為 img 邊框 */ {
background-color: transparent;
}




/* (Comparison Basket Button 增加品項後) + (通用產品藝廊未點選 >>  .slider-wrap >> 底色) */
/* >> 不要外圍邊框(有問題) >> 因為圖片大小不一 >> 為了不留空白邊 >> 改為 img 底色(不包括 >> 點開後大圖底色) */
.Dark-Mode .product-image .flexslider .slider-wrap img:not(.zoomImg) {
    background-color: #000; /* 不分產品圖 or 情境圖 or Diagram 圖 */
}



/* Diagram (產品圖中) >> src 來源帶有 Diagram 圖表類圖片  */
.Dark-Mode .product-image .flexslider .slider-wrap img[src*="diagram"]:not(.zoomImg), 
.Dark-Mode .flexslider .slide img[src*="diagram"] {
    background-color: #fff;/* 因為 Diagram 透明底 >> 只有線條 */
}


/* BG Color (White 白) */
.Dark-Mode .product-image .slider-wrap/* 產品頁 Gallery 外框 >> 底色 */,
.Dark-Mode .flex-control-nav.flex-control-thumbs li img/* 產品圖下方 >> 小縮圖底色 */ {
    background-color: #fff;
}

/* BG Color (White 白) */
.Dark-Mode .flex-control-nav.flex-control-thumbs li img/* 產品圖下方 >> 小縮圖底色 */ {
	background-color: #000;
}


/* BG Color:Hover (White 白) */
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li:hover::before, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li:hover::after {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 1.0);
}


/* BG Color:Hover (White 白透明 0.2) */ 
/* 產品頁下方 >> 相容性產品 .Dark-Mode .product_related_group ,*/
.Dark-Mode .product_related_group .related_product_tabs/* 產品頁下方 >> 相容性產品 */, 

.Dark-Mode section#content .diagram-text a.button:hover /* Visio Button */,

.Dark-Mode section#content .single-product a.button:not(.quote a.button, .product-desc a.add-to-cart.button, .product-padding a.add-to-cart.button):hover /* Visio Button */,

.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info:hover, 
.Dark-Mode #search_form .form-group button:hover, 
/* .Dark-Mode section.quote-cart + #content a.actbtn button:hover, */
.Dark-Mode .btn[class*="btn-"]:not(.well-compare .btn.btn-info):not(#comparison_listing .modal-content .btn-info):not(.modal-content .btn-info):not(.modal-content .btn):hover,

.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li a:hover/* Tab 選單 > Li > a(Hover) */ {
    background-color: rgba(255, 255, 255, 0.2) !important;
}


/* BG Color:Hover (White 白透明 0.2) */
/* 產品頁下方 >> 相容性產品 .Dark-Mode .product_related_group ,*/
.Dark-Mode .product_related_group .related_product_tabs/* 產品頁下方 >> 相容性產品 */ {
    background-color: rgba(255, 255, 255, 0.2);
	background-color: #515151;
}

/* BG Color:Hover (White 白透明 0.2) */
.Dark-Mode .product-padding .product_related_group:last-of-type/* 產品頁下方 >> 最後一個相容性產品 */ {
	margin-bottom: 7rem !important;
}





/* BG Color (Green 綠-1) */
.Dark-Mode #gqc_tip+.popover .popover-title/* Get Quote Modual >> Tip */ {
    background-color: rgba(128, 186, 45, 1.0);
    background-color: #80ba2d;
}



/* BG Color (Green 綠-2) */
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li:has(.active a:hover)::before,
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li:has(.active a:hover)::after,

.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.active::before, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.active::after {
    background-color: #94c52c;
    background-color: rgba(148, 197, 44, 1.0);
}



/* BG Color (White 白 !important) */
.abcde {
    background-color: #fff !important;
}




/* BG Color:Hover (Black:hover 客製黑) */
.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info, 
.Dark-Mode #search_form .form-group button:not(button.btn-go),
.Dark-Mode .btn-info:not(button.btn-go)[disabled],
.Dark-Mode #search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info, 
.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info, 

.Dark-Mode #sidebar input:checked ~ .checkmark, 
.Dark-Mode .container input:checked ~ .checkmark, 
.Dark-Mode .well-filter input:checked ~ .checkmark, 

.Dark-Mode .share label:hover .checkmark, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active/* Tab 選單 > Li (active) */ {
    background-color: #000;
}



/* BG Color (Transparent 透明) */
.Dark-Mode #product_tab_menu.dark .navbar-nav > li > a:hover/* 黑化產品頁 >> 產品下方各固定選單 >> a(:hover) */, 
.Dark-Mode #product_tab_menu.dark .navbar-nav > .active > a:hover/* 黑化產品頁 >> 產品下方各固定選單 >> a.active(:hover) */,
.Dark-Mode #product_tab_menu.dark .navbar-nav > .active > a/* 黑化產品頁 >> 產品下方各固定選單 >> a.active */,

.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a/* Tab 選單 > Li (active) */,
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a:hover/* Tab 選單 > Li (active) a:hover */, 

.Dark-Mode .share label .checkmark {
    background-color: transparent !important;
}






/*****************************【 All border-radius 統一所有大圓角 】******************************/

.B2C-Style.Dark-Mode .product-image .flexslider .slider-wrap img:not(.zoomImg)  {
	border-radius: 10px;
	border-radius: 0.7rem;
}

.Dark-Mode .product_related_group .owl-carousel .owl-item img/* 產品頁面下 >> 相容性產品圖 */ {
    border-radius: 10px;
    border-radius: 0.7rem;

	border-radius: 6px;
    border-radius: 0.4rem;
}
 

 
 
/***************************** .Dark-Mode >> 【 border 統一所有(顏色/粗細) 】******************************/
 
 
 /* .Dark-Mode >> >> 全部線條統一(顏色) >> .line/ Icon 區線條 >> 深灰 */
 .Dark-Mode section#content .single-product .certification .Features-Icon-Container/* 產品頁面 >> 認證區塊 */,
 .Dark-Mode section#content .single-product .certification .RC-Icon-Container/* .RC-Icon 外層 */,
 .Dark-Mode section#content .single-product .certification/* 一般認證 Icon */,
 .Dark-Mode section#content .single-product .line/* 基本線條 >> 品名下方 */ {
     border-color: #555;
     border-style: solid;
 }

/* .Dark-Mode >> >> 全部線條統一(顏色) >> 產品頁面 >> 認證區塊 + .RC-Icon 外層 >> 深灰 */
.Dark-Mode section#content .single-product .certification.with-RC-Icon .RC-Icon-Container, 
.Dark-Mode section#content .single-product .certification .RC-Icon-Container {
	border-color: #555 !important;/* 覆蓋掉原來的行內 */
}



/*************** 【 Border Style / No-px 】 統一套色 ATEN Blue >> (ATEN 綠) 不透明 (1.0)  *****************/
.Dark-Mode #gqc_tip+.popover/* Get Quote Modual >> Tip */ {
	border-color: #80ba2d;
}
 
/*************** 【 Border (Bttom) Style 】 統一套色 ATEN Blue >> (ATEN 綠) 不透明 (1.0)  *****************/
.Dark-Mode #gqc_tip+.popover.bottom>.arrow/* Get Quote Modual >> Tip */, 
.Dark-Mode #gqc_tip+.popover.bottom>.arrow:after/* Get Quote Modual >> Tip */ {
	border-bottom-color: #80ba2d;
}

 /* .Dark-Mode >> 線條統一(顏色/粗細) >> Border-Top >> 深灰 */
 .Dark-Mode section#content .single-product .certification .RC-Icon-Container/* .RC-Icon 外層 */, 
 .Dark-Mode section#content .single-product .product-desc .line/* 基本線條 >> 品名下方 */  {
     border-top-width: 1px;
 }
 
 /* .Dark-Mode >> 品名下方 >> Border-Top >> .line (線條) >> 透明 */
 .Dark-Mode section#content .single-product .product-desc .line {
     border-top-width: 1px;
     border-top-color: transparent;
 }


 
/* Product Page >> Border-Left >> share 連結分隔線 */
 .Dark-Mode section#content .single-product .share .shareblock_line {
     border-left-width: 1px;
     border-left-color: transparent !important;
}


/* ??? */
.Dark-Mode .BBB {
    border: 1px solid #e0e0e0;
}


/* 產品內頁(Product Detailed Page ) >> 相關產品表格/ 區塊/ 線框 */
.Dark-Mode .table.comparisontable:not(.Dark-Mode #comparison_listing .table-hover.comparisontable) /* 產品內頁 >> 排除 >> Lightbox 相關產品比較表格 */, 

.Dark-Mode #support-download-tab.tab-content table/* 下載表單 */,
.Dark-Mode .software-and-download table/* 下載表單 */, 

.Dark-Mode .spec_table/* 產品內頁 >> 規格表 */,
.Dark-Mode .package-content/* 產品內頁 >> 包裝內容 */,
.Dark-Mode .owl-stage-outer/* 產品內頁 >> 相容性產品 >> Tab Menu 底線 */ , 
.Dark-Mode .related_product_tabs/* 產品內頁 >> 相容性產品 */ {
	border-color: #777;
	border-width: 1px;
	border-style: solid;

	border: 1px solid #777;

	background-color: transparent;
}

.Dark-Mode .table-hover>tbody>tr:hover{
background-color: #515151;
}

/* 跳 Lightbox >> Comparison Table > All Button (Remove + Show Less/ More) */
.Dark-Mode #comparison_listing .table-hover > tbody > tr:hover {
	background-color: #f5f5f5;
}


/* 產品內頁(Product Detailed Page ) >> 相關產品表格/ 區塊/ 線框 >> Border-Top */
.Dark-Mode hr, 
.Dark-Mode .owl-stage-outer/* 產品內頁 >> 相容性產品 >> Tab Menu 底線 */ {
	border: none;
	border-top-width: 1px;
    border-top-style: solid;

	border-top: 1px solid #777;
}


/* 產品內頁 >> 比較勾選 框框 */
.Dark-Mode .share label .checkmark {
    border: 1px solid #999;
}




.Dark-Mode .flex-control-nav.flex-control-thumbs li img.flex-active, 

.Dark-Mode .btn-info:not(#search_form .form-group button.btn-go + span + .btn-info):not(#search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info):not(#sitesearch_form button.btn-go):not(.well-compare .btn):not(.modal-content .btn-info):not(.modal-content .btn), 

.Dark-Mode .btn[class*="btn-"]:not(.btn-primary):not(.sect-divider .btn-learnm a):not(a.add-to-cart.btn-full-width):not(#product_tab_menu .add-to-cart.button):not(#search_form .form-group button.btn-go + span + .btn-info):not(#search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info):not(#Sortblock button.btn.btn-default):not(.Two-Button .btn[class*="btn"]):not(#product_lists .btn.btn-load-more):not(.top_searchbox + div a.btn.btn-load-more.btn-default):not(#sitesearch_form button.btn-go):not(#footer .input-group-btn .btn.btn-success):not(#slider.homepage-slider a.btn.btn-primary[class*="btn_"]):not(.well-compare .btn), 

.Dark-Mode .button:not(.quote a.button):not(.product-desc div:has(.add-to-cart):not(div:has(.add-to-cart) + div:has(.add-to-cart)) a.button):not(.product-padding a.add-to-cart.button), 

.Dark-Mode section#content .diagram-text a.button /* Visio Button */,

.Dark-Mode section#content .single-product a.button:not(.quote a.button):not(.product-desc div:has(.add-to-cart):not(div:has(.add-to-cart) + div:has(.add-to-cart)) a.button):not(.product-padding a.add-to-cart.button) /* Visio Button */,

.Dark-Mode .form-inline .form-control/* 產品型號輸入框 */, 
.Dark-Mode .product_search input.form-control/* 產品型號輸入框 */,
.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info, 
.Dark-Mode #search_form .form-group button, 
/* .Dark-Mode section.quote-cart + #content a.actbtn button, */

.Dark-Mode .btn[class*="btn-"],

.Dark-Mode #product_detail .banners img/* Product Page >> 產品頁面小 banner */, 
.Dark-Mode .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image/* Product Page >> 點選產品圖 >> 跳出的 Lightbox 產品大圖 */, 
.Dark-Mode .product-image .slider-wrap/* Product Page >> 產品圖 Gallery */, 

/*#search_form .form-group button[aria-controls], */

.Dark-Mode .comparisontable a.btn_border/* Comparison Table > All Button (Remove + Show Less/ More) */, 

.Dark-Mode #search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info, 
.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info, 
.Dark-Mode #search_form .form-group button:not(button.btn-go), 

/* Product Listing >> Add to Cart  >> Added (已加入) .Dark-Mode #product_lists .btn-primary.addtocart.added, */

.Dark-Mode .btn-info:not(button.btn-go).disabled, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled], 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go), 
.Dark-Mode .btn-info:not(button.btn-go).disabled:hover, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:hover, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):hover, 
.Dark-Mode .btn-info:not(button.btn-go).disabled:focus, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:focus, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):focus, 
.Dark-Mode .btn-info:not(button.btn-go).disabled.focus, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled].focus, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go).focus, 
.Dark-Mode .btn-info:not(button.btn-go).disabled:active, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled]:active, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go):active, 
.Dark-Mode .btn-info:not(button.btn-go).disabled.active, 
.Dark-Mode .btn-info:not(button.btn-go)[disabled].active, 
.Dark-Mode fieldset[disabled] .btn-info:not(button.btn-go).active

/*.Dark-Mode .btn-info.disabled, 
.Dark-Mode .btn-info[disabled], 
.Dark-Mode fieldset[disabled] .btn-info, 
.Dark-Mode .btn-info.disabled:hover, 
.Dark-Mode .btn-info[disabled]:hover, 
.Dark-Mode fieldset[disabled] .btn-info:hover, 
.Dark-Mode .btn-info.disabled:focus, 
.Dark-Mode .btn-info[disabled]:focus, 
.Dark-Mode fieldset[disabled] .btn-info:focus, 
.Dark-Mode .btn-info.disabled.focus, 
.Dark-Mode .btn-info[disabled].focus, 
.Dark-Mode fieldset[disabled] .btn-info.focus, 
.Dark-Mode .btn-info.disabled:active, 
.Dark-Mode .btn-info[disabled]:active, 
.Dark-Mode fieldset[disabled] .btn-info:active, 
.Dark-Mode .btn-info.disabled.active, 
.Dark-Mode .btn-info[disabled].active, 
.Dark-Mode fieldset[disabled] .btn-info.active*/ {
    border: 1px solid rgba(255, 255, 255, 0.1);
    border: 1px solid #777;

	border: 2px solid rgba(255, 255, 255, 0.1);
    border: 2px solid #777;
}



.Dark-Mode .single-product .product #refs .tabs div#dropdownMenu-inner:is(.hidden-lg) button#dropdownMenu-inner-btn {
	border: 2px solid #777 !important;
}


/* Go Button (當左邊 Search Input 是白色) >> Border (深灰色調) */
.Dark-Mode .btn-info:not(#search_form .form-group button.btn-go + span + .btn-info):not(#search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info):not(#sitesearch_form button.btn-go):not(.well-compare .btn):not(.modal-content .btn-info):not(.modal-content .btn), 
.Dark-Mode .btn[class*="btn-"]:not(.btn-primary):not(.sect-divider .btn-learnm a):not(a.add-to-cart.btn-full-width):not(#product_tab_menu .add-to-cart.button):not(#search_form .form-group button.btn-go + span + .btn-info):not(#search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info):not(#Sortblock button.btn.btn-default):not(.Two-Button .btn[class*="btn"]):not(#product_lists .btn.btn-load-more):not(.top_searchbox + div a.btn.btn-load-more.btn-default):not(#sitesearch_form button.btn-go):not(#footer .input-group-btn .btn.btn-success):not(#slider.homepage-slider a.btn.btn-primary[class*="btn_"]):not(.well-compare .btn):not(#refs .tabs div#dropdownMenu-inner button#dropdownMenu-inner-btn):not(.modal-content .btn-info):not(.modal-content .btn), 

.Dark-Mode #search_form .form-group button {
	border: 2px solid #444 !important;
}


button#dropdownMenu-inner-btn


/* BG Color:Hover (White 白透明 0.2) */
.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info:hover, 
.Dark-Mode #search_form .form-group button:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}



/*  【 Footer Bar 】(主深藍色調) */
.Dark-Mode #home_footer_bar .bar_item {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}

/* Tab 選單外層 */
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg)/* Tab 選單外層 */ {
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}
 
 
/* Tab 選單外層 */
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) {
    border-bottom: 0px solid transparent;
}

/* Tab 選單 >> li:first-child (第一個) */
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li:first-child {
    border-left: 2px solid transparent;
}


/* 產品內頁 >> 比較勾選框框:hover + 勾選中後 */
.Dark-Mode section#content .diagram-text a.button:hover /* Visio Button */,
.Dark-Mode section#content .single-product a.button:hover /* Visio Button */,

.Dark-Mode .form-inline .form-control:hover + .btn.btn-go/* 產品型號輸入框 */, 
.Dark-Mode .product_search input.form-control:hover + .btn.btn-go/* 產品型號輸入框 */,
.Dark-Mode .form-inline .form-control:hover/* 產品型號輸入框 */, 
.Dark-Mode .product_search input.form-control:hover/* 產品型號輸入框 */,
.Dark-Mode #search_form .form-group button.btn-go + span + .btn-info:hover, 
.Dark-Mode #search_form .form-group button:hover, 
/* .Dark-Mode section.quote-cart + #content a.actbtn button:hover, */
.Dark-Mode .btn[class*="btn-"]:hover,

.Dark-Mode .container .share input:checked~.checkmark, 
.Dark-Mode .share label:hover .checkmark {
    border: 1px solid #fff;
	border: 2px solid #fff;
}



.Dark-Mode .btn-info:not(#search_form .form-group button.btn-go + span + .btn-info):not(#search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info):not(#sitesearch_form button.btn-go):not(.well-compare .btn-info):hover,

.Dark-Mode .btn[class*="btn-"]:not(.btn-primary):not(.sect-divider .btn-learnm a):not(a.add-to-cart.btn-full-width):not(#product_tab_menu .add-to-cart.button):not(#search_form .form-group button.btn-go + span + .btn-info):not(#search_form .form-group button.btn-go + span + button.btn-info.hidden-lg + .btn-info):not(#Sortblock button.btn.btn-default):not(.Two-Button .btn[class*="btn"]):not(#product_lists .btn.btn-load-more):not(.top_searchbox + div a.btn.btn-load-more.btn-default):not(#sitesearch_form button.btn-go):not(#footer .input-group-btn .btn.btn-success):not(#slider.homepage-slider a.btn.btn-primary[class*="btn_"]):not(.well-compare .btn.btn-info):hover,

.Dark-Mode #search_form .form-group button, 

.Dark-Mode .btn[class*="btn-"]:not(.well-compare .btn.btn-info):hover,

.Dark-Mode section#content #search_form .form-group button:hover, 

.Dark-Mode section#content .btn[class*="btn-"]:not(.well-compare .btn.btn-info):hover, 

.Dark-Mode #search_form .form-group button:hover, 

.Dark-Mode #search_form .form-group button:is(.btn-go):hover/* Go Button:hover */, 
.Dark-Mode .btn[class*="btn-"]:is(.btn-go):hover/* Go Button:hover */, 
.Dark-Mode #search_form .form-group button:is(.btn-go):hover/* Go Button */, 
.Dark-Mode .btn[class*="btn-"]:is(.btn-go):hover/* Go Button */ {
	border: 1px solid #fff;
	border: 2px solid #fff;
}

/* 通用產品藝廊未點選 >>  .slider-wrap >> 底色 */
/* >> 不要外圍邊框(有問題) >> 因為圖片大小不一 >> 為了不留空白邊 >> 改為 img 邊框 */
.Dark-Mode .product-image .flexslider .slider-wrap {
    border: 1px solid transparent;/* 邊框改透明 */
}

/* 通用產品藝廊未點選 >>  .slider-wrap >> 底色 */
/* >> 不要外圍邊框(有問題) >> 因為圖片大小不一 >> 為了不留空白邊 >> 改為 img 底色(不包括 >> 點開後大圖底色) */
.Dark-Mode .flex-control-nav.flex-control-thumbs li img:not(li img.flex-active):hover, 
.Dark-Mode .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
    border: 1px solid #777;/* 邊框改放這 */
}

/* 通用產品藝廊未點選 >>  .slider-wrap >> 底色 */
/* >> 不要外圍邊框(有問題) >> 因為圖片大小不一 >> 為了不留空白邊 >> 改為 img 底色(不包括 >> 點開後大圖底色) */
.Dark-Mode .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.Dark-Mode .product-image .flexslider .slider-wrap img:not(.zoomImg) {
    border: 1px solid #555;/* 邊框改放這 */
}


/*************** 【 Border (Top) Style / 3px 】 統一套色 ATEN Green >> (ATEN 綠) 不透明 (1.0)  *****************/
.Dark-Mode li.ui-tabs-tab.ui-state-active a/* Product Page >> Product Tab Menu (Active) >> 底線綠條 */ {
	border-bottom: 3px solid rgba(148, 197, 44, 1.0);
	border-bottom: 3px solid #94c52c;
}


/* 特別有哪個 border 不需要 */
.Dark-Mode #search_form .form-group button:is(.btn-go):hover/* Go Button:hover */, 
.Dark-Mode .btn[class*="btn-"]:is(.btn-go):hover/* Go Button:hover */, 
.Dark-Mode #search_form .form-group button:is(.btn-go)/* Go Button */, 
.Dark-Mode .btn[class*="btn-"]:is(.btn-go)/* Go Button */ {
	border-left: 1px solid transparent !important;
	border-left: none !important;

	border-left: 2px solid transparent !important;
}



/***************************** .Dark-Mode >> 【 Icon >> 黑背景反轉顏色 (白色) 】******************************/

 /* 產品內頁 >> Tab Icon >> 變成白色 */
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li [class*="fa-"]::after, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li [class*="fa-"]::before, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li [class*="icon-"]::after, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li [class*="icon-"]::before, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li i::after, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li i::before {
    font-weight: 300;
    font-variation-settings: 'FILL' 0;
}

 /* 產品內頁 >> Tab Icon >> 下載圖轉為透明底 */
 .Dark-Mode section#content .tab-nav .icon-download::before {
	font-variation-settings: 'FILL' 0 !important;
}

 /* 產品內頁 >> Tab Icon >> 下載圖轉為透明底 */
.Dark-Mode section#content .tab-nav .icon-sitemap::before {
	font-weight: 200 !important;
}

 
 /* 一般認證 Icon >> ex:4K, 8K..... */
 .Dark-Mode .certification .vcenter img:not(.vcenter.RC-Icon img, .vcenter.Features-Icon img), 
 .Dark-Mode .certification .vcenter:not(.vcenter.RC-Icon, .vcenter.Features-Icon) {
 /* 
 filter: sepia(1) saturate(0) hue-rotate(0deg) brightness(1) contrast(150%);
 */
 }
 

/* .RC-Icon >> 用反轉變成白色 */
.Dark-Mode .certification .vcenter.RC-Icon img:not(.vcenter.Features-Icon img), 
.Dark-Mode .single-product .certification .RC-Icon img {
    border: 2px solid #999;
    border-bottom: 2px solid #999;

	/* 白底圖 >> 用反轉變成 >> 黑底圖白色線條 Icon
    border: 2px solid #c0c0c0;
    border-bottom: 2px solid #c0c0c0;
    filter: invert(100%) brightness(100%);
	*/

	/* 黑底圖 >> 不反轉 */
	border-bottom: 2px solid transparent;
	border: 2px solid #444;

	background-color: transparent;

	background-color: #000/* Icon 若是 PNG 透明底 */;
	background-color: #222/* Icon 若是 PNG 透明底 */;

	border: 2px solid #2b2b2b/* Icon 若是 PNG 透明底 */;
	background-color: #171717/* Icon 若是 PNG 透明底 */;
}









/*************** .Dark-Mode >> 【 Box-Shadow (Hover) 】 陰影區塊統一套色 Dark-Black >> (深黑藍) 透明 (0.15)  *****************/

/* Zoom IN Product Window >> Product Single Page (產品圖放大區) */
.Dark-Mode .zoomWindow {
    box-shadow: 0px 6px 10px 4px rgba(0, 7, 34, 0.5);
}

/* 無陰影 */
.Dark-Mode .single-product .certification .RC-Icon img/* Product Page >> RC-Icon */ {
    box-shadow: unset !important;
}
  










/*****************************【 .Dark-Mode >> Images 】******************************/

/* Dark-Mode >> 不透疊底色特效 (Blend-Mode: Multiply) */
.Dark-Mode .compare-modal img/* Compare Model >> Product Image */,
.Dark-Mode #search_result .row.result_item a .img-responsive/* Search Result Page >> Result Item > Image */,
.Dark-Mode .result_item .img/* Result Item > Image */,
.Dark-Mode .product-record-single .sect-divider .product-image img/* Product Listing Page >> 產品縮圖 */,
.Dark-Mode .sect-divider div.product-image/* Listing Page >> 圖 */, 
.Dark-Mode .flexslider .slider-wrap > .slide/* Single Product Page >> 產品圖 (左手邊) */ {
	mix-blend-mode: unset;/* 白色會透過去(不顯示白色) */
}





/***************** 產品 Top Relate Product 【 .top-related-products/ 相關產品移動到上方區 】****************/

/* 產品頁上部相關產品區 (產品描述區) >> (通用/ 上半部) */
.Dark-Mode .single-product .product .product-padding .product-image-container .award.below-product-image:has(div.vcenter + div.vcenter)/* Award 新改版 (改在產品圖下方) >> (通用/ 上半部) */, 
.Dark-Mode .single-product .product .product-padding .product-desc .top-related-products {
	border-top: 1px solid #6c6c6c;
	border-top: 1px solid #555 !important;
}

/* 產品頁上部相關產品區 (產品描述區) >> (通用/ 上半部) */
.Dark-Mode .single-product .product .product-padding .product-desc:has(.award.below-product-image) .top-related-products/* Award 新改版 (改在產品圖下方) >> (通用/ 上半部) */, 
.Dark-Mode .single-product .product .product-padding .product-desc:has(.award) .top-related-products {
	border-bottom: 1px solid #6c6c6c;
	border-bottom: 1px solid #555;
	padding: 0;
}

/* 產品頁上部相關產品區 (產品描述區) >> .owl-item .product (通用/ 上半部) */
.Dark-Mode .single-product .product .product-padding .product-desc .top-related-products .related_product_tabs .owl-stage-outer .owl-stage .owl-item .product {
    border: 1px solid #555;
	border: 1px solid rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0);
}

/* 產品頁上部相關產品區 (產品描述區) >> .owl-item .product:hover (通用/ 上半部) */
.Dark-Mode .single-product .product .product-padding .product-desc .top-related-products .related_product_tabs .owl-stage-outer .owl-stage .owl-item .product:hover, 
.Dark-Mode .single-product .product .product-padding:has(.rightIcon) .top-related-products .related_product_tabs .owl-stage-outer .owl-stage .owl-item .product:hover {
	border: 1px solid #999 !important;
}

/* 產品頁上部相關產品區 (產品描述區) >> .owl-item .product:hover (通用/ 上半部) */
.Dark-Mode .single-product .product .product-padding:has(.rightIcon) .compatible-tr.top-related-products .related_product_tabs .owl-stage-outer .owl-stage .owl-item .product:hover {
	border: 1px solid transparent !important;
}

/* 產品頁上部相關產品區 (產品描述區) >> 單產品 Item 內框 >> img (通用/ 上半部) */
.Dark-Mode .single-product .product .product-padding .product-desc .top-related-products .related_product_tabs .owl-stage-outer .owl-stage .owl-item .product .product-image img {
	border: 1px solid #454545;
	border: 1px solid rgba(255, 255, 255, 0.1);
}


 
 
/*****************************【 .Dark-Mode >> Others 】******************************/

/* Top bar >> 購物車圖示跟數字 */
.Dark-Mode #top-search .quote_enable #cartCount {
	line-height: 1rem !important;
	border-width: 2px !important;
    border-style: solid !important;
    border-color: rgb(128 186 45);
}



/* #recently_viewed (Normal:未滑過) >> 外區域 (Product Page) */
.Dark-Mode #wrapper #recently_viewed {
	border: 1px solid transparent;
	background-color: transparent;
	clip-path: polygon(0 0, 23.5% 0, 25% 100%, 0% 100%);
	clip-path: polygon(0 0, 25.7% 0, 25% 100%, 0% 100%);/* 尚未 .actived */
	transition: 0.1s;
}

/* #recently_viewed (Normal:未滑過) >> .Item (>> (Product Page) */
.Dark-Mode #wrapper #recently_viewed > div {
	background-color: transparent;/* 尚未 .actived */
}

/* #recently_viewed (Normal:未滑過) >> .title (Product Page) */
.Dark-Mode #wrapper #recently_viewed .title {
	background-color: transparent;/* 尚未 .actived */
	box-shadow: inset 0px 0px 0px 2px transparent;
}

/* #recently_viewed (Normal:未滑過) >> Icon history  (Product Page) */
.Dark-Mode #wrapper #recently_viewed .icon-History:is(.fa.fas_v5.icon), 
.Dark-Mode #recently_viewed .icon-History, 
.Dark-Mode #recently_viewed .icon-History {
	background-color: rgba(255, 255, 255, 0.75);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2);

	background-color: rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 255, 255, 0.001);
    border: 1px solid rgba(255, 255, 255, 0.3);

	color: rgba(255, 255, 255, 0.7);
}

/* #recently_viewed (Normal:滑過/ hover) >> 外區域 (Product Page) */
.Dark-Mode #wrapper #recently_viewed:hover {
	border: 1px solid #ddd;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);/* hover >> 尚未 .actived */
	transition: all 0.2s ease-in-out 0s;
}

/* #recently_viewed (Normal:滑過/ hover) >> .title (Product Page) */
.Dark-Mode #wrapper #recently_viewed:hover .title {
	background-color: #f2f3f4;/* :hover */
	box-shadow: inset 0px 0px 0px 2px #fff;
}

/* #recently_viewed (Normal:滑過/ hover) >> Icon history  (Product Page) */
.Dark-Mode #wrapper #recently_viewed:hover .icon-History:is(.fa.fas_v5.icon), 
.Dark-Mode #recently_viewed:hover .icon-History, 
.Dark-Mode #recently_viewed:hover .icon-History {
	border: 1px solid transparent;
	background-color: transparent;
	box-shadow: inset 0px 0px 0px 2px transparent;

	color: #333;
}




/* (.product_related_group/ 不包含 .top-related-products) .extra-info 下方所有相關/相容/產品頁面 >> .product-carousel >> .owl-item >> .product */
.Dark-Mode .extra-info .product_related_group .product-carousel .owl-item .product, 
.Dark-Mode .product-carousel:not(.top-related-products .product-carousel) .owl-item .product {
	padding: 0px 7px 0px 10px;
	padding: 0.2rem 1rem 0.6rem;
	padding: 0.2rem 1rem 1.1rem;
}


/* (.product_related_group) .extra-info 下方所有相關/相容/產品頁面 >> .product-carousel >> .owl-item >> .product:hover */
.Dark-Mode .extra-info .product_related_group .product-carousel .owl-item .product:hover, 
.Dark-Mode .product-carousel:not(.top-related-products .product-carousel) .owl-item .product:hover {
	border: 1px solid #999;
	border: 1px solid #999;
	border: 1px solid rgba(255, 255, 255, 0.7);;
}


/* #recently_viewed (.actived/ 點開) >> 外區域 (Product Page) */
.Dark-Mode #wrapper .icon-History:is(.fa.fas_v5.icon)::before, 
.Dark-Mode #recently_viewed .icon-History::before, 
.Dark-Mode .icon-History::before {
    transform: translateY(2px);
    transform: translateY(0.25rem);
    font-weight: 300;
}

/* #recently_viewed (.actived/ 點開) >> 外區域 (Product Page) */
.Dark-Mode #wrapper #recently_viewed.actived {
	background-color: #fff;/* .actived */
	clip-path: none;/* .actived */
}

/* #recently_viewed (.actived/ 點開) >> .title (Product Page) */
.Dark-Mode #wrapper #recently_viewed.actived .title {
	background-color: #f2f3f4;/* .actived */
	box-shadow: inset 0px 0px 0px 2px #fff;
}

/* #recently_viewed (.actived/ 點開) >> .Item (>> (Product Page) */
.Dark-Mode #wrapper #recently_viewed.actived > div {
    background-color: #fff;/* .actived */
}

/* #recently_viewed (.actived/ 點開) >> Icon history  (Product Page) */
.Dark-Mode #wrapper #recently_viewed.actived .icon-History:is(.fa.fas_v5.icon), 
.Dark-Mode #recently_viewed.actived .icon-History, 
.Dark-Mode #recently_viewed.actived .icon-History {
	border: 1px solid transparent;
	background-color: transparent;
	box-shadow: inset 0px 0px 0px 2px transparent;

	color: #333;
}





/* 手機版滑動產品圖像冊 >> 左右箭頭 >> a span::before (Icon) */
.Dark-Mode.Mobile-Layout .single-product #mobile-fslider.flexslider ul.flex-direction-nav li a span::before/* 手機版滑動產品圖像冊 >> 左箭頭 >> a span::before */, 
.Dark-Mode .single-product #mobile-fslider.flexslider ul.flex-direction-nav li a span::before/* 手機版滑動產品圖像冊 >> 左箭頭 >> a span::before */ {
	opacity: 0.6;
}


/* (二欄 .col-md-5) 通用產品圖 >> img  */
.Dark-Mode .col-md-5 .product-image .flexslider .slider-wrap img:not(.zoomImg) {
    max-height: 288px;
}


/* (二欄 .col-md-5) 通用產品圖 >> img  */
.Dark-Mode #product_detail .banners a:hover img {
    border: 2px solid #fff !important;
}



/* Tab Menu */
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li a, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active {
	/* line-height: 2.7rem; */
    /* line-height: 2.4em; */
}

/* Tab Menu */
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li a, 
.Dark-Mode section#content ul.tab-nav:not(.tab-nav-lg) li {
	/* height: 47px; */
	/* height: 44px; */
}



/** Breadcrumbs optimization (Drop Down Menu)  **/
.Dark-Mode .desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu, 
.Dark-Mode #product_detail .breadcrumb li.dropdown ul.dropdown-menu {
	background-color: #666;
	-webkit-box-shadow: 0 6px 25px rgba(0, 0, 0, .9);
    box-shadow: 0 6px 25px rgba(0, 0, 0, .9);

	background-color: rgba(0, 0, 0, 0.9);
	background-color: rgba(84, 83, 83, 0.9);
	backdrop-filter: blur(10px);
}

/** Breadcrumbs optimization (Drop Down Menu)  **/
.Dark-Mode section#content #product_detail .breadcrumb li.dropdown ul.dropdown-menu a,
.Dark-Mode .desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu li a, 
.Dark-Mode #product_detail .breadcrumb li.dropdown ul.dropdown-menu li a {
	font-weight: 400 !important;
}

/** Breadcrumbs optimization (Drop Down Menu)  **/
.Dark-Mode .product-head ol.breadcrumb li.dropdown ul.dropdown-menu li a:hover, 
.Dark-Mode .desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu li a:hover, 
.Dark-Mode #product_detail .breadcrumb li.dropdown ul.dropdown-menu li a:hover, 
.Dark-Mode ol.breadcrumb li.dropdown ul.dropdown-menu li a:hover, 
.Dark-Mode section#content #product_detail li.dropdown ul.dropdown-menu li a:hover, 

.Dark-Mode section#content #product_detail .breadcrumb li.dropdown ul.dropdown-menu a:hover,
.Dark-Mode .desktop-product-header ol.breadcrumb li.dropdown ul.dropdown-menu li a:hover, 
.Dark-Mode #product_detail .breadcrumb li.dropdown ul.dropdown-menu li a:hover {
	color: #fff !important;
	opacity: 1.0;
	background-color: #f5f5f5;
	background-color: #505050;
	background-color: #3a3a3a;
	text-decoration: none !important;
}



/* =========================================================================
                             RWD (.Dark-Mode)
 ========================================================================= */

 @media (min-width: 992px) {

    /* (三欄 .col-md-7) 通用產品圖 >> img  */
    .Dark-Mode .col-md-7 .product-image .flexslider .slider-wrap img:not(.zoomImg) {
    max-height: 400px;
    }

}

/* 1920 以上 */
@media (min-width: 1920px) {}



/*  2000 以上 */
@media (min-width: 2000px) {}


/************ (筆電特調 >> 高度 610px >> 扣掉 Browser) 超超窄版 for Laptop *************/
@media (min-width: 1281px) and (max-width: 1366px) {}



@media (max-width: 480px) {

	/* .Dark-Mode 【 Footer Bar 】(主深藍色調) */
	.Dark-Mode #home_footer_bar .bar_item {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	border-bottom: none !important;
	border-right: none !important;
	}

}











/* =====================================================================================================

   【僅 Dark-Mode】 Product Detail Page (((.Dark-Mode 黑化版內頁))) >> (((body.Dark-Mode / .B2C-Style.Dark-Mode)))

	                      1. (.Dark-Mode 黑化版內頁) Product Detail Page 

                          2. body class >> body.locale_global-en.Dark-Mode

                          3. body class >> body.locale_global-en.B2C-Style.Dark-Mode

===================================================================================================== */


/* 判斷若檔名內有出現 "diagram" 才套用 */
.Dark-Mode .flex-control-nav.flex-control-thumbs li img[src*="diagram"] {
	background: #fff;
	background: #d4d4d4;
	background: radial-gradient(ellipse at center, rgb(238, 238, 238) 0%,rgb(145, 145, 145) 50%,rgb(0, 0, 0) 100%);
	background: radial-gradient(ellipse at center, rgb(238, 238, 238) 0%,rgb(145, 145, 145) 50%,rgb(40, 40, 40) 100%);
	background: radial-gradient(ellipse at center, rgb(238, 238, 238) 0%,rgb(175, 175, 175) 50%,rgb(101, 101, 101) 100%);
}



/* =====================================================================================================

			.Dark-Mode + .Mobile-Layout >> 【 Product Detail Page / 優化版 】

===================================================================================================== */

/* 1024 以上 */
@media (min-width: 1024px) {

	/* Model Name >> 下方灰線透明 + 與圖片上下距離縮減 (Single Product Page) (上半部) */
	.Dark-Mode .single-product .product-desc .line {
	border-top: transparent;
	margin: 10px 0;
	}
	
}

/* 1199 以下 */
@Media (max-width: 1199px) {

	body[class*="device-md"].Dark-Mode .dark #primary-menu:not(.not-dark) ul li, 
	.Dark-Mode .dark #primary-menu:not(.not-dark) ul li {
	border-top-color: #4c4c4c !important;
	border-top: 1px solid #4c4c4c !important;
	}

	/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單) 
	body[class*="device-x"].Dark-Mode nav#product_tab_menu.navbar-fixed-top .container, 
	.Dark-Mode.Mobile-Layout nav#product_tab_menu.navbar-fixed-top .container, */ 

	body[class*="device-md"].Dark-Mode nav#product_tab_menu.navbar-fixed-top, 
	.Dark-Mode nav#product_tab_menu.navbar-fixed-top {
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.8);
	backdrop-filter: blur(10px);
	}

	/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單) */
	body[class*="device-md"].Dark-Mode nav#product_tab_menu.navbar-fixed-top .container, 
	.Dark-Mode nav#product_tab_menu.navbar-fixed-top .container {
	/* background-color: rgba(0, 0, 0, 0.99); */
	}

	/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單/ 打開時) */
	body[class*="device-md"].Dark-Mode nav#product_tab_menu.navbar-fixed-top:has(#top-refs-tab ul.active), 
	.Dark-Mode.Mobile-Layout nav#product_tab_menu.navbar-fixed-top:has(#top-refs-tab ul.active) {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0); 
	}

	/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單/ 打開時) >> ul >> li */
	body[class*="device-md"].Dark-Mode nav#product_tab_menu.navbar-fixed-top .navbar-wrap:has(#top-refs-tab ul.active), 
	.Dark-Mode nav#product_tab_menu.navbar-fixed-top .navbar-wrap:has(#top-refs-tab ul.active) {
	background-color: rgba(0, 0, 0, 0.99);
	border-bottom: 1px solid #666;
	backdrop-filter: blur(10px);
	box-shadow: 0 5px 20px rgba(0, 0, 0, .9);
	}

	/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單) >> ul >> li */
	body[class*="device-md"].Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li, 
	.Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li {
	border-top: 1px solid #444 !important;
	}

	/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單) >> ul >> li >> a */
	body[class*="device-md"].Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a, 
	.Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a {
	background-image: url(/file/template/1/images/icons/submenu-dark.png);
	background-image: url(https://stage.aten.com/file/template/1/images/icons/submenu-dark.png);
	background-image: url(https://www.aten.com/file/template/1/images/icons/submenu-dark.png);
	}

	/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單) >> ul >> li >> a:not(:hover) */
	body[class*="device-md"].Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a, 
	.Dark-Mode.Mobile-Layout .Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a, 
	.Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li a {
	color: #c4c4c4;
	}

	/* 手機版 (固定選單) >> .single-product >> #product_tab_menu (固定選單) >> ul >> li >> a.active */
	body[class*="device-md"].Dark-Mode nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li.active a, 
	.Dark-Mode.Mobile-Layout nav#product_tab_menu.navbar-fixed-top nav#top-refs-tab ul li.active a {
	color: #fff !important;
	}

}


/* 990 以下 */
@Media (max-width: 990px) {

	/* Header (Dark-Mode/ 打開輸入框時) >> #top-search >> 點選 #top-search-opener >> form  */
	.Dark-Mode.top-search-open #header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form, 
	.Dark-Mode.top-search-open #top-search form {
	border-color: rgba(255, 255, 255, 0.0);
	}

	/* Header (Dark-Mode/ 打開輸入框時) >> #top-search >> 點選 #top-search-opener >>  input  */
	.Dark-Mode.top-search-open #header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) form input, 
	.Dark-Mode.top-search-open #top-search form input {
	background: transparent;
	border: none !important;
	height: 56px;
	position: relative;
	top: 2px;
	}

	/* Header (Dark-Mode/ 打開輸入框時) >> #top-search >> 點選 #top-search-opener >> i.icon-search3  */
	.Dark-Mode.top-search-open #header.dark.transparent-header:not(.sticky-header) #header-wrap:not(.not-dark) #sitesearch_form .btn-search3 i.icon-search3, 
	.Dark-Mode.top-search-open #top-search #sitesearch_form .btn-search3 i.icon-search3 {
	color: #fff !important;
	}

	/* BG Color (Dark Grey-2 深灰2) */
	.Dark-Mode .dark #top-bar/* Top Bar >> 黑化版 */, 
	.Dark-Mode #top-bar.dark/* Top Bar >> 黑化版 */ {
	background-color: #181818;
	background-color: #111;
	}

	/* for-consumer Button >> 水平置中 (無外框 >> 融合於 Menu ) */
	.Dark-Mode #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a::after,
	.Dark-Mode #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a {
	color: rgba(143, 195, 32, 1.0);
	color: #8fc320;
	color: rgba(128, 186, 45, 1.0) !important;
	color: #80ba2d !important;
	color: #94c52c !important;
	color: rgba(148, 197, 44, 1.0) !important;
	}

	/* 手機版滑動產品圖像冊 >> 滑動產品圖 >> 外框線 */
	.Dark-Mode.Mobile-Layout .single-product #mobile-fslider.flexslider .flex-viewport, 
	.Dark-Mode.Mobile-Layout .single-product #mobile-fslider.flexslider .flex-viewport {
	border: 1px solid rgba(255, 255, 255, 0.5) !important; /* 暗黑版本 (.Dark-Mode) */
	border: 1px solid rgba(255, 255, 255, 0.25) !important; /* 暗黑版本 (.Dark-Mode) */
	}

	/* 手機版滑動產品圖像冊 >> 縮圖選項 >> 變小圓點 (不亮/一般) */
	.Dark-Mode.Mobile-Layout .single-product #mobile-fslider.flexslider ol.flex-control-nav.flex-control-thumbs li {
	background-color: rgba(255, 255, 255, 0.3);/* 暗黑版本 (.Dark-Mode) */
	border: 1px solid rgba(255, 255, 255, 0.5);/* 暗黑版本 (.Dark-Mode) */
	}

	/* 手機版滑動產品圖像冊 >> 縮圖選項 >> 變小圓點 (變亮/ Active) */
	.Dark-Mode.Mobile-Layout .single-product #mobile-fslider.flexslider ol.flex-control-nav.flex-control-thumbs li:has(img.flex-active) {
	background-color: rgba(255, 255, 255, 0.7);/* 暗黑版本 (.Dark-Mode) */
	border: 1px solid rgba(255, 255, 255, 0.7);/* 暗黑版本 (.Dark-Mode) */
	}

	/* 手機版 >> .single-product >> Product Name (Model Name/ 型號) */
	.Dark-Mode.Mobile-Layout .single-product .product-detail-price small,
	.Dark-Mode .single-product .product-detail-price small {
	color: #fff !important;
	}

}


@media (max-width: 820px) {

	/* Overview >> Add to Cart/ Buy Now >> .fa-cart-plus:is(.visible-sm, .visible-xs)  + .icon-ok (點選後) */
	.Dark-Mode.Mobile-Layout #wrapper nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart .fa-cart-plus:is(.visible-sm, .visible-xs) + .icon-ok, 
	.Dark-Mode.Orange-Theme.Mobile-Layout nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart .fa-cart-plus:is(.visible-sm, .visible-xs) + .icon-ok {
	background-color: #fff;
	background-color: rgba(128, 186, 45, 1.0);
    background-color: #80ba2d;
	}

	/* Overview >> Add to Cart/ Buy Now >> 同時存在 .fa-cart-plu + .icon-ok (點選後) */
	.Dark-Mode.Mobile-Layout #wrapper nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart:has(.fa-cart-plus.visible-sm + .icon-ok, .fa-cart-plus.visible-xs + .icon-ok) .icon-ok::before, 
	.Dark-Mode.Orange-Theme.Mobile-Layout nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart:has(.fa-cart-plus.visible-sm + .icon-ok, .fa-cart-plus.visible-xs + .icon-ok) .icon-ok::before {
	color: rgba(128, 186, 45, 1.0);
	color: #80ba2d;
	color: #fff;
	}

}


/* 480 以下 */
@Media (max-width: 480px) {

	.Dark-Mode.Mobile-Layout:has(.single-product) #home_footer_bar {
	display: none !important;
	}

}

















/* =====================================================================================================

			.Dark-Mode (黑化 Menu ) >> Main Menu Link (快速入口 for 黑底) for Consumers Products

===================================================================================================== */


/* Top Bar >> 黑化版 */
.Dark-Mode .dark #top-bar, 
.Dark-Mode #top-bar.dark {
	/* 已經定義 >> 在統一定義的 "背景色" 裡 */
}


/* .Dark-Mode (黑化 Main Menu/ 主選單 + 產品固定選單 ) >> Fixed Menu */
.Dark-Mode nav#product_tab_menu.dark/* 黑產品固定選單 */, 
.Dark-Mode #header.full-header.dark #header-wrap:not(.not-dark)/* 黑主選單 */ {
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(10px);
}

/* .Dark-Mode (黑化產品固定選單) >> Fixed Menu */
.Dark-Mode nav#product_tab_menu.dark {
	background-color: rgba(0, 0, 0, 0.75);
	backdrop-filter: blur(40px);

    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.2)) !important;
	box-shadow: 0 0 30px rgba(0, 0, 0, .6);
	box-shadow: 0 0 40px rgba(0, 0, 0, .9);
}

/* Color 顏色統一 (黑底) >> 黑色 Homepage Button + 箭頭 (After Arrow) (Dark Mode -- 黑底 Black BG) / 入口按鈕 (.transparent-header 非固定時)  */
.Dark-Mode #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a::after, 
.Dark-Mode #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a {
    color: #eee !important;
}


/* Button Hover Color 顏色統一 (白 + 黑底) >> */
.Dark-Mode #header.transparent-header.sticky-header:not(.static-sticky) #primary-menu ul li.menuitem_for-consumer a:hover::after, 
.Dark-Mode #header.sticky-header:not(.static-sticky) #primary-menu ul li.menuitem_for-consumer a:hover::after, 
.Dark-Mode #header.transparent-header #primary-menu ul li.menuitem_for-consumer a:hover::after, 
.Dark-Mode #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a:hover::after, 
.Dark-Mode #header #primary-menu ul li.menuitem_for-consumer a:hover::after, 
#primary-menu ul li.menuitem_for-consumer a:hover::after,

.Dark-Mode #header.transparent-header.sticky-header:not(.static-sticky) #primary-menu ul li.menuitem_for-consumer a:hover, 
.Dark-Mode #header.sticky-header:not(.static-sticky) #primary-menu ul li.menuitem_for-consumer a:hover, 
.Dark-Mode #header.transparent-header #primary-menu ul li.menuitem_for-consumer a:hover, 
.Dark-Mode #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a:hover, 
.Dark-Mode #header #primary-menu ul li.menuitem_for-consumer a:hover, 
#primary-menu ul li.menuitem_for-consumer a:hover {
    color: #fff !important;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3) !important;

    transition: all 0.3s ease-in-out 0s;
}

























/* =====================================================================================================

   【 Dark-Mode + Orange-Theme 】Product Detail Page (((.Dark-Mode + .Orange-Theme 暗黑 + 橘色佈景內頁))) >> (((body.Orange-Theme / .B2C-Style.Orange-Theme)))

                          1. (暗黑 + 橘色佈景 Menu & 快速入口 for 橘色佈景)

	                      2. (.Orange-Theme 暗黑 + 橘色佈景內頁) Product Detail Page 

                          3. body class >> body.locale_global-en.Orange-Theme

                          4. body class >> body.locale_global-en.B2C-Style.Orange-Theme

						  #ff6a13 (黑底時) / rgba(255, 106, 19, 1.0),
						  #f74f39 (白底時) / rgba(247, 79, 57, 1.0),
						  #f9bf30 (強調時, ex: hover) / rgba(249, 191, 48, 1.0)

						  #02234c (深黑色) / rgba(2, 35, 76, 1.0)

===================================================================================================== */





/***************************** .Dark-Mode + .Orange-Theme >> 【 Font-Color 統一所有(顏色) 】******************************/

/* .Orange-Subtitle + .Orange-Title (一般橘色) >> H4/ H3 */
/* H3 */
section .markets-top-banner.richcontent h3 small.color_orangeC,
section .markets-top-banner.richcontent h3 span.color_orangeC,
section.color_orangeC .markets-top-banner.richcontent h3,
section .markets-top-banner.richcontent h3.color_orangeC,

.Dark-Mode.Orange-Theme .notice p span.notice-title/* (強制/ 橘色/ 警告色) */, 

.Dark-Mode.Orange-Theme section#content .single-product .All-Rich-Content-Section section.Orange-Title:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) :is(h3):not(section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3, .Dark-Mode section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3), 
.Dark-Mode.Orange-Theme section.Orange-Title :is(h3):not(.Rich-Content-Section h1):not(.Rich-Content-Section h2):not(.Rich-Content-Section h4):not(.product-snippet .col-md-3 h2.subtitle):not(#primary-menu h2.mega-menu-advertisement-title):not(.modal h4):not(section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3, .Dark-Mode section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3), 

/* H4 */
section .markets-top-banner.richcontent h4 span.color_orangeC, 
section.color_orangeC .markets-top-banner.richcontent h4, 
section .markets-top-banner.richcontent h4.color_orangeC,

.Dark-Mode.Orange-Theme section#content .single-product .All-Rich-Content-Section section.Orange-Subtitle :is(h4 small), 

.Dark-Mode.Orange-Theme section#content .single-product .All-Rich-Content-Section section.Orange-Subtitle:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) :is(h4):not(section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3, .Dark-Mode section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3), 
.Dark-Mode.Orange-Theme section.Orange-Subtitle :is(h4):not(.Rich-Content-Section h1):not(.Rich-Content-Section h2):not(.Rich-Content-Section h3):not(.Rich-Content-Section h4):not(.product-snippet .col-md-3 h2.subtitle):not(#primary-menu h2.mega-menu-advertisement-title):not(.well-compare h3):not(.modal h4):not(section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3, .Dark-Mode section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3) {
	color: #ff6a13 !important;/* 黑底時 */
	color: rgba(255, 106, 19, 1.0) !important;/* 黑底時 */
	opacity: 1.0;
}

/* .Orange-SubtitleY + .Orange-TitleY (亮橘色) >> H4 */
/* H3 */
.Dark-Mode.Orange-Theme section#content .single-product .All-Rich-Content-Section section.Orange-TitleY:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) :is(h3):not(section.Orange-TitleY .Rich-Content-Section .carousel.slide .carousel-inner h3, .Dark-Mode section.Orange-TitleY .Rich-Content-Section .carousel.slide .carousel-inner h3), 
.Dark-Mode.Orange-Theme section.Orange-TitleY :is(h3):not(.Rich-Content-Section h1):not(.Rich-Content-Section h2):not(.Rich-Content-Section h4):not(.product-snippet .col-md-3 h2.subtitle):not(#primary-menu h2.mega-menu-advertisement-title):not(.modal h4):not(section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3, .Dark-Mode section.Orange-Title .Rich-Content-Section .carousel.slide .carousel-inner h3), 
/* H4 */
.Dark-Mode.Orange-Theme section#content .single-product .All-Rich-Content-Section section.Orange-SubtitleY:is(.color_white, .BG_Dark, .BG-Dark, .BG-Black, .BG_Black, .BG-GreyBK, .BG-GreyDK, .BG-GreySDK) :is(h4):not(section.Orange-TitleY .Rich-Content-Section .carousel.slide .carousel-inner h3, .Dark-Mode section.Orange-TitleY .Rich-Content-Section .carousel.slide .carousel-inner h3), 
.Dark-Mode.Orange-Theme section.Orange-SubtitleY :is(h4):not(.Rich-Content-Section h1):not(.Rich-Content-Section h2):not(.Rich-Content-Section h3):not(.Rich-Content-Section h4):not(.product-snippet .col-md-3 h2.subtitle):not(#primary-menu h2.mega-menu-advertisement-title):not(.well-compare h3):not(.modal h4):not(section.Orange-TitleY .Rich-Content-Section .carousel.slide .carousel-inner h3, .Dark-Mode section.Orange-TitleY .Rich-Content-Section .carousel.slide .carousel-inner h3) {
	color: #f9bf30 !important;/* 黑底時 */
	color: rgba(249, 191, 48, 1.0) !important;/* 黑底時 */
	opacity: 1.0;
}

/* Product Detail Page (產品單頁) >> Top Four Features/ All Ul >> Li >> 變橘色 */
.Dark-Mode.Orange-Theme .tab-content li:not(.package-content li)::before, 

.Dark-Mode.Orange-Theme .tab-content.features-abstract li::before {
	color: #ff6a13 !important;
    color: rgba(255, 106, 19, 1.0) !important;
	color: #ea7d00 !important;
	color: rgba(234, 125, 0, 1.0) !important;
}

/* What's New >> Icon::Before */
.Dark-Mode.Orange-Theme .product-special-label i.icon-asterisk::before {
	color: #ff6a13 !important;
    color: rgba(255, 106, 19, 1.0) !important;
	color: #ea7d00 !important;
	color: rgba(234, 125, 0, 1.0) !important;
}

/* What's New >> Icon::Before / Hover */
.Dark-Mode.Orange-Theme .product-special-label:hover i.icon-asterisk::before {
	color: #fff !important;
}

/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a */
.Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart i::before/* Fixed Tab Menu (桌機/ Desktop Ver) >> All Button (加入購物車/ 同時有 Buy Now) >> Product Single Page */, 
.Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart/* Fixed Tab Menu (桌機/ Desktop Ver) >> All Button (加入購物車/ 同時有 Buy Now) >> Product Single Page */, 

.Dark-Mode.Orange-Theme .product-image-container .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a::before,
.Dark-Mode.Orange-Theme .product-image-container .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a, 
.Dark-Mode.Orange-Theme .single-product .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a::before,
.Dark-Mode.Orange-Theme .single-product .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a, 
.Dark-Mode.Orange-Theme .single-product div:has(.add-to-cart) + div:has(.add-to-cart) a::before,
.Dark-Mode.Orange-Theme .single-product div:has(.add-to-cart) + div:has(.add-to-cart) a {
	color: #fff !important;
}




/***************************** .Dark-Mode + .Orange-Theme >> 【 Background 統一所有(顏色) 】******************************/

/* 【 Footer Bar 】(橘色佈景/ 深黑藍色調) 
.Dark-Mode.Orange-Theme #home_footer_bar .bar_item {
	background-color: #02234c;
	background-color: rgba(2, 35, 76, 1.0);
}
*/

/* 【 Footer Bar 】(橘色佈景/ 橘色色調) */
.Dark-Mode.Orange-Theme #home_footer_bar .bar_item {
	background-color: #ff6a13 !important;
    background-color: rgba(255, 106, 19, 1.0) !important;
}

/* 背景色 (橘色佈景) >> 未滑過 Not hover (統一底色) */
.Dark-Mode.Orange-Theme section#content ul.tab-nav:not(.tab-nav-lg) li.active::before, 
.Dark-Mode.Orange-Theme a.add-to-cart.button:not(
	#gqc_preview a.add-to-cart.button.nomargin.btn-full-width, 
	.Dark-Mode.Orange-Theme .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
	.Dark-Mode.Orange-Theme .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
	.Dark-Mode.Orange-Theme .single-product div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button,
	.Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart
)/* Add to Quotr Button (產品內頁大 button) */,
.Dark-Mode.Orange-Theme .quote_enable #cartCount/* Top Bar (橘色佈景) >> .quote_enable >> #cartCount (購物車圖示) */, 
.Dark-Mode.Orange-Theme a.quote_enable #cartCount {
	background-color: #f74f39 !important; /* 白底時 */
	background-color: #ff6a13 !important; /* 黑底時 */
	background-color: rgba(255, 106, 19, 1.0) !important; /* 黑底時 */
}

/* 背景色 (橘色佈景) >> 背景透明/ 模福 */
.Dark-Mode.Orange-Theme .single-product .product-padding div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
.Dark-Mode.Orange-Theme .product-padding .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 

.Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart/* Fixed Tab Menu (桌機/ Desktop Ver) >> All Button (加入購物車/ 同時有 Buy Now) >> Product Single Page */, 
.Dark-Mode.Orange-Theme .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, .Dark-Mode.Orange-Theme .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, .Dark-Mode.Orange-Theme .single-product div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button/* .single-product 第二顆 div 下有 .add-to-cart Button 的 a */ {
	background-color: transparent;
	background-color: rgba(0, 0, 0, .2);
	backdrop-filter: blur(20px);
}

/* 背景色 (橘色佈景) >> Single Product 第二顆 Buttin / 未滑過 Not hover (統一底色) */
.Dark-Mode.Orange-Theme .single-product .product-padding div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
.Dark-Mode.Orange-Theme .product-padding .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button, 
.Dark-Mode.Orange-Theme .product-padding .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button {
	background-color: transparent !important;
	background-color: rgba(0, 0, 0, .2) !important;
	backdrop-filter: blur(20px);
}

/* 線條色 (橘色佈景) >> 未滑過 Not hover (1px 統一線條色) */
.Dark-Mode.Orange-Theme .flex-control-nav.flex-control-thumbs li img.flex-active {
	border: 1px solid #ff6a13 !important;
	border: 1px solid rgba(255, 106, 19, 1.0) !important;
}

/* 線條色 (橘色佈景) >> 未滑過 Not hover (1px 統一線條色) */
.Dark-Mode.Orange-Theme .flex-control-nav.flex-control-thumbs li img.flex-active {
	border: 1px solid #b6561e !important;
	border: 1px solid rgba(182, 86, 30, 1.0) !important;
}

/* 線條色 (橘色佈景) >> 未滑過 Not hover (2px 統一線條色) */
.Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart/* Fixed Tab Menu (桌機/ Desktop Ver) >> All Button (加入購物車/ 同時有 Buy Now) >> Product Single Page */, 
.Dark-Mode.Orange-Theme a.add-to-cart.button:not(#gqc_preview a.add-to-cart.button.nomargin.btn-full-width, .Dark-Mode.Orange-Theme .single-product div:has(.add-to-cart) + div:has(.add-to-cart) a)/* Add to Quotr Button (產品內頁大 button) */,
.Dark-Mode.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a/* Top Bar (橘色佈景) >> .quote_enable:hover >> #cartCount (購物車圖示滑過) */, 
.Dark-Mode.Orange-Theme a.quote_enable #cartCount {
	border: 2px solid #ff6a13 !important;
	border: 2px solid rgba(255, 106, 19, 1.0) !important;
}

/* 線條色 (橘色佈景) >> 未滑過 Not hover (3px 統一線條色) */
.Dark-Mode.Orange-Theme li.ui-tabs-tab.ui-state-active a {
	border-bottom: 3px solid #ff6a13 !important;
	border-bottom: 3px solid rgba(255, 106, 19, 1.0) !important;
}

/* Top Bar (橘色佈景) >> 滑過 (1px 統一線條色) */
.Dark-Mode.Orange-Theme .flex-control-nav.flex-control-thumbs li img:not(li img.flex-active):hover {
	border: 1px solid #f9bf30 !important;
	border: 1px solid rgba(249, 191, 48, 1.0) !important;
}

/* Top Bar (橘色佈景) >> 滑過 (2p 統一線條色) */
.Dark-Mode.Orange-Theme .single-product .product-padding div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 
.Dark-Mode.Orange-Theme .product-padding .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 
.Dark-Mode.Orange-Theme .product-padding .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 

.Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart:hover/* Fixed Tab Menu (桌機/ Desktop Ver) >> All Button (加入購物車/ 同時有 Buy Now) >> Product Single Page */, 
.Dark-Mode.Orange-Theme #header.transparent-header #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.Dark-Mode.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.Dark-Mode.Orange-Theme #header #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.Dark-Mode.Orange-Theme #primary-menu ul li.menuitem_for-consumer a:hover, 

.Dark-Mode.Orange-Theme a.add-to-cart.button:not(#gqc_preview a.add-to-cart.button.nomargin.btn-full-width):hover, 
.Dark-Mode.Orange-Theme a.quote_enable:hover #cartCount, 
.Dark-Mode.Orange-Theme section#content .single-product a.button:hover {
	border: 2px solid #f9bf30 !important;
	border: 2px solid rgba(249, 191, 48, 1.0) !important;
}


/*  (橘色佈景) >> 滑過 (統一底色) */
.Dark-Mode.Orange-Theme .single-product .product-padding div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 
.Dark-Mode.Orange-Theme .product-padding .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 
.Dark-Mode.Orange-Theme .product-padding .product-image-container div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button:hover, 

.Dark-Mode.Orange-Theme a.add-to-cart.button:not(
	#gqc_preview a.add-to-cart.button.nomargin.btn-full-width,
    .Dark-Mode.Orange-Theme .product-desc div:has(.add-to-cart) + div:has(.add-to-cart) a.add-to-cart.button,
    .Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart
):hover,

.Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right li:has(.quote + .buynow) .quote a.button.add-to-cart:hover/* Fixed Tab Menu (桌機/ Desktop Ver) >> All Button (加入購物車/ 同時有 Buy Now) >> Product Single Page */, 
.Dark-Mode.Orange-Theme nav#product_tab_menu.navbar-fixed-top .navbar-wrap #navbar .navbar-right a.button.add-to-cart:hover/* Fixed Tab Menu (桌機/ Desktop Ver) >> All Button (加入購物車/ 同時有 Buy Now) >> Product Single Page */, 
.Dark-Mode.Orange-Theme #header.transparent-header #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.Dark-Mode.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.Dark-Mode.Orange-Theme #header #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 
.Dark-Mode.Orange-Theme #primary-menu ul li.menuitem_for-consumer a:hover /* for Consumer >> 橘色 Homepage Button + 箭頭 (After Arrow) */, 

.Dark-Mode.Orange-Theme a.add-to-cart.button:not(#gqc_preview a.add-to-cart.button.nomargin.btn-full-width):hover, 
.Dark-Mode.Orange-Theme a.quote_enable:hover #cartCount/* Top Bar (橘色佈景) >> .quote_enable:hover >> #cartCount (購物車圖示滑過) */ {
	background-color: #f9bf30 !important;
    background-color: rgba(249, 191, 48, 1.0) !important;
}



@media (max-width: 1199px) {

	/* Overview >> Add to Cart/ Buy Now >> .fa-cart-plus:is(.visible-sm, .visible-xs)  + .icon-ok (點選後) */
	.Dark-Mode.Orange-Theme.Mobile-Layout #wrapper nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart .fa-cart-plus:is(.visible-sm, .visible-xs) + .icon-ok, 
	.Dark-Mode.Orange-Theme.Mobile-Layout nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart .fa-cart-plus:is(.visible-sm, .visible-xs) + .icon-ok {
	background-color: #fff;

	background-color: #ff6a13 !important;
	background-color: rgba(255, 106, 19, 1.0);
	}

	/* Overview >> Add to Cart/ Buy Now >> 同時存在 .fa-cart-plu + .icon-ok (點選後) */
	.Dark-Mode.Orange-Theme.Mobile-Layout #wrapper nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart:has(.fa-cart-plus.visible-sm + .icon-ok, .fa-cart-plus.visible-xs + .icon-ok) .icon-ok::before, 
	.Dark-Mode.Orange-Theme.Mobile-Layout nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart:has(.fa-cart-plus.visible-sm + .icon-ok, .fa-cart-plus.visible-xs + .icon-ok) .icon-ok::before {
	color: rgba(255, 106, 19, 1.0);
	color: #ff6a13;
	}

	.Dark-Mode.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a, 
	.Dark-Mode.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a::after {
	color: #ff6a13 !important;
	color: rgba(255, 106, 19, 1.0) !important;
	}

	.Dark-Mode.Orange-Theme #header.transparent-header.dark #primary-menu ul li.menuitem_for-consumer a {
	border: none !important;
	}

}


@media (max-width: 1024px) {}


@media (max-width: 990px) {}




@media (max-width: 820px) {

	/* Overview >> Add to Cart/ Buy Now >> .fa-cart-plus:is(.visible-sm, .visible-xs)  + .icon-ok (點選後) */
	.Dark-Mode.Orange-Theme.Mobile-Layout #wrapper nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart .fa-cart-plus:is(.visible-sm, .visible-xs) + .icon-ok, 
	.Dark-Mode.Orange-Theme.Mobile-Layout nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart .fa-cart-plus:is(.visible-sm, .visible-xs) + .icon-ok {
	background-color: #fff;

	background-color: #ff6a13 !important;
	background-color: rgba(255, 106, 19, 1.0);
	}

	/* Overview >> Add to Cart/ Buy Now >> 同時存在 .fa-cart-plu + .icon-ok (點選後) */
	.Dark-Mode.Orange-Theme.Mobile-Layout #wrapper nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart:has(.fa-cart-plus.visible-sm + .icon-ok, .fa-cart-plus.visible-xs + .icon-ok) .icon-ok::before, 
	.Dark-Mode.Orange-Theme.Mobile-Layout nav#product_tab_menu.navbar-fixed-top a.button.add-to-cart.add_quote_cart:has(.fa-cart-plus.visible-sm + .icon-ok, .fa-cart-plus.visible-xs + .icon-ok) .icon-ok::before {
	color: rgba(255, 106, 19, 1.0);
	color: #ff6a13;
	}

}














/***************************** .Dark-Mode + .Orange-Theme >> 【 Product Detailed Page 產品資訊頁面 】******************************/

/* Product Page > 內文 >> Features-Listing-Title */
.Dark-Mode.Orange-Theme section#content .single-product ul li span.Content-Listing-Title {
	font-weight: 500;
	font-weight: 600;
	font-size: 17px;
	/* color: #ff6a13 !important; */
	color: #fff !important;
	opacity: 1.0 !important;
	line-height: 2.1em;
}

.Dark-Mode.Orange-Theme .tab-content.features-abstract li:has(.all-features)::after, 
.Dark-Mode.Orange-Theme .tab-content.features-abstract li:has(.all-features) a {
	color: #ff6a13 !important;
  }


/* .Dark-Mode.Orange-Theme 依照新比例產品圖撐滿 3000px X 1700px >> 其它產品大圖尺寸不一無法用此比例 */
.Dark-Mode.Orange-Theme .flex-control-nav.flex-control-thumbs li img, 
.Dark-Mode.Orange-Theme .flex-control-nav.flex-control-thumbs li {
	display: block;
	aspect-ratio: 1253 / 710;
	aspect-ratio: 30 / 17;
	object-fit: contain;
}

/* (一般/ 預設兩欄).Dark-Mode.Orange-Theme 依照新比例產品圖撐滿 3000px X 1700px >> 其它產品大圖尺寸不一無法用此比例 */
.Dark-Mode.Orange-Theme .flex-control-nav.flex-control-thumbs li {
	width: 84px !important; /* 剛好放一排 8 個縮圖 */
	width: 97px !important; /* 剛好放一排 7 個縮圖 */
	height: auto !important;/* 依照自動撐高 (約 49px) */
	max-height: 63px;
}


/* (兩欄).Dark-Mode.Orange-Theme 依照新比例產品圖撐滿 3000px X 1700px >> 其它產品大圖尺寸不一無法用此比例 */
.Dark-Mode.Orange-Theme .col-md-7.product-image-container .flex-control-nav.flex-control-thumbs li {
	width: 84px !important; /* 剛好放一排 8 個縮圖 */
	width: 97px !important; /* 剛好放一排 7 個縮圖 */
}

/* (三欄).Dark-Mode.Orange-Theme 依照新比例產品圖撐滿 3000px X 1700px >> 其它產品大圖尺寸不一無法用此比例 */
.Dark-Mode.Orange-Theme .col-md-5.product-image-container .flex-control-nav.flex-control-thumbs li {
	width: 81px !important; /* 剛好放一排 7 個縮圖 */
	width: 98px !important; /* 剛好放一排 5 個縮圖 */
}

/* .Dark-Mode.Orange-Theme 依照新比例產品圖撐滿 3000px X 1700px >> 其它產品大圖尺寸不一無法用此比例 */
.Dark-Mode.Orange-Theme .flex-control-nav.flex-control-thumbs li img {
	height: auto !important;
	width: 100% !important;
	max-width: 100%;
}


@media (min-width: 1921px) {


	/* (兩欄) >> 【若一次出現 7 個縮圖】).Dark-Mode.Orange-Theme 依照新比例產品圖撐滿 3000px X 1700px >> 其它產品大圖尺寸不一無法用此比例 */
	.Dark-Mode.Orange-Theme .col-md-7.product-image-container .flex-control-nav.flex-control-thumbs:has(li + li + li + li + li + li + li) li {
	width: 97px !important; /* 剛好放一排 8 個縮圖 */
	}

	/* (三欄).Dark-Mode.Orange-Theme 依照新比例產品圖撐滿 3000px X 1700px >> 其它產品大圖尺寸不一無法用此比例 */
	.Dark-Mode.Orange-Theme .col-md-5.product-image-container .flex-control-nav.flex-control-thumbs li {
	width: 98px !important; /* 剛好放一排 5 個縮圖 */
	}

}




/* 橫向智慧手機及其他更小解析度 */
@media (min-width: 1665px) and (max-width: 1900px) {

	/* (兩欄/ 一般).Dark-Mode.Orange-Theme 依照新比例產品圖撐滿 3000px X 1700px >> 其它產品大圖尺寸不一無法用此比例 */
	.Dark-Mode.Orange-Theme .col-md-7.product-image-container .flex-control-nav.flex-control-thumbs li {
	width: 101px !important; /* 剛好放一排 8 個縮圖 */
	}

}














/*************************************************************************************************************************

	     ( .Dark-Mode/ B2C Style ). 【 Rich_Content/ .Full_Width_Rich_Content (Dynamic 一般模組豐富圖文) 】 產品單頁面 (.B2C-Style >> 2025)
			
======================================================================================================================== */

/* .Dark-Mode >> .Reduce-Text-Block-Space >> Dynamic Rich Content */
.Dark-Mode .single-product #overview-tab.tab-content section.Reduce-Text-Block-Space .markets-top-banner.richcontent .text-block:is(.text_block_top-center, .text_block_bottom-center, .text_block_top-left, .text_block_top-right) {
	padding: 2rem 0;
    padding: 32px 0; /* 因為底全黑沒有區塊分隔 >> 間距不用太高 */
	padding: 32px 15px; /* 因為底全黑沒有區塊分隔 >> 間距不用太高 */
	padding: 40px 35px; /* 因為底全黑沒有區塊分隔 >> 間距不用太高 */
}

/* .text_block-Higher >> Dynamic Rich Content */
.Dark-Mode .single-product #overview-tab.tab-content section.text_block-Higher .markets-top-banner.richcontent .text-block {
	padding: 9.3rem 0;
    padding: 150px 0;
	padding: 150px 15px;
}


/* 1920 以上 */
@media (min-width: 1920px) {

	/* .text_block-Higher (加高上下距離/ 原來是 100px) */
	.Dark-Mode .single-product #overview-tab.tab-content section.text_block-Higher .markets-top-banner.richcontent .text-block:is(.text_block_top-center, .text_block_bottom-center, .text_block_top-left, .text_block_top-right), 
	.Dark-Mode .single-product #overview-tab.tab-content section.text_block-Higher .markets-top-banner.richcontent .text-block {
	padding: 150px 0;
	padding: 150px 15px;
	}

}

/* 480 以下 */
@Media (max-width: 480px) {

	/* .Reduce-Text-Block-Space >> Dynamic Rich Content */
	.Dark-Mode .single-product #overview-tab.tab-content section.Reduce-Text-Block-Space .markets-top-banner.richcontent .text-block:is(.text_block_top-center, .text_block_bottom-center, .text_block_top-left, .text_block_top-right), 
	.Dark-Mode .single-product #overview-tab.tab-content section.text_block-Higher .markets-top-banner.richcontent .text-block {
	padding: 2rem 0;
	padding: 2rem 1.2rem;
	}

}































/* ========================================================================================================================
                    【Multi-Language_Modify】 >> Adjustment for All Page (多國別語言 / 客製內容修改)

					
body[class*="locale_la-??"] #content 也可以這樣寫, 
ex: 若[class*="locale_la-"] #content, 即一起套用了 la-es & la-pt.

.B2C-Style[class*="locale_pl-"] #content,
.B2C-Style[class*="locale_la-"] #content,
.B2C-Style[class*="locale_de-"] #content,
.B2C-Style[class*="locale_es-"] #content,
.B2C-Style[class*="locale_pt-"] #content,
.B2C-Style[class*="locale_fr-"] #content,
.B2C-Style[class*="locale_se-"] #content,
.B2C-Style[class*="locale_ru-"] #content,
.B2C-Style[class*="locale_ua-"] #content,
.B2C-Style[class*="locale_bg-"] #content,
.B2C-Style[class*="locale_ro-"] #content,
.B2C-Style[class*="locale_tr-"] #content,

1. 較長 (x9):
body.locale_pl-pl #content,
body[class*="locale_la-"] #content,
body.locale_la-es #content, 
body.locale_la-pt #content, 
body.locale_de-de #content, 
body.locale_es-es #content, 
body.locale_fr-fr #content, 
body.locale_pt-pt #content, 
body.locale_se-sv #content, 
body.locale_ru-ru #content, 

body.locale_ua-uk #content, 
body.locale_bg-bg #content
body.locale_ro-ro #content,
body.locale_tr-tr #content,

======================================================================================================================== */



/* Font Weight >> 600 */
.locale_tw-zh.Dark-Mode section#content .single-product a.button.btn-full-width, 

.locale_tw-zh.Dark-Mode .notice span.notice-title/* 警告標題 (強制/ 橘色/ 警告色) */, 

.locale_tw-zh.Dark-Mode .tab-content.features-abstract li:has(.all-features) a, 
.locale_tw-zh.Dark-Mode .tab-content.features-abstract p b.Top-Four-Features_Overview,
.locale_tw-zh.Dark-Mode section#content .single-product .features-abstract li b/* Top Four Features >> li b */ {
    font-weight: 600 !important;
}































/*************************************************************************************************************************

      閃光 Animate Button (橘色佈景/ 動態閃光 Button) >> .orange-theme-animate-btn 動態閃光 Button (統一底色) 

*************************************************************************************************************************/

/*  (橘色佈景/ 動態閃光 Button) >> .orange-theme-animate-btn 動態閃光 Button (統一底色) */
.Orange-Theme a.buy-button.add-to-cart.button.nomargin.btn-full-width.animate-btn,
.Dark-Mode.Orange-Theme a.buy-button.add-to-cart.button.nomargin.btn-full-width.animate-btn {
	animation-duration: 2s; /* 動畫長度：3秒 */
    animation-timing-function: ease-in-out; /* 速度曲線：慢進慢出 */
    animation-iteration-count: infinite; /* 播放次數：無限循環 */
	/* 【關鍵修正】動畫時, 關閉原來的 Button 轉場，讓 .animate-btn 完全控制 transition: none !important;  */
}

.B2C-Style.Orange-Theme a.buy-button.add-to-cart.button.animate-btn:hover,
.B2C-Style.Dark-Mode.Orange-Theme a.buy-button.add-to-cart.button.animate-btn:hover,
.animate-btn:hover {
    /* 1. 暴力移除動畫 (關鍵) */
    animation: none !important;
}

/* 2. 橘色主題 (Skin) */
/* 這個 class 負責告訴瀏覽器要播放 "orange-pulse" 這個動畫，並設定預設底色 */
.orange-theme-animate-btn {
    /* 預設背景色 (當動畫失效或未開始時顯示) 
	background-color: #ff6a13; 
	background-color: rgba(255, 106, 19, 1.0);
	border: 2px solid rgba(255, 106, 19, 1.0);
	*/
    animation-name: orange-pulse; /* 指定下方定義的動畫名稱 */
}


/* 3. 定義橘色閃爍的關鍵影格 (Keyframes) */
@keyframes orange-pulse {

	/* (樣式不能加 !important >> 會失效) */
    0% {
        /* 黑底時 (會被其它 Button Background 蓋過 >> 改 box-shadow) 
		background-color: #ff6a13; 
		background-color: rgba(255, 106, 19, 1.0); 
		border: 2px solid rgba(255, 106, 19, 1.0); 
		*/

		box-shadow: inset 0 0 0 100em #ff6a13; 
		filter: drop-shadow(0px 0px 10px rgba(255, 106, 19, 0));
    }
    40% {
        /* 強調時 (會被其它 Button Background 蓋過 >> 改 box-shadow) 
		background-color: #f9bf30; 
		background-color: rgba(249, 191, 48, 1.0); 
		border: 2px solid rgba(249, 191, 48, 1.0); 
		*/

		/* 淡淡的 box-shadow: inset 0 0 50px 0.5em #f9bf30;  */

		box-shadow: inset 0 0 0 100em #f9bf30; 
		filter: drop-shadow(0px 0px 7px rgba(249, 191, 48, 0.5));
    }
    100% {
        /* 黑底時  (會被其它 Button Background 蓋過 >> 改 box-shadow) 
		background-color: #ff6a13; 
		background-color: rgba(255, 106, 19, 1.0);
		border: 2px solid rgba(255, 106, 19, 1.0); 
		*/

		box-shadow: inset 0 0 0 100em #ff6a13; 
		filter: drop-shadow(0px 0px 10px rgba(255, 106, 19, 0));
    }

}