/* ==========================================================================
   全站 CSS 變數與站台主題色票（後台 color-setting 編輯目標）
   用途：定義全站間距／色系／header／footer／產品等 token，
         以及 site-theme-1／2／3 的 Theme11／12／21 覆寫與內頁映射
   ========================================================================== */

/* --- 全站預設 CSS 變數（未套用 site-theme 時的基準值） --- */
:root {

	/*===================================================================================*/
	/*--------頁面間距設定--------*/
	/*===================================================================================*/
	/* 手機外間距 */
	--pd-xs:0;
	/* 平板外間距 */
	--pd-md:50px;
	/* 桌機外間距 */
	--pd-lg:4.79vw;
	/* 超大螢幕外間距 */
	--pd-xxl:4.79vw;
	/* 手機內間距 */
	--pd-inside-xs:40px;
	/* 平板內間距 */
	--pd-inside-md:13.22vw;
	/* 桌機內間距 */
	--pd-inside-lg:13.22vw;
	/* 超大螢幕內間距 */
	--pd-inside-xxl:13.22vw;
	/* 手機區塊上間距 */
	--pd-mobile-top:50px;
	/* 手機區塊下間距 */
	--pd-mobile-bottom:60px;

	/*===================================================================================*/
	/*--------v11／v21 版心 gutter--------*/
	/*===================================================================================*/
	/* v11 頁面左右 gutter（手機） */
	--v11-gutter-page-xs:80px;
	/* v21 頁面左右 gutter（手機） */
	--v21-gutter-page-xs:40px;
	/* v21 桌機 gutter */
	--v21-gutter-desktop:56px;
	/* v21 版心最大寬 */
	--v21-maxw:1280px;

	/*===================================================================================*/
	/*--------主要色系--------*/
	/*===================================================================================*/
	/* 主色 */
	--color-main:#7d5141;
	/* 主色加深／hover */
	--color-main-dark:#56423a;
	/* 輔色 */
	--color-second:#72795f;
	/* 警告色 */
	--color-alert:#eb4d4d;
	/* 敘述文字色 */
	--color-text:#191f23;
	/* 次要文字色／banner 數字色 */
	--color-text-light:#858585;
	/* 麵包屑連結色 */
	--color-breadcrumbs:#535353;
	/* 麵包屑生效色 */
	--color-breadcrumbs-active:#000;
	/* H1 標題色 */
	--color-h1:#000;
	/* 線條色 */
	--color-border:#e5e4e4;
	/* 線條深色 */
	--color-border-dark:#7d5141;
	/* 點點色 */
	--color-dot:#c6c6c6;
	/* 導角尺寸 */
	--size-radius:5px;

	/*===================================================================================*/
	/*--------字型--------*/
	/*===================================================================================*/
	/* 英文字型 */
	--font-family-en:"Roboto",sans-serif;
	/* 繁中字型 */
	--font-family-tw:"Noto Sans TC",sans-serif;
	/* 全站預設字型（英＋繁） */
	--font-family:"Roboto","Noto Sans TC",sans-serif;
	/* 標題字型 */
	--font-family-title:"Roboto","Noto Sans TC",sans-serif;

	/*===================================================================================*/
	/*--------HEADER--------*/
	/*===================================================================================*/
	/* 手機 header 高度 */
	--height-nav-xs:60px;
	/* 手機選單項目行高 */
	--line-height-nav-xs:50px;
	/* 平板以上 header 高度 */
	--height-nav-md:7.7vw;
	/* 滾動縮小後 header 高度（平板） */
	--height-nav-mini-md:64px;
	/* 滾動縮小後 header 高度（大螢幕） */
	--height-nav-mini-xxl:72px;
	/* 手機子選單寬度 */
	--width-nav-xs:70vw;
	/* 平板以上子選單寬度 */
	--width-nav-md:35vw;
	/* logo 高度（vw） */
	--height-logo:2.34vw;
	/* logo 最小高度 */
	--height-logo-min:50px;
	/* logo 最大高度 */
	--height-logo-max:65px;
	/* 桌機 header 背景色 */
	--color-bg-header:#fff;
	/* 首頁限定：桌機 header 背景色 */
	--color-bg-header-index:hsla(0,0%,100%,0);
	/* 購物車框線色 */
	--color-cart-border:#636363;
	/* 返回按鈕色 */
	--color-btn-back:#383838;

	/*===================================================================================*/
	/*--------公告（countdown）--------*/
	/*===================================================================================*/
	/* 手機公告列高度 */
	--height-countdown-xs:70px;
	/* 桌機公告列高度 */
	--height-countdown-lg:60px;

	/*===================================================================================*/
	/*--------選單／漢堡--------*/
	/*===================================================================================*/
	/* 內頁手機漢堡線條色 */
	--color-hamburger-xs-inpage:#000;
	/* 內頁桌機漢堡線條色 */
	--color-hamburger-lg-inpage:#000;
	/* 桌機漢堡開啟後線條色 */
	--color-hamburger-lg-active:#fff;
	/* 首頁手機漢堡線條色 */
	--color-hamburger-xs-index:#000;
	/* 首頁桌機漢堡線條色 */
	--color-hamburger-lg-index:#000;
	/* 下拉選單背景色 */
	--color-bg-nav-dropmenu:#161616;
	/* 下拉選單文字色 */
	--color-text-nav-dropmenu:#fff;
	/* 巢狀子選單文字色 */
	--color-text-nav-nested:#333;
	/* 選單 hover 遮罩色 */
	--color-bg-nav-hover-1-overlay:#fff;
	/* nav2 高度（xl） */
	--height-xl-nav-2:45px;
	/* nav2 高度（xxxl） */
	--height-xxxl-nav-2:55px;
	/* nav2 子選單背景色 */
	--color-bg-nav-2-sub:#fff;
	/* nav4 次要文字色（手機） */
	--color-subtext-xs-nav-4:#656565;
	/* nav4 高度（xl） */
	--height-xl-nav-4:45px;
	/* nav4 高度（xxl） */
	--height-xxl-nav-4:56px;
	/* nav4 高度（xxxl） */
	--height-xxxl-nav-4:64px;

	/*===================================================================================*/
	/*--------Banner--------*/
	/*===================================================================================*/
	/* 手機 banner 高度比例 */
	--height-banner-mobile:40%;
	/* 桌機 banner v2 高度比例 */
	--height-banner-desktop-v2:17.18%;
	/* 桌機 banner v3 高度比例 */
	--height-banner-desktop-v3:20%;
	/* banner 字型 */
	--font-family-banner:var(--font-family-en);
	/* scroll down 文字色 */
	--color-scrolldown-text:var(--color-text);
	/* scroll down 邊框色 */
	--color-scrolldown-border:#b3b3b3;
	/* banner 底部區塊高度（平板以上） */
	--height-banner-bottom-md:3vw;

	/*===================================================================================*/
	/*--------頁尾職缺區--------*/
	/*===================================================================================*/
	/* 頁尾職缺區背景色 */
	--color-bg-careers-footer:#1a191d;
	/* 頁尾職缺區標題色 */
	--color-title-careers-footer:#fff;
	/* 頁尾職缺區文字色 */
	--color-text-careers-footer:#a4a4a4;
	/* 頁尾職缺區邊框色 */
	--color-border-careers-footer:#383838;
	/* 頁尾職缺按鈕底色 */
	--color-btn-careers-bg-footer:var(--color-main);
	/* 頁尾職缺按鈕文字色 */
	--color-btn-careers-text-footer:#fff;
	/* 頁尾職缺區上內距 */
	--padding-top-careers-footer:4.79vw;
	/* 頁尾職缺區下內距 */
	--padding-bottom-careers-footer:4.79vw;

	/*===================================================================================*/
	/*--------頁尾 Footer--------*/
	/*===================================================================================*/
	/* 頁尾 logo 高度 */
	--height-logo-footer:75px;
	/* 頁尾地圖高度 */
	--height-map-footer:38.54vw;
	/* 頁尾地圖最小高度 */
	--min-height-map-footer:300px;
	/* 頁尾背景色 */
	--color-bg-footer:#1a191d;
	/* 頁尾邊框色 */
	--color-border-footer:#383838;
	/* 頁尾標題色 */
	--color-title-footer:#fff;
	/* 頁尾文字色 */
	--color-text-footer:#a4a4a4;
	/* 頁尾輸入框背景色 */
	--color-input-bg-footer:#1e1d20;
	/* 頁尾輸入框文字色 */
	--color-input-text-footer:#fff;
	/* 頁尾上內距 */
	--padding-top-footer:5.72vw;
	/* 頁尾下內距 */
	--padding-bottom-footer:3.95vw;

	/*===================================================================================*/
	/*--------產品頁--------*/
	/*===================================================================================*/
	/* 產品 banner 比例 */
	--ratio-pd-banner:72.7%;
	/* 產品圖庫比例 */
	--ratio-pd-gallery:112%;
	/*!!重要!!產品圖片顯示模式，如果是滿版圖用cover / 去背圖用contain，如果客戶有良好習慣預設cover是可以的*/
	/* 產品圖顯示模式（cover 滿版／contain 去背） */
	--mode-bgsize-product:cover;
	/* 篩選標題色 */
	--color-filter-title:#b7b8b9;
	/* 篩選「前往」色 */
	--color-filter-go:#fff;
	/* 篩選 hover 色 */
	--color-filter-hover:var(--color-second);
	/* 折扣標籤底色 */
	--color-bg-discount-label:#d83636;
	/* 折扣標籤文字色 */
	--color-text-discount-label:#fff;
	/* NEW 標籤底色 */
	--color-bg-label-new:#34e2cb;
	/* NEW 標籤文字色 */
	--color-text-label-new:var(--color-text);
	/* HOT 標籤底色 */
	--color-bg-label-hot:#fd4c4c;
	/* HOT 標籤文字色 */
	--color-text-label-hot:#fff;
	/* 評論分隔線色 */
	--color-line-comment:#eaeaea;
	/* 特價文字色 */
	--color-price-sp:var(--color-text);
	/* 原價文字色 */
	--color-price-orig:#959595;
	/* 加入購物車按鈕底色 */
	--color-btn-cart:var(--color-main-dark);
	/* 加入購物車按鈕文字色 */
	--color-btn-cart-text:#fff;
	/* 活動詳情邊框 */
	--border-event-detail:2px solid #ffd000;
	/* 活動詳情文字色（變數名拼寫沿用原檔） */
	--colot-text-event-detail:#666;
	/* 分享按鈕色 */
	--color-share:#000;
	/* 產品左側導覽文字色 */
	--color-pd-nav-left:#858585;
	/* 計數／數量底色 1 */
	--color-count-bg1:var(--color-main);
	/* 計數／數量底色 2 */
	--color-count-bg2:#1a191d;
	/* 產品介紹區背景色 */
	--color-intro-bg:#f8f8f8;

	/*===================================================================================*/
	/*--------內頁 page_header／關於／下載／聯絡--------*/
	/*===================================================================================*/
	/* 內頁 page_header 背景（漸層） */
	--color-bg-page_header:linear-gradient(180deg,#f7f4ee,#f4efe6 42%,#f5f2eb);
	/* 沿革／時間軸線色 */
	--color-history-line:#2c2c2b;
	/* 關於我們圖庫比例 */
	--ratio-about-gallery:66.6%;
	/* 下載區數字色 */
	--color-download-num:#ededed;
	/* 聯絡頁次要文字色 */
	--color-contact-text:#b3b3b3;
	/* 聯絡頁線條色 */
	--color-contact-line:#8b8b8b;
	/* 感謝頁邊框色 */
	--color-border-thanks:var(--color-main);
	/* 感謝頁邊框色 */
	--color-border-thanks:#fff;

	/*===================================================================================*/
	/*--------表單／職缺／報名／標籤--------*/
	/*===================================================================================*/
	/* 表單輸入框背景色 */
	--color-bg-input:#f5f5f6;
	/* 表單輸入框文字色 */
	--color-text-input:var(--color-text);
	/* 職缺按鈕底色 */
	--color-btn-careers:#000;
	/* 職缺按鈕文字色 */
	--color-btn-careers-text:#fff;
	/* 職缺按鈕 hover 底色 */
	--color-btn-careers-hover-bg:var(--color-main);
	/* 職缺按鈕 hover 文字色 */
	--color-btn-careers-hover-text:#fff;
	/* 職缺 v3 區塊背景色 */
	--color-bg-careers-v3:#191919;
	/* 職缺 v3 按鈕底色 */
	--color-btn-careers-v3:#56423a;
	/* 職缺 v3 按鈕文字色 */
	--color-btn-careers-text-v3:#fff;
	/* 職缺 v3 按鈕 hover 底色 */
	--color-btn-careers-hover-bg-v3:#a7725c;
	/* 職缺 v3 按鈕 hover 文字色 */
	--color-btn-careers-hover-text-v3:#fff;
	/* 報名資訊區背景色 */
	--color-bg-sign-up-info:#f8f8f8;
	/* 標籤底色 */
	--color-bg-tag:#f3f3f3;
	/* 標籤文字色 */
	--color-text-tag:var(--color-text);
	/* 標籤 hover 底色 */
	--color-hover-bg-tag:var(--color-main);
	/* 標籤 hover 文字色 */
	--color-hover-text-tag:#f3f3f3
}

/* --- 站台主題 1（冷灰藍）：Theme11 token + 模組別名 + header 高度覆寫 --- */
html.site-theme-1 {

	/*===================================================================================*/
	/*--------Theme11 核心 token--------*/
	/*===================================================================================*/
	/* Theme11 頁面底色 */
	--theme11-bg:#f6f8fb;
	/* Theme11 紙感／卡片底色 */
	--theme11-paper:#fff;
	/* Theme11 分隔線色 */
	--theme11-line:#d8dee8;
	/* Theme11 主文字色 */
	--theme11-text:#1f2933;
	/* Theme11 次要／柔和色 */
	--theme11-soft:#5f6f82;
	/* Theme11 主色 */
	--theme11-main:#3f5a72;
	/* Theme11 主色 hover */
	--theme11-main-hover:#345066;
	/* Theme11 淡底色 */
	--theme11-muted-bg:#f3f6fa;
	/* Theme11 hover 底色 */
	--theme11-hover-bg:#eef3f8;
	/* Theme11 作用中文字色 */
	--theme11-active-text:#fff;
	/* Theme11 漸層起始色 */
	--theme11-bg-start:#fbfcfe;
	/* Theme11 漸層中間色 */
	--theme11-bg-mid:#f6f8fb;
	/* Theme11 漸層結束色 */
	--theme11-bg-end:#fff;
	/* Theme11 頁面背景（漸層） */
	--theme11-page-bg:linear-gradient(180deg,#fbfcfe,#f6f8fb 46%,#fff);
	/* Theme11 面板半透明底 */
	--theme11-panel-bg:hsla(0,0%,100%,.95);
	/* Theme11 陰影色 */
	--theme11-shadow:rgba(63,90,114,.08);

	/*===================================================================================*/
	/*--------同步覆寫全站主色系--------*/
	/*===================================================================================*/
	/* 主色 */
	--color-main:#3f5a72;
	/* 主色加深／hover */
	--color-main-dark:#345066;
	/* 輔色 */
	--color-second:#5f6f82;
	/* 敘述文字色 */
	--color-text:#1f2933;
	/* 線條色 */
	--color-border:#d8dee8;
	/* 線條深色 */
	--color-border-dark:#3f5a72;
	/* 麵包屑連結色 */
	--color-breadcrumbs:#5f6f82;
	/* 麵包屑生效色 */
	--color-breadcrumbs-active:#3f5a72;
	/* H1 標題色 */
	--color-h1:#3f5a72;

	/*===================================================================================*/
	/*--------模組別名（about／article／news／faq／photobook／investor／download／product）--------*/
	/*===================================================================================*/
	/* about11 底色（映射 theme11） */
	--a11-bg:var(--theme11-bg);
	/* about11 紙感底 */
	--a11-paper:var(--theme11-paper);
	/* about11 線色 */
	--a11-line:var(--theme11-line);
	/* about11 文字色 */
	--a11-text:var(--theme11-text);
	/* about11 次要色 */
	--a11-soft:var(--theme11-soft);
	/* about11 主色 */
	--a11-main:var(--theme11-main);
	/* article_detail11 底色 */
	--ad11-bg:var(--theme11-bg);
	/* article_detail11 紙感底 */
	--ad11-paper:var(--theme11-paper);
	/* article_detail11 線色 */
	--ad11-line:var(--theme11-line);
	/* article_detail11 文字色 */
	--ad11-text:var(--theme11-text);
	/* article_detail11 次要色 */
	--ad11-soft:var(--theme11-soft);
	/* article_detail11 主色 */
	--ad11-main:var(--theme11-main);
	/* news11 底色 */
	--n11-bg:var(--theme11-bg);
	/* news11 紙感底 */
	--n11-paper:var(--theme11-paper);
	/* news11 線色 */
	--n11-line:var(--theme11-line);
	/* news11 文字色 */
	--n11-text:var(--theme11-text);
	/* news11 次要色 */
	--n11-soft:var(--theme11-soft);
	/* news11 主色 */
	--n11-main:var(--theme11-main);
	/* news_detail11 底色 */
	--nd11-bg:var(--theme11-bg);
	/* news_detail11 紙感底 */
	--nd11-paper:var(--theme11-paper);
	/* news_detail11 線色 */
	--nd11-line:var(--theme11-line);
	/* news_detail11 文字色 */
	--nd11-text:var(--theme11-text);
	/* news_detail11 次要色 */
	--nd11-soft:var(--theme11-soft);
	/* news_detail11 主色 */
	--nd11-main:var(--theme11-main);
	/* faq／files 等 f11 底色 */
	--f11-bg:var(--theme11-bg);
	/* f11 紙感底 */
	--f11-paper:var(--theme11-paper);
	/* f11 線色 */
	--f11-line:var(--theme11-line);
	/* f11 文字色 */
	--f11-text:var(--theme11-text);
	/* f11 次要色 */
	--f11-soft:var(--theme11-soft);
	/* f11 主色 */
	--f11-main:var(--theme11-main);
	/* photobook11 底色 */
	--pb11-bg:var(--theme11-bg);
	/* photobook11 紙感底 */
	--pb11-paper:var(--theme11-paper);
	/* photobook11 線色 */
	--pb11-line:var(--theme11-line);
	/* photobook11 文字色 */
	--pb11-text:var(--theme11-text);
	/* photobook11 次要色 */
	--pb11-soft:var(--theme11-soft);
	/* photobook11 主色 */
	--pb11-main:var(--theme11-main);
	/* investor11 底色 */
	--inv11-bg:var(--theme11-bg);
	/* investor11 紙感底 */
	--inv11-paper:var(--theme11-paper);
	/* investor11 線色 */
	--inv11-line:var(--theme11-line);
	/* investor11 文字色 */
	--inv11-text:var(--theme11-text);
	/* investor11 次要色 */
	--inv11-soft:var(--theme11-soft);
	/* investor11 強調色 */
	--inv11-accent:var(--theme11-main);
	/* download11 底色 */
	--d11-bg:var(--theme11-bg);
	/* download11 表面色 */
	--d11-surface:var(--theme11-paper);
	/* download11 邊框色 */
	--d11-border:var(--theme11-line);
	/* download11 文字色 */
	--d11-text:var(--theme11-text);
	/* download11 次要色 */
	--d11-soft:var(--theme11-soft);
	/* download11 主色 */
	--d11-main:var(--theme11-main);
	/* download11 強調色 */
	--d11-accent:var(--theme11-text);
	/* product11 底色 */
	--p11-bg:var(--theme11-bg);
	/* product11 紙感底 */
	--p11-paper:var(--theme11-paper);
	/* product11 線色 */
	--p11-line:var(--theme11-line);
	/* product11 文字色 */
	--p11-text:var(--theme11-text);
	/* product11 次要色 */
	--p11-soft:var(--theme11-soft);
	/* product11 主色 */
	--p11-main:var(--theme11-main);
	/* product11 主色 hover */
	--p11-main-hover:var(--theme11-main-hover);
	/* product11 淡底色 */
	--p11-muted-bg:var(--theme11-muted-bg);
	/* product11 hover 底色 */
	--p11-hover-bg:var(--theme11-hover-bg);
	/* product11 作用中文字色 */
	--p11-active-text:var(--theme11-active-text);
	/* product11 漸層起始 */
	--p11-bg-start:var(--theme11-bg-start);
	/* product11 漸層中間 */
	--p11-bg-mid:var(--theme11-bg-mid);
	/* product11 面板底 */
	--p11-panel-bg:var(--theme11-panel-bg);
	/* product11 圖片區底色 */
	--p11-image-bg:var(--theme11-muted-bg);
	/* product11 陰影色 */
	--p11-shadow:var(--theme11-shadow);

	/*===================================================================================*/
	/*--------此主題覆寫：header 高度--------*/
	/*===================================================================================*/
	/* 手機 header 高度 */
	--height-nav-xs:45px;
	/* 平板以上 header 高度 */
	--height-nav-md:5.775vw;
	/* 滾動縮小後 header 高度（平板） */
	--height-nav-mini-md:48px;
	/* 滾動縮小後 header 高度（大螢幕） */
	--height-nav-mini-xxl:54px;
	/* 手機選單項目行高 */
	--line-height-nav-xs:37.5px
}

/* --- 站台主題 2（暖紙感）：Theme11 token + 模組別名 --- */
html.site-theme-2 {

	/*===================================================================================*/
	/*--------Theme11 核心 token--------*/
	/*===================================================================================*/
	/* Theme11 頁面底色 */
	--theme11-bg:#f5f2eb;
	/* Theme11 紙感／卡片底色 */
	--theme11-paper:#fcfbf8;
	/* Theme11 分隔線色 */
	--theme11-line:#d8d0c2;
	/* Theme11 主文字色 */
	--theme11-text:#2b251f;
	/* Theme11 次要／柔和色 */
	--theme11-soft:#7b6f61;
	/* Theme11 主色 */
	--theme11-main:#3a3026;
	/* Theme11 主色 hover */
	--theme11-main-hover:#2f251c;
	/* Theme11 淡底色 */
	--theme11-muted-bg:#f7f4ec;
	/* Theme11 hover 底色 */
	--theme11-hover-bg:rgba(58,48,38,.06);
	/* Theme11 作用中文字色 */
	--theme11-active-text:#f8f4ec;
	/* Theme11 漸層起始色 */
	--theme11-bg-start:#f7f4ee;
	/* Theme11 漸層中間色 */
	--theme11-bg-mid:#f4efe6;
	/* Theme11 漸層結束色 */
	--theme11-bg-end:#f5f2eb;
	/* Theme11 頁面背景（漸層） */
	--theme11-page-bg:linear-gradient(180deg,#f7f4ee,#f4efe6 42%,#f5f2eb);
	/* Theme11 面板半透明底 */
	--theme11-panel-bg:hsla(45,40%,98%,.95);
	/* Theme11 陰影色 */
	--theme11-shadow:rgba(58,48,38,.08);

	/*===================================================================================*/
	/*--------同步覆寫全站主色系--------*/
	/*===================================================================================*/
	/* 主色 */
	--color-main:#3a3026;
	/* 主色加深／hover */
	--color-main-dark:#2f251c;
	/* 輔色 */
	--color-second:#7b6f61;
	/* 敘述文字色 */
	--color-text:#2b251f;
	/* 線條色 */
	--color-border:#d8d0c2;
	/* 線條深色 */
	--color-border-dark:#3a3026;
	/* 麵包屑連結色 */
	--color-breadcrumbs:#7b6f61;
	/* 麵包屑生效色 */
	--color-breadcrumbs-active:#3a3026;
	/* H1 標題色 */
	--color-h1:#3a3026;

	/*===================================================================================*/
	/*--------模組別名（about／article／news／faq／photobook／investor／download／product）--------*/
	/*===================================================================================*/
	/* about11 底色（映射 theme11） */
	--a11-bg:var(--theme11-bg);
	/* about11 紙感底 */
	--a11-paper:var(--theme11-paper);
	/* about11 線色 */
	--a11-line:var(--theme11-line);
	/* about11 文字色 */
	--a11-text:var(--theme11-text);
	/* about11 次要色 */
	--a11-soft:var(--theme11-soft);
	/* about11 主色 */
	--a11-main:var(--theme11-main);
	/* article_detail11 底色 */
	--ad11-bg:var(--theme11-bg);
	/* article_detail11 紙感底 */
	--ad11-paper:var(--theme11-paper);
	/* article_detail11 線色 */
	--ad11-line:var(--theme11-line);
	/* article_detail11 文字色 */
	--ad11-text:var(--theme11-text);
	/* article_detail11 次要色 */
	--ad11-soft:var(--theme11-soft);
	/* article_detail11 主色 */
	--ad11-main:var(--theme11-main);
	/* news11 底色 */
	--n11-bg:var(--theme11-bg);
	/* news11 紙感底 */
	--n11-paper:var(--theme11-paper);
	/* news11 線色 */
	--n11-line:var(--theme11-line);
	/* news11 文字色 */
	--n11-text:var(--theme11-text);
	/* news11 次要色 */
	--n11-soft:var(--theme11-soft);
	/* news11 主色 */
	--n11-main:var(--theme11-main);
	/* news_detail11 底色 */
	--nd11-bg:var(--theme11-bg);
	/* news_detail11 紙感底 */
	--nd11-paper:var(--theme11-paper);
	/* news_detail11 線色 */
	--nd11-line:var(--theme11-line);
	/* news_detail11 文字色 */
	--nd11-text:var(--theme11-text);
	/* news_detail11 次要色 */
	--nd11-soft:var(--theme11-soft);
	/* news_detail11 主色 */
	--nd11-main:var(--theme11-main);
	/* faq／files 等 f11 底色 */
	--f11-bg:var(--theme11-bg);
	/* f11 紙感底 */
	--f11-paper:var(--theme11-paper);
	/* f11 線色 */
	--f11-line:var(--theme11-line);
	/* f11 文字色 */
	--f11-text:var(--theme11-text);
	/* f11 次要色 */
	--f11-soft:var(--theme11-soft);
	/* f11 主色 */
	--f11-main:var(--theme11-main);
	/* photobook11 底色 */
	--pb11-bg:var(--theme11-bg);
	/* photobook11 紙感底 */
	--pb11-paper:var(--theme11-paper);
	/* photobook11 線色 */
	--pb11-line:var(--theme11-line);
	/* photobook11 文字色 */
	--pb11-text:var(--theme11-text);
	/* photobook11 次要色 */
	--pb11-soft:var(--theme11-soft);
	/* photobook11 主色 */
	--pb11-main:var(--theme11-main);
	/* investor11 底色 */
	--inv11-bg:var(--theme11-bg);
	/* investor11 紙感底 */
	--inv11-paper:var(--theme11-paper);
	/* investor11 線色 */
	--inv11-line:var(--theme11-line);
	/* investor11 文字色 */
	--inv11-text:var(--theme11-text);
	/* investor11 次要色 */
	--inv11-soft:var(--theme11-soft);
	/* investor11 強調色 */
	--inv11-accent:var(--theme11-main);
	/* download11 底色 */
	--d11-bg:var(--theme11-bg);
	/* download11 表面色 */
	--d11-surface:var(--theme11-paper);
	/* download11 邊框色 */
	--d11-border:var(--theme11-line);
	/* download11 文字色 */
	--d11-text:var(--theme11-text);
	/* download11 次要色 */
	--d11-soft:var(--theme11-soft);
	/* download11 主色 */
	--d11-main:var(--theme11-main);
	/* download11 強調色 */
	--d11-accent:var(--theme11-text);
	/* product11 底色 */
	--p11-bg:var(--theme11-bg);
	/* product11 紙感底 */
	--p11-paper:var(--theme11-paper);
	/* product11 線色 */
	--p11-line:var(--theme11-line);
	/* product11 文字色 */
	--p11-text:var(--theme11-text);
	/* product11 次要色 */
	--p11-soft:var(--theme11-soft);
	/* product11 主色 */
	--p11-main:var(--theme11-main);
	/* product11 主色 hover */
	--p11-main-hover:var(--theme11-main-hover);
	/* product11 淡底色 */
	--p11-muted-bg:var(--theme11-muted-bg);
	/* product11 hover 底色 */
	--p11-hover-bg:var(--theme11-hover-bg);
	/* product11 作用中文字色 */
	--p11-active-text:var(--theme11-active-text);
	/* product11 漸層起始 */
	--p11-bg-start:var(--theme11-bg-start);
	/* product11 漸層中間 */
	--p11-bg-mid:var(--theme11-bg-mid);
	/* product11 面板底 */
	--p11-panel-bg:var(--theme11-panel-bg);
	/* product11 圖片區底色 */
	--p11-image-bg:var(--theme11-muted-bg);
	/* product11 陰影色 */
	--p11-shadow:var(--theme11-shadow)
}

/* --- 站台主題 3（深色金）：Theme11 token + 模組別名 --- */
html.site-theme-3 {

	/*===================================================================================*/
	/*--------Theme11 核心 token--------*/
	/*===================================================================================*/
	/* Theme11 頁面底色 */
	--theme11-bg:#2b2d30;
	/* Theme11 紙感／卡片底色 */
	--theme11-paper:#36383c;
	/* Theme11 分隔線色 */
	--theme11-line:#52565d;
	/* Theme11 主文字色 */
	--theme11-text:#f0f1f2;
	/* Theme11 次要／柔和色 */
	--theme11-soft:#c7cbd1;
	/* Theme11 主色 */
	--theme11-main:#c9ad73;
	/* Theme11 主色 hover */
	--theme11-main-hover:#e0c98e;
	/* Theme11 淡底色 */
	--theme11-muted-bg:#42454a;
	/* Theme11 hover 底色 */
	--theme11-hover-bg:rgba(201,173,115,.14);
	/* Theme11 作用中文字色 */
	--theme11-active-text:#2b2d30;
	/* Theme11 漸層起始色 */
	--theme11-bg-start:#3a3d42;
	/* Theme11 漸層中間色 */
	--theme11-bg-mid:#2f3236;
	/* Theme11 漸層結束色 */
	--theme11-bg-end:#3f4246;
	/* Theme11 頁面背景（漸層） */
	--theme11-page-bg:radial-gradient(120% 80% at 50% -10%,rgba(126,132,142,.24) 0%,transparent 58%),linear-gradient(180deg,#3a3d42,#2f3236 44%,#3f4246);
	/* Theme11 面板半透明底 */
	--theme11-panel-bg:rgba(54,56,60,.94);
	/* Theme11 陰影色 */
	--theme11-shadow:rgba(20,22,24,.22);

	/*===================================================================================*/
	/*--------同步覆寫全站主色系--------*/
	/*===================================================================================*/
	/* 主色 */
	--color-main:#c9ad73;
	/* 主色加深／hover */
	--color-main-dark:#9d824d;
	/* 輔色 */
	--color-second:#c7cbd1;
	/* 敘述文字色 */
	--color-text:#f0f1f2;
	/* 線條色 */
	--color-border:#52565d;
	/* 線條深色 */
	--color-border-dark:#c9ad73;
	/* 麵包屑連結色 */
	--color-breadcrumbs:#c7cbd1;
	/* 麵包屑生效色 */
	--color-breadcrumbs-active:#e0c98e;
	/* H1 標題色 */
	--color-h1:#f0f1f2;
	/* 點點色 */
	--color-dot:#8c929b;

	/*===================================================================================*/
	/*--------模組別名（about／article／news／faq／photobook／investor／download／product）--------*/
	/*===================================================================================*/
	/* about11 底色（映射 theme11） */
	--a11-bg:var(--theme11-bg);
	/* about11 紙感底 */
	--a11-paper:var(--theme11-paper);
	/* about11 線色 */
	--a11-line:var(--theme11-line);
	/* about11 文字色 */
	--a11-text:var(--theme11-text);
	/* about11 次要色 */
	--a11-soft:var(--theme11-soft);
	/* about11 主色 */
	--a11-main:var(--theme11-main);
	/* article_detail11 底色 */
	--ad11-bg:var(--theme11-bg);
	/* article_detail11 紙感底 */
	--ad11-paper:var(--theme11-paper);
	/* article_detail11 線色 */
	--ad11-line:var(--theme11-line);
	/* article_detail11 文字色 */
	--ad11-text:var(--theme11-text);
	/* article_detail11 次要色 */
	--ad11-soft:var(--theme11-soft);
	/* article_detail11 主色 */
	--ad11-main:var(--theme11-main);
	/* news11 底色 */
	--n11-bg:var(--theme11-bg);
	/* news11 紙感底 */
	--n11-paper:var(--theme11-paper);
	/* news11 線色 */
	--n11-line:var(--theme11-line);
	/* news11 文字色 */
	--n11-text:var(--theme11-text);
	/* news11 次要色 */
	--n11-soft:var(--theme11-soft);
	/* news11 主色 */
	--n11-main:var(--theme11-main);
	/* news_detail11 底色 */
	--nd11-bg:var(--theme11-bg);
	/* news_detail11 紙感底 */
	--nd11-paper:var(--theme11-paper);
	/* news_detail11 線色 */
	--nd11-line:var(--theme11-line);
	/* news_detail11 文字色 */
	--nd11-text:var(--theme11-text);
	/* news_detail11 次要色 */
	--nd11-soft:var(--theme11-soft);
	/* news_detail11 主色 */
	--nd11-main:var(--theme11-main);
	/* faq／files 等 f11 底色 */
	--f11-bg:var(--theme11-bg);
	/* f11 紙感底 */
	--f11-paper:var(--theme11-paper);
	/* f11 線色 */
	--f11-line:var(--theme11-line);
	/* f11 文字色 */
	--f11-text:var(--theme11-text);
	/* f11 次要色 */
	--f11-soft:var(--theme11-soft);
	/* f11 主色 */
	--f11-main:var(--theme11-main);
	/* photobook11 底色 */
	--pb11-bg:var(--theme11-bg);
	/* photobook11 紙感底 */
	--pb11-paper:var(--theme11-paper);
	/* photobook11 線色 */
	--pb11-line:var(--theme11-line);
	/* photobook11 文字色 */
	--pb11-text:var(--theme11-text);
	/* photobook11 次要色 */
	--pb11-soft:var(--theme11-soft);
	/* photobook11 主色 */
	--pb11-main:var(--theme11-main);
	/* investor11 底色 */
	--inv11-bg:var(--theme11-bg);
	/* investor11 紙感底 */
	--inv11-paper:var(--theme11-paper);
	/* investor11 線色 */
	--inv11-line:var(--theme11-line);
	/* investor11 文字色 */
	--inv11-text:var(--theme11-text);
	/* investor11 次要色 */
	--inv11-soft:var(--theme11-soft);
	/* investor11 強調色 */
	--inv11-accent:var(--theme11-main);
	/* download11 底色 */
	--d11-bg:var(--theme11-bg);
	/* download11 表面色 */
	--d11-surface:var(--theme11-paper);
	/* download11 邊框色 */
	--d11-border:var(--theme11-line);
	/* download11 文字色 */
	--d11-text:var(--theme11-text);
	/* download11 次要色 */
	--d11-soft:var(--theme11-soft);
	/* download11 主色 */
	--d11-main:var(--theme11-main);
	/* download11 強調色 */
	--d11-accent:var(--theme11-main);
	/* product11 底色 */
	--p11-bg:var(--theme11-bg);
	/* product11 紙感底 */
	--p11-paper:var(--theme11-paper);
	/* product11 線色 */
	--p11-line:var(--theme11-line);
	/* product11 文字色 */
	--p11-text:var(--theme11-text);
	/* product11 次要色 */
	--p11-soft:var(--theme11-soft);
	/* product11 主色 */
	--p11-main:var(--theme11-main);
	/* product11 主色 hover */
	--p11-main-hover:var(--theme11-main-hover);
	/* product11 淡底色 */
	--p11-muted-bg:var(--theme11-muted-bg);
	/* product11 hover 底色 */
	--p11-hover-bg:var(--theme11-hover-bg);
	/* product11 作用中文字色 */
	--p11-active-text:var(--theme11-active-text);
	/* product11 漸層起始 */
	--p11-bg-start:var(--theme11-bg-start);
	/* product11 漸層中間 */
	--p11-bg-mid:var(--theme11-bg-mid);
	/* product11 面板底 */
	--p11-panel-bg:var(--theme11-panel-bg);
	/* product11 圖片區底色 */
	--p11-image-bg:var(--theme11-muted-bg);
	/* product11 陰影色 */
	--p11-shadow:var(--theme11-shadow)
}

/* --- FAQ／about detail：注入 fq11／abd11 token --- */
html.site-theme-1 #about.about11,
html.site-theme-1 #compare,
html.site-theme-1 #contact,
html.site-theme-1 #download,
html.site-theme-1 #faq,
html.site-theme-1 #investor.investor,
html.site-theme-1 #news_detail,
html.site-theme-1 #news_list,
html.site-theme-1 #photobook,
html.site-theme-1 #product11,
html.site-theme-1 #product_detail11,
html.site-theme-1 body:has(.header-v11) .page_content.member-v11,
html.site-theme-2 #about.about11,
html.site-theme-2 #compare,
html.site-theme-2 #contact,
html.site-theme-2 #download,
html.site-theme-2 #faq,
html.site-theme-2 #investor.investor,
html.site-theme-2 #news_detail,
html.site-theme-2 #news_list,
html.site-theme-2 #photobook,
html.site-theme-2 #product11,
html.site-theme-2 #product_detail11,
html.site-theme-2 body:has(.header-v11) .page_content.member-v11,
html.site-theme-3 #about.about11,
html.site-theme-3 #compare,
html.site-theme-3 #contact,
html.site-theme-3 #download,
html.site-theme-3 #faq,
html.site-theme-3 #investor.investor,
html.site-theme-3 #news_detail,
html.site-theme-3 #news_list,
html.site-theme-3 #photobook,
html.site-theme-3 #product11,
html.site-theme-3 #product_detail11,
html.site-theme-3 body:has(.header-v11) .page_content.member-v11 {
	/* 背景 */
	background:var(--theme11-page-bg)!important;
	/* 文字色 */
	color:var(--theme11-text)
}

/* --- About／Contact：注入 ab11／ct11 token --- */
html.site-theme-1 #about.about11,
html.site-theme-1 #contact,
html.site-theme-2 #about.about11,
html.site-theme-2 #contact,
html.site-theme-3 #about.about11,
html.site-theme-3 #contact {
	/* about11 頁面紙感底 */
	--ab11-paper:var(--theme11-paper);
	/* about11 頁面線色 */
	--ab11-line:var(--theme11-line);
	/* about11 頁面文字色 */
	--ab11-text:var(--theme11-text);
	/* about11 頁面次要色 */
	--ab11-soft:var(--theme11-soft);
	/* about11 頁面主色 */
	--ab11-main:var(--theme11-main);
	/* about／頁首標題字型 */
	--ab11-font:var(--font-family);
	/* contact11 底色 */
	--ct11-bg:var(--theme11-bg);
	/* contact11 紙感底 */
	--ct11-paper:var(--theme11-paper);
	/* contact11 線色 */
	--ct11-line:var(--theme11-line);
	/* contact11 文字色 */
	--ct11-text:var(--theme11-text);
	/* contact11 次要色 */
	--ct11-soft:var(--theme11-soft);
	/* contact11 主色 */
	--ct11-main:var(--theme11-main);
	/* contact11 輸入框底色 */
	--ct11-input-bg:var(--theme11-muted-bg)
}

/* --- 聯絡頁 focus 光暈（主題 1） --- */
html.site-theme-1 #contact {
	/* contact11 輸入 focus 光暈 */
	--ct11-focus-ring:rgba(36,54,75,.2)
}

/* --- 聯絡頁 focus 光暈（主題 2） --- */
html.site-theme-2 #contact {
	/* contact11 輸入 focus 光暈 */
	--ct11-focus-ring:rgba(58,48,38,.2)
}

/* --- 聯絡頁 focus 光暈（主題 3） --- */
html.site-theme-3 #contact {
	/* contact11 輸入 focus 光暈 */
	--ct11-focus-ring:rgba(214,180,106,.22)
}

