: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;
        /*===================================================================================*/
        /*--------HEADER--------*/
        /*===================================================================================*/
        /*手機header高度*/
        --height-nav-xs: 60px;
        /*手機選單項目a的行高*/
        --line-height-nav-xs: 50px;
        /*header高度-平板以上，預設11.7vw*/
        --height-nav-md: 6.7vw;
        /*header高度縮小-平板以上:72px*/
        --height-nav-mini-md: 72px;
        /*header高度縮小-平板以上:72px*/
        --height-nav-mini-xxl: 4.5vw;
        /*手機子選單寬度*/
        --width-nav-xs: 70vw;
        --width-nav-md: 35vw;
        /*logo高度:最小到最大*/
        --height-logo: 2.34vw;
        --height-logo-min: 24px;
        --height-logo-max: 50px;
        /*桌機header背景色*/
        --color-bg-header: rgba(255, 255, 255, 1);
        /*首頁限定!!桌機header背景色*/
        --color-bg-header-index: rgba(255, 255, 255, 0);
        /*會員購物車框線顏色，預設為#636363*/
        --color-cart-border: #636363;
        /*返回顏色預設為#383838*/
        --color-btn-back: #383838;
        /*===================================================================================*/
        /*--------公告--------*/
        /*===================================================================================*/
        /*公告高度*/
        --height-countdown-xs: 70px;
        --height-countdown-lg: 60px;
        /*===================================================================================*/
        /*--------主要色系設定--------*/
        /*===================================================================================*/
        /*主色，預設為#7d5141*/
        --color-main: #b92f17;
        /*深色，預設為#56423a*/
        --color-main-dark: #872818;
        /*輔色，預設為#5f796f*/
        --color-second: #8F9BBB;
        /*===================================================================================*/
        /*--------選單--------*/
        /*===================================================================================*/
        /*選單全域設定*/
        /*全站!!手機漢堡線條顏色預設為--color-text*/
        --color-hamburger-xs-inpage: var(--color-text);
        /*全站!!桌面漢堡線條顏色預設為--color-text*/
        --color-hamburger-lg-inpage: var(--color-text);
        /*全站!!桌面漢堡開啟後，線條顏色，預設為#fff*/
        --color-hamburger-lg-active: #fff;
        /*首頁專用!!手機漢堡線條顏色預設為#000*/
        --color-hamburger-xs-index: #000;
        /*首頁專用!!桌面手機漢堡線條顏色預設為#fff：*/
        --color-hamburger-lg-index: #fff;
        /*下拉選單背景色顏色(第一層)*/
        --color-bg-nav-dropmenu: #161616;
        /*下拉選單文字顏色(第一層)*/
        --color-text-nav-dropmenu: #fff;
        /*下拉選單文字顏色(所有子層)*/
        --color-text-nav-nested: #333;
        /*手機漢堡*/
        /*選單1設定*/
        --color-bg-nav-hover-1-overlay: #fff;
        /*選單3設定*/
        --color-text-nav-3-main: #fff;
        --color-bg-nav-3-main: var(--color-main);
        --color-border-nav-3-main: #fff;
        --color-text-nav-3-sub: #686868;
        --color-bg-nav-3-sub: #fff;
        --color-border-nav-3-sub: #dfdfdf;
        /*選單4與5設定*/
        --color-subtext-xs-nav-4: #656565;
        --height-xl-nav-4: 45px;
        --height-xxl-nav-4: 56px;
        --height-xxxl-nav-4: 70px;
        /*===================================================================================*/
        /*--------全域設定--------*/
        /*===================================================================================*/
        /*敘述文字顏色*/
        /*--color-text: #191f23;*/
        --color-text: #191f23;
        /*篩選器大標文字顏色*/
        --color-filter-title: #b7b8b9;
        --color-filter-go: #fff;
        --color-filter-hover: #72795f;
        /*敘述文字顏色 / 03版banner數字顏色*/
        --color-text-light: #858585;
        /*麵包屑連結顏色*/
        --color-breadcrumbs: #535353;
        /*麵包屑連結生效顏色*/
        --color-breadcrumbs-active: #000;
        /*H1顏色：每一頁最大的抬頭*/
        --color-h1: #000;
        /*線條顏色*/
        --color-border: #e5e4e4;
        --color-border-dark: #7d7d7d;
        --color-border-ruler: lightblue;
        /*點點顏色，預設為#c6c6c6*/
        --color-dot: #1e1e1e;
        /*導角尺寸，預設為5px*/
        --size-radius: 5px;
        /*導角尺寸*/
        --font-family: "PingFang", "PingFangTC", "Microsoft JhengHei", sans-serif;
        --font-family-title: 'Noto Sans TC', "PingFang", "PingFangTC", "Microsoft JhengHei", sans-serif;
        --font-family-en: 'Montserrat', 'Noto Sans TW', "PingFang", "PingFangTC", "Microsoft JhengHei", Helvetica, Arial, sans-serif;
        /*===================================================================================*/
        /*--------Banner--------*/
        /*===================================================================================*/
        /*banner手機高度，v2/v3共用，預設109%，圖片預設尺寸640*700 */
        --height-banner-mobile: 40%;
        /*v2 banner 桌機高度，設計圖預設19.2%，最小高度200px，17.18% --v2v3統一後高度預設為27% */
        --height-banner-desktop-v2: 17.18%;
        /*v3 banner 桌機高度，預設28.85%，最小高度250px;v2v3統一後高度預設為27%  */
        --height-banner-desktop-v3: 20%;
        /*banner大標的字體，預設為英文字體*/
        --font-family-banner: var(--font-family-en);
        /*scrolldown 文字顏色*/
        --color-scrolldown-text: var(--color-text);
        /*scrolldown 線條顏色預設為#b3b3b3*/
        --color-scrolldown-border: #b3b3b3;
        /*大標題與下方距離，平板以上預設為6.7vw*/
        --height-banner-bottom-md: 6.7vw;
        /*===================================================================================*/
        /*--------FOOTER--------*/
        /*===================================================================================*/
        /*文字區塊背景*/
        --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;
        /*logo高度*/
        --height-logo-footer: 20px;
        /*地圖高度，矮的預設25.88vw*/
        --height-map-footer: 38.54vw;
        /*地圖最小高度*/
        --min-height-map-footer: 300px;
        --color-bg-footer: #101010;
        --color-border-footer: #3d2d29;
        --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;
        /*===================================================================================*/
        /*--------產品設定--------*/
        /*===================================================================================*/
        /*列表頁：加入購物車按鈕色*/
        --color-btn-cart: var(--color-main);
        /*加入購物車按鈕色*/
        --color-btn-cart-text: #fff;
        /*產品banner圖片比例*/
        --ratio-pd-banner: 72.7%;
        /*產品圖片比例，怎麼算高除以寬*100，*/
        --ratio-pd-gallery: 112%;
        /*產品列表頁：產品折扣背景顏色*/
        --color-bg-discount-label: #d83636;
        /*產品列表頁：產品折扣文字顏色*/
        --color-text-discount-label: #fff;
        /*產品列表頁：折扣文字顏色*/
        --color-pd-banner-title: #fff;
        /*產品列表頁：banner文字顏色*/
        --color-pd-banner-text: #888888;
        /*產品細節頁：販售價格*/
        --color-price-sp: var(--color-text);
        /*產品細節頁：原價*/
        --color-price-orig: #959595;
        /*活動區塊左邊*/
        --border-event-detail: 2px solid #ffd000;
        --colot-text-event-detail: #666;
        /*產品左方選單文字顏色 / 下拉選單文字顏色*/
        --color-pd-nav-left: #858585;
        /*!!重要!!產品圖片顯示模式，如果是滿版圖用cover / 去背圖用contain，如果客戶有良好習慣預設cover是可以的*/
        --mode-bgsize-product: cover;
        /*分享按鈕顏色*/
        --color-share: #000;
        /*產品細節頁：label*/
        --color-bg-label-new: rgb(52, 226, 203);
        --color-text-label-new: var(--color-text);
        --color-bg-label-hot: rgb(253, 76, 76);
        --color-text-label-hot: #fff;
        /*===================================================================================*/
        /*--------About--------*/
        /*===================================================================================*/
        /*About */
        --color-count-bg1: var(--color-main);
        --color-count-bg2: #1a191d;
        /*About history背景色 */
        --color-intro-bg: #f8f8f8;
        /*About 下方相片簿比例 */
        --ratio-about-gallery: 66.6%;
        /*history背景線的顏色，若要改icon*的形式要到ai裡面改*/
        --color-history-line: #2c2c2b;
        /*===================================================================================*/
        /*--------下載專區--------*/
        /*===================================================================================*/
        --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: var(--color-text);
        /*生涯規劃按鈕文字顏色*/
        --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;
        --color-text-careers-v3: #fff;
        --color-text2-careers-v3: #cdcdcd;
        --color-btn-careers-v3: #56423a;
        --color-btn-careers-text-v3: #fff;
        --color-btn-careers-hover-bg-v3: #a7725c;
        --color-btn-careers-hover-text-v3: #fff;
        /*===================================================================================*/
        /*--------報名專區--------*/
        /*===================================================================================*/
        --color-bg-sign-up-info: #f8f8f8;
        /*用於手機*/
        /*===================================================================================*/
        /*--------標籤系統--------*/
        /*===================================================================================*/
        --color-bg-tag: #f3f3f3;
        --color-text-tag: var(--color-text);
        --color-hover-bg-tag: var(--color-main);
        --color-hover-text-tag: #f3f3f3;
    }