: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;
        /*===================================================================================*/
        /*--------全域設定--------*/
        /*===================================================================================*/
        /*--------主要色系--------*/
        /*主色，預設為#7d5141*/
        --color-main: #7ea497;
        --color-main-dark: #56423a;
        /*輔色，預設為#5f796f*/
        --color-second: #72795f;
        /*警告色，預設為#ce2f2f*/
        --color-alert: #eb4d4d;
        /*敘述文字顏色*/
        --color-text: #191f23;
        /*敘述文字顏色 / 03版banner數字顏色*/
        --color-text-light: #858585;
        /*麵包屑連結顏色*/
        --color-breadcrumbs: #535353;
        /*麵包屑連結生效顏色*/
        --color-breadcrumbs-active: #000;
        /*H1顏色：每一頁最大的抬頭*/
        --color-h1: #000;
        /*線條顏色*/
        --color-border: #e5e4e4;
        --color-border-dark: #7d5141;
        /*點點顏色，預設為#c6c6c6*/
        --color-dot: #c6c6c6;
        /*導角尺寸，預設為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;
        /*===================================================================================*/
        /*--------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: 64px;
        /*header高度縮小-平板以上:72px / 4.5vw*/
        --height-nav-mini-xxl: 72px;
        /*手機子選單寬度*/
        --width-nav-xs: 70vw;
        --width-nav-md: 35vw;
        /*logo高度:最小到最大*/
        --height-logo: 2.34vw;
        --height-logo-min: 50px;
        --height-logo-max: 65px;
        /*桌機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;
        /*===================================================================================*/
        /*--------選單--------*/
        /*===================================================================================*/
        /*選單全域設定*/
        /*全站!!手機漢堡線條顏色預設為--#000*/
        --color-hamburger-xs-inpage: #000;
        /*全站!!桌面漢堡線條顏色預設為--#000*/
        --color-hamburger-lg-inpage: #000;
        /*全站!!桌面漢堡開啟後，線條顏色，預設為#fff*/
        --color-hamburger-lg-active: #fff;
        /*首頁專用!!手機漢堡線條顏色預設為#000*/
        --color-hamburger-xs-index: #000;
        /*首頁專用!!桌面手機漢堡線條顏色預設為#fff：*/
        --color-hamburger-lg-index: #000;
        /*下拉選單背景色顏色(第一層)*/
        --color-bg-nav-dropmenu: #161616;
        /*下拉選單文字顏色(第一層)*/
        --color-text-nav-dropmenu: #fff;
        /*下拉選單文字顏色(所有子層)*/
        --color-text-nav-nested: #333;
        /*手機漢堡*/
        /*選單1設定*/
        --color-bg-nav-hover-1-overlay: #fff;
        /*選單2設定*/
        --height-xl-nav-2: 45px;
        --height-xxxl-nav-2: 55px;
        --color-bg-nav-2-sub: #fff;
        /*選單2/4/5設定*/
        --color-subtext-xs-nav-4: #656565;
        --height-xl-nav-4: 45px;
        --height-xxl-nav-4: 56px;
        --height-xxxl-nav-4: 64px;
        /*===================================================================================*/
        /*--------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: 75px;
        /*地圖高度，矮的預設25.88vw*/
        --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%;
        /*產品圖片比例，怎麼算高除以寬*100，*/
        --ratio-pd-gallery: 112%;
        /*!!重要!!產品圖片顯示模式，如果是滿版圖用cover / 去背圖用contain，如果客戶有良好習慣預設cover是可以的*/
        --mode-bgsize-product: cover;
        /*--產品列表頁---*/
        /*篩選器大標文字顏色*/
        --color-filter-title: #b7b8b9;
        --color-filter-go: #fff;
        --color-filter-hover: var(--color-second);
        /*產品折扣背景顏色*/
        --color-bg-discount-label: #d83636;
        /*產品折扣文字顏色*/
        --color-text-discount-label: #fff;
        /* --- */
        /*---產品細節頁---*/
        /*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;
        /*評價底線 */
        --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;
        /*===================================================================================*/
        /*--------關於我們--------*/
        /*===================================================================================*/
        /* 動畫數字左背景 */
        --color-count-bg1: var(--color-main);
        /* 動畫數字右背景 */
        --color-count-bg2: #1a191d;
        /*history背景色 */
        --color-intro-bg: #f8f8f8;
        /*history背景線的顏色，若要改icon*的形式要到ai裡面改*/
        --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;
        /*生涯規劃按鈕背景色*/
        --color-btn-careers-v3: #56423a;
        /*生涯規劃按鈕文字顏色*/
        --color-btn-careers-text-v3: #fff;
        /*生涯規劃按鈕hover背景色*/
        --color-btn-careers-hover-bg-v3: #a7725c;
        /*生涯規劃按鈕hover文字顏色*/
        --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;
    }