/* --- 產品比較頁：注入 pc11 token --- */
html.site-theme-1 #compare,
html.site-theme-2 #compare,
html.site-theme-3 #compare {
	/* 產品比較頁底色 */
	--pc11-bg:var(--theme11-bg);
	/* 產品比較頁紙感底 */
	--pc11-paper:var(--theme11-paper);
	/* 產品比較頁線色 */
	--pc11-line:var(--theme11-line);
	/* 產品比較頁文字色 */
	--pc11-text:var(--theme11-text);
	/* 產品比較頁次要色 */
	--pc11-soft:var(--theme11-soft);
	/* 產品比較頁漸層起始 */
	--pc11-bg-start:var(--theme11-bg-start);
	/* 產品比較頁漸層中間 */
	--pc11-bg-mid:var(--theme11-bg-mid)
}

/* --- 會員中心 v11：注入 mb11 token --- */
html.site-theme-1 body:has(.header-v11) .page_content.member-v11,
html.site-theme-2 body:has(.header-v11) .page_content.member-v11,
html.site-theme-3 body:has(.header-v11) .page_content.member-v11 {
	/* 會員中心 v11 底色 */
	--mb11-bg:var(--theme11-bg);
	/* 會員中心 v11 線色 */
	--mb11-line:var(--theme11-line);
	/* 會員中心 v11 文字色 */
	--mb11-text:var(--theme11-text);
	/* 會員中心 v11 次要色 */
	--mb11-soft:var(--theme11-soft);
	/* 會員中心 v11 紙感底 */
	--mb11-paper:var(--theme11-paper)
}

