.elementor-kit-12{--e-global-color-primary:#000000;--e-global-color-secondary:#54595F;--e-global-color-text:#FFFFFF;--e-global-color-accent:#C20017;--e-global-color-2c32b90:#F3F5F8;--e-global-color-ec2bdda:#000000;--e-global-color-63c0064:#FFC72C;--e-global-color-aa55322:#C20017;--e-global-color-f153a2f:#E9E9E9;--e-global-color-79747a0:#FF0000;--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-weight:500;color:var( --e-global-color-primary );font-weight:400;}.elementor-kit-12 button,.elementor-kit-12 input[type="button"],.elementor-kit-12 input[type="submit"],.elementor-kit-12 .elementor-button{background-color:var( --e-global-color-aa55322 );color:#FFFFFF;}.elementor-kit-12 e-page-transition{background-color:#000000;}.elementor-kit-12 a{color:var( --e-global-color-aa55322 );}.elementor-kit-12 a:hover{color:var( --e-global-color-aa55322 );}.elementor-kit-12 h1{font-size:1.2rem;font-weight:600;}.elementor-kit-12 h2{color:var( --e-global-color-primary );font-size:1.2rem;font-weight:600;}.elementor-kit-12 h3{font-size:1.1rem;font-weight:600;}.elementor-kit-12 h4{color:var( --e-global-color-primary );font-size:1rem;}.elementor-kit-12 h5{color:var( --e-global-color-primary );}.elementor-kit-12 h6{color:var( --e-global-color-primary );}.elementor-kit-12 button:hover,.elementor-kit-12 button:focus,.elementor-kit-12 input[type="button"]:hover,.elementor-kit-12 input[type="button"]:focus,.elementor-kit-12 input[type="submit"]:hover,.elementor-kit-12 input[type="submit"]:focus,.elementor-kit-12 .elementor-button:hover,.elementor-kit-12 .elementor-button:focus{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1520px;}.e-con{--container-max-width:1520px;--container-default-padding-top:0%;--container-default-padding-right:0%;--container-default-padding-bottom:0%;--container-default-padding-left:0%;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================================= */
/* === 解決畫面整體左右晃動問題 (通用修正) === */
/* ========================================================= */
/* 這是最外層的控制，確保頁面不會水平滾動。 */
html, body {
    overflow-x: hidden !important; /* 強制隱藏水平滾動條 */
    width: 100% !important; /* 確保佔滿視口寬度 */
}

/* ========================================================= */
/* === 手機版表格響應式 CSS：讓表格在手機上可水平滾動 === */
/* ========================================================= */
@media (max-width: 767px) { /* 針對手機螢幕寬度 */
    /* 為所有可能的 Elementor 容器添加水平滾動，確保表格能超出並滾動 */
    .elementor-section,
    .elementor-container,
    .elementor-column,
    .elementor-widget-wrap,
    .elementor-widget-text-editor,
    .elementor-widget-html {
        overflow-x: auto !important; /* 強制允許橫向滾動 */
        -webkit-overflow-scrolling: touch; /* 改善 iOS 上的平滑滾動 */
        width: 100%; /* 確保容器佔滿可用寬度 */
        box-sizing: border-box; /* 確保內距和邊框包含在寬度內 */
    }

    /* 確保表格本身能夠充分利用可滾動容器的空間，並且內容能正常換行 */
    .elementor-widget-text-editor table,
    .elementor-widget-html table,
    .elementor-column table,
    .elementor-container table {
        width: auto; /* 讓表格寬度由內容決定，允許超出父容器 */
        min-width: 100%; /* 確保表格至少佔滿其容器的初始寬度 */
        border-collapse: collapse; /* 確保邊框合併 */
        white-space: normal; /* 允許文字正常換行 */
    }

    /* 調整表格單元格的樣式，使其在小螢幕下更緊湊，但仍保持可讀性 */
    .elementor-widget-text-editor th, .elementor-widget-text-editor td,
    .elementor-widget-html th, .elementor-widget-html td,
    .elementor-column th, .elementor-column td,
    .elementor-container th, .elementor-container td {
        padding: 8px 10px; /* 調整內距，使其更緊湊 */
        font-size: 0.9em; /* 稍微縮小字體大小 */
        line-height: 1.4; /* 調整行高 */
        word-wrap: break-word; /* 允許長單詞換行 */
        min-width: 80px; /* 給予每個單元格最小寬度，防止過度擠壓 */
        text-align: left; /* 保持文字左對齊或根據您需求調整 */
    }
}

/* ========================================================= */
/* === 語言切換選單 CSS：最激進的覆蓋嘗試 === */
/* ========================================================= */
@media (max-width: 767px) { /* 僅在手機螢幕寬度下應用 */

    /* 1. 強力覆蓋所有可能裁剪語言選單的父容器的 overflow 屬性 */
    /* 這裡列出了 Elementor 和語言選單相關的所有主要容器類，確保它們的 overflow 都是 visible */
    /* 您的 language-switcher-custom-wrapper Class 也會被包含在內 */
    .elementor-section,
    .elementor-container,
    .elementor-column,
    .elementor-widget-wrap,
    .elementor-widget-html, /* 如果語言選單直接在 HTML 小工具內 */
    .elementor-location-header, /* 如果選單在 Header 模板內 */
    .elementor-top-bar, /* 如果選單在頂部欄內 */
    .language-switcher-custom-wrapper { /* 您為其添加的 Class */
        overflow: visible !important; /* 強制覆蓋任何 hidden/clip */
        position: relative !important; /* 確保相對定位，以便子元素的絕對定位有效 */
        z-index: 99999 !important; /* 確保這些容器有足夠高的層級 */
    }

    /* 2. 確保語言選單本身 (`ul.lang-menu`) 的顯示、定位和層級 */
    /* 我們將依賴 JS 的 .show class 來控制 `display`，但會確保其他屬性 */
    .language-switcher-custom-wrapper .lang-menu {
        /* 預設隱藏，等待 JS 觸發 */
        display: none; 
        visibility: hidden;
        opacity: 0;
        
        z-index: 9999999 !important; /* 設置一個極高的 z-index，防止被任何其他元素覆蓋 */
        position: absolute !important; /* 絕對定位，使其能浮出父容器 */
        
        /* 定位和大小，確保顯示在正確位置 */
        top: 100% !important; /* 顯示在觸發按鈕下方 */
        left: 0 !important; /* 左對齊，您可根據需要調整為 right: 0 !important; */
        width: max-content !important; /* 寬度自適應內容 */
        min-width: 150px !important; /* 最小寬度 */

        /* 外觀 */
        background-color: #fff !important;
        border: 1px solid #ccc !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
        padding: 10px 0 !important;
        margin: 0 !important;
    }

    /* 3. 當 JavaScript 添加 `.show` Class 時，強制下拉選單顯示 */
    /* 這是最關鍵的顯示規則，確保 JS 觸發後它能可見 */
    .language-switcher-custom-wrapper .lang-menu.show {
        display: block !important; /* 強制顯示為塊級元素 */
        visibility: visible !important; /* 強制可見 */
        opacity: 1 !important; /* 強制不透明 */
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; /* 增加平滑過渡 */
    }

    /* 額外：確保語言切換按鈕本身正確顯示 */
    .language-switcher-custom-wrapper .lang-toggle-button {
        display: inline-block !important; /* 確保按鈕是塊級或行內塊級 */
        cursor: pointer !important; /* 確保鼠標指標是點擊手勢 */
    }
}

/* === 統一h2段落段距：含自適應設定 === */ 
h2 {
  margin-top: clamp(1.25rem, 3vw, 2rem);   /* 上方段距：大約 20px～32px */
}/* End custom CSS */