/* --- 比較頁欄位、會員中心面板：套用 Theme11 面板底／線／字色 --- */
html.site-theme-1 #compare .container_compare .compare-target,
html.site-theme-1 #compare .container_compare .field,
html.site-theme-1 body:has(.header-v11) .page_content.member-v11 .shop_contain .border_style,
html.site-theme-1 body:has(.header-v11) .page_content.member-v11 .shop_contain .head_box .page-nav>div,
html.site-theme-2 #compare .container_compare .compare-target,
html.site-theme-2 #compare .container_compare .field,
html.site-theme-2 body:has(.header-v11) .page_content.member-v11 .shop_contain .border_style,
html.site-theme-2 body:has(.header-v11) .page_content.member-v11 .shop_contain .head_box .page-nav>div,
html.site-theme-3 #compare .container_compare .compare-target,
html.site-theme-3 #compare .container_compare .field,
html.site-theme-3 body:has(.header-v11) .page_content.member-v11 .shop_contain .border_style,
html.site-theme-3 body:has(.header-v11) .page_content.member-v11 .shop_contain .head_box .page-nav>div {
	/* 背景 */
	background:var(--theme11-panel-bg)!important;
	/* 邊框色 */
	border-color:var(--theme11-line)!important;
	/* 文字色 */
	color:var(--theme11-text)
}

/* --- FAQ／about detail：注入 fq11／abd11 token --- */
html.site-theme-1 #faq,
html.site-theme-2 #faq,
html.site-theme-3 #faq {
	/* FAQ11 底色 */
	--fq11-bg:var(--theme11-bg);
	/* FAQ11 線色 */
	--fq11-line:var(--theme11-line);
	/* FAQ11 文字色 */
	--fq11-text:var(--theme11-text);
	/* FAQ11 次要色 */
	--fq11-soft:var(--theme11-soft);
	/* FAQ11 主色 */
	--fq11-main:var(--theme11-main);
	/* about detail 底色 */
	--abd11-bg:var(--theme11-bg);
	/* about detail 頁面背景 */
	--abd11-page-bg:var(--theme11-page-bg);
	/* about detail 紙感底 */
	--abd11-paper:var(--theme11-paper);
	/* about detail 線色 */
	--abd11-line:var(--theme11-line);
	/* about detail 文字色 */
	--abd11-text:var(--theme11-text);
	/* about detail 次要色 */
	--abd11-soft:var(--theme11-soft);
	/* about detail 主色 */
	--abd11-main:var(--theme11-main)
}

/* --- Header-v11：注入 about／標題字型變數 --- */
html.site-theme-1 body:has(.header-v11),
html.site-theme-2 body:has(.header-v11),
html.site-theme-3 body:has(.header-v11) {
	/* about／頁首標題字型 */
	--ab11-font:var(--font-family)
}

/* --- Header-v11 內頁標題字型與字級 --- */
html.site-theme-1 body:has(.header-v11) .page_header h1,
html.site-theme-1 body:has(.header-v11) .page_header h2,
html.site-theme-2 body:has(.header-v11) .page_header h1,
html.site-theme-2 body:has(.header-v11) .page_header h2,
html.site-theme-3 body:has(.header-v11) .page_header h1,
html.site-theme-3 body:has(.header-v11) .page_header h2 {
	/* 字型 */
	font-family:var(--ab11-font)!important;
	/* 字級 */
	font-size:clamp(28px,3.9vw,112px)!important
}

/* Desktop ≥980px：內頁標題字級調整 */
@media (min-width:980px) {
	/* 內頁 page_header 標題字級（大螢幕） */
	html.site-theme-1 body:has(.header-v11) .page_header h1,
	html.site-theme-1 body:has(.header-v11) .page_header h2,
	html.site-theme-2 body:has(.header-v11) .page_header h1,
	html.site-theme-2 body:has(.header-v11) .page_header h2,
	html.site-theme-3 body:has(.header-v11) .page_header h1,
	html.site-theme-3 body:has(.header-v11) .page_header h2 {
		/* 字級 */
		font-size:clamp(40px,4.2vw,120px)!important;
		/* 最小高度 */
		min-height:0!important
	}
}

/* --- Header-v11 banner 標題字型 --- */
html.site-theme-1 body:has(.header-v11) .banner h1,
html.site-theme-2 body:has(.header-v11) .banner h1,
html.site-theme-3 body:has(.header-v11) .banner h1 {
	/* 字型 */
	font-family:var(--ab11-font)!important
}

/* --- 麵包屑分隔符「/」樣式 --- */
html.site-theme-1 body:has(.header-v11) .breadcrumbs a:after,
html.site-theme-2 body:has(.header-v11) .breadcrumbs a:after,
html.site-theme-3 body:has(.header-v11) .breadcrumbs a:after {
	/* 文字色 */
	color:color-mix(in srgb,var(--color-breadcrumbs) 52%,transparent)!important;
	/* 偽元素內容 */
	content:"/"!important;
	/* 顯示方式 */
	display:inline-block!important;
	/* 字重 */
	font-weight:400!important;
	/* 外距 */
	margin:0 clamp(8px,1vw,12px)!important;
	/* 內距 */
	padding:0!important
}

/* --- 麵包屑目前頁文字色 --- */
html.site-theme-1 body:has(.header-v11) .breadcrumbs a:last-of-type,
html.site-theme-2 body:has(.header-v11) .breadcrumbs a:last-of-type,
html.site-theme-3 body:has(.header-v11) .breadcrumbs a:last-of-type {
	/* 文字色 */
	color:var(--color-breadcrumbs-active)!important
}

/* --- 麵包屑最後一層隱藏分隔符 --- */
html.site-theme-1 body:has(.header-v11) .breadcrumbs a:last-of-type:after,
html.site-theme-2 body:has(.header-v11) .breadcrumbs a:last-of-type:after,
html.site-theme-3 body:has(.header-v11) .breadcrumbs a:last-of-type:after {
	/* 顯示方式 */
	display:none!important
}

/* --- Header-v10／ac10-retail：Theme12 色票（三主題共用基準） --- */
html.site-theme-1 .ac10-retail,
html.site-theme-1 body:has(.header-v10),
html.site-theme-2 .ac10-retail,
html.site-theme-2 body:has(.header-v10),
html.site-theme-3 .ac10-retail,
html.site-theme-3 body:has(.header-v10) {

	/*===================================================================================*/
	/*--------Theme12（header-v10／ac10-retail）核心 token--------*/
	/*===================================================================================*/
	/* Theme12（v10）頁面底色 */
	--theme12-bg:#f8fafc;
	/* Theme12 紙感底 */
	--theme12-paper:#fff;
	/* Theme12 線色 */
	--theme12-line:#e2e8f0;
	/* Theme12 主文字色 */
	--theme12-text:#0f172a;
	/* Theme12 次要色 */
	--theme12-soft:#64748b;
	/* Theme12 內文色 */
	--theme12-body:#334155;
	/* Theme12 主色 */
	--theme12-main:#1e40af;
	/* Theme12 主色 hover */
	--theme12-main-hover:#1e3a8a;
	/* Theme12 淡底色 */
	--theme12-muted-bg:#f1f5f9;
	/* Theme12 hover 底色 */
	--theme12-hover-bg:rgba(30,64,175,.08);
	/* Theme12 頁面背景 */
	--theme12-page-bg:#f8fafc;
	/* Theme12 面板底 */
	--theme12-panel-bg:#fff;
	/* Theme12 陰影色 */
	--theme12-shadow:rgba(15,23,42,.08);

	/*===================================================================================*/
	/*--------ac10-retail 別名--------*/
	/*===================================================================================*/
	/* ac10-retail 紙感底 */
	--ac12-paper:#f8fafc;
	/* ac10-retail 白 */
	--ac12-white:#fff;
	/* ac10-retail 奶油底 */
	--ac12-cream:#f1f5f9;
	/* ac10-retail 墨色文字 */
	--ac12-ink:#0f172a;
	/* ac10-retail 次要墨色 */
	--ac12-ink-soft:#334155;
	/* ac10-retail 柔和文字 */
	--ac12-muted:#64748b;
	/* ac10-retail 線色 */
	--ac12-line:#e2e8f0;
	/* ac10-retail 強調色 */
	--ac12-hot:#1e40af;
	/* ac10-retail 強調色加深 */
	--ac12-hot-deep:#1e3a8a;
	/* ac10-retail sage／主強調 */
	--ac12-sage:#1e40af;

	/*===================================================================================*/
	/*--------special12 別名--------*/
	/*===================================================================================*/
	/* special12 強調色 */
	--s12-accent:#1e40af;
	/* special12 底色 */
	--s12-bg:#f8fafc;
	/* special12 文字色 */
	--s12-text:#0f172a;

	/*===================================================================================*/
	/*--------同步覆寫全站主色--------*/
	/*===================================================================================*/
	/* 主色 */
	--color-main:#1e40af;
	/* 主色加深／hover */
	--color-main-dark:#1e3a8a
}

/* --- 主題 2：覆寫 Theme12／ac10 主色 --- */
html.site-theme-2 .ac10-retail,html.site-theme-2 body:has(.header-v10) {
	/* Theme12 主色 */
	--theme12-main:#2563eb;
	/* Theme12 主色 hover */
	--theme12-main-hover:#1d4ed8;
	/* ac10-retail 強調色 */
	--ac12-hot:#2563eb;
	/* ac10-retail sage／主強調 */
	--ac12-sage:#2563eb;
	/* special12 強調色 */
	--s12-accent:#2563eb;
	/* 主色 */
	--color-main:#2563eb;
	/* 主色加深／hover */
	--color-main-dark:#1d4ed8
}

/* --- 主題 3：覆寫 Theme12／ac10 主色 --- */
html.site-theme-3 .ac10-retail,html.site-theme-3 body:has(.header-v10) {
	/* Theme12 主色 */
	--theme12-main:#1e3a8a;
	/* Theme12 主色 hover */
	--theme12-main-hover:#172554;
	/* ac10-retail 強調色 */
	--ac12-hot:#1e3a8a;
	/* ac10-retail sage／主強調 */
	--ac12-sage:#1e3a8a;
	/* special12 強調色 */
	--s12-accent:#1e3a8a;
	/* 主色 */
	--color-main:#1e3a8a;
	/* 主色加深／hover */
	--color-main-dark:#172554
}

/* --- 三主題共用：Theme21 token 映射自 Theme11 --- */
html.site-theme-1,
html.site-theme-2,
html.site-theme-3 {

	/*===================================================================================*/
	/*--------Theme21（由 theme11 映射）--------*/
	/*===================================================================================*/
	/* Theme21 底色（映射 theme11） */
	--theme21-bg:var(--theme11-bg);
	/* Theme21 紙感底 */
	--theme21-paper:var(--theme11-paper);
	/* Theme21 線色 */
	--theme21-line:var(--theme11-line);
	/* Theme21 文字色 */
	--theme21-text:var(--theme11-text);
	/* Theme21 次要色 */
	--theme21-soft:var(--theme11-soft);
	/* Theme21 主色 */
	--theme21-main:var(--theme11-main);
	/* Theme21 主色 hover */
	--theme21-main-hover:var(--theme11-main-hover);
	/* Theme21 淡底色 */
	--theme21-muted-bg:var(--theme11-muted-bg);
	/* Theme21 hover 底色 */
	--theme21-hover-bg:var(--theme11-hover-bg);
	/* Theme21 作用中文字色 */
	--theme21-active-text:var(--theme11-active-text);
	/* Theme21 漸層起始 */
	--theme21-bg-start:var(--theme11-bg-start);
	/* Theme21 漸層中間 */
	--theme21-bg-mid:var(--theme11-bg-mid);
	/* Theme21 漸層結束 */
	--theme21-bg-end:var(--theme11-bg-end);
	/* Theme21 頁面背景 */
	--theme21-page-bg:var(--theme11-page-bg);
	/* Theme21 面板底 */
	--theme21-panel-bg:var(--theme11-panel-bg);
	/* Theme21 陰影色 */
	--theme21-shadow:var(--theme11-shadow)
}

/* --- v21 頁面（compare／download／esg／investor／member）：頁面背景與文字色 --- */
html.site-theme-1 #compare,
html.site-theme-1 #download,
html.site-theme-1 #esg.esg21,
html.site-theme-1 body:has(.header-v11) #investor.investor,
html.site-theme-1 body:has(.header-v11) .page_content.member-v21,
html.site-theme-2 #compare,
html.site-theme-2 #download,
html.site-theme-2 #esg.esg21,
html.site-theme-2 body:has(.header-v11) #investor.investor,
html.site-theme-2 body:has(.header-v11) .page_content.member-v21,
html.site-theme-3 #compare,
html.site-theme-3 #download,
html.site-theme-3 #esg.esg21,
html.site-theme-3 body:has(.header-v11) #investor.investor,
html.site-theme-3 body:has(.header-v11) .page_content.member-v21 {
	/* 背景 */
	background:var(--theme21-page-bg)!important;
	/* 文字色 */
	color:var(--theme21-text)
}

/* --- Header-v11：注入 v21 標題字型變數 --- */
html.site-theme-1 body:has(.header-v11),
html.site-theme-2 body:has(.header-v11),
html.site-theme-3 body:has(.header-v11) {
	/* v21 頁首標題字型 */
	--ab21-font:var(--font-family)
}

/* --- Header-v11 內頁標題（v21 字級／字重覆寫） --- */
html.site-theme-1 body:has(.header-v11) .page_header h1,
html.site-theme-1 body:has(.header-v11) .page_header h2,
html.site-theme-2 body:has(.header-v11) .page_header h1,
html.site-theme-2 body:has(.header-v11) .page_header h2,
html.site-theme-3 body:has(.header-v11) .page_header h1,
html.site-theme-3 body:has(.header-v11) .page_header h2 {
	/* 字型 */
	font-family:var(--ab21-font)!important;
	/* 字級 */
	font-size:clamp(28px,3.2vw,40px)!important;
	/* 字重 */
	font-weight:500!important;
	/* 行高 */
	line-height:1.2
}

/* --- 麵包屑連結字級／字重／顏色 --- */
html.site-theme-1 body:has(.header-v11) .breadcrumbs a,
html.site-theme-2 body:has(.header-v11) .breadcrumbs a,
html.site-theme-3 body:has(.header-v11) .breadcrumbs a {
	/* 文字色 */
	color:var(--color-breadcrumbs)!important;
	/* 字級 */
	font-size:14px!important;
	/* 字重 */
	font-weight:500!important
}

/* --- 全站基礎字型 --- */
body,html {
	/* 字型 */
	font-family:var(--font-family)
}