@charset "utf-8";
/* ============================================================
   iMAXSON 金富旗官網 - 全站樣式（單一檔案）
   ------------------------------------------------------------
   本檔為原 css/gs.css 與 css/imaxson.css 合併後的結果：
   1. 原 gs.css 僅保留「CSS 重置」與「搜尋結果頁（search_list）」樣式
   2. 原 imaxson.css 全文接於其後，載入順序與合併前一致。
   ============================================================ */

/* ------------------------------------------------------------
   CSS 重置與基礎標籤樣式
   ------------------------------------------------------------ */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

button {
    background: none;
    border: none;
    cursor: pointer;
    font-family: inherit;
    color: inherit;
    padding: 0;
}

ul,
ol {
    list-style: none;
}

:root {
    /* 搜尋結果頁沿用的文字色 */
    --color-text-dark: #242424;
    --color-text: #3e3f3f;
    --color-text-muted: #7b7b7b;

    /* 搜尋結果頁上方留白用的頁首高度 */
    --header-height: 108px;

    /* gs 共用配色變數 */
    --main: #3e3f3f;
}

/* ------------------------------------------------------------
   保留自舊版型：搜尋結果頁（search_list）
   此頁尚未改為 iMAXSON 版型，仍沿用舊站的內頁標題與卡片樣式
   ------------------------------------------------------------ */
.page_layout {
    position: relative;
    background-color: transparent;
    padding-top: var(--header-height);
    padding-bottom: 0;
    min-height: 100vh;
}

.page_top_block {
    padding-top: 100px;
}

@media (max-width: 767px) {
    .page_top_block {
        padding-top: 0px;
    }
}

.page_top_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    flex-wrap: wrap;
}

.page_title {
    font-size: 32px;
    font-weight: 300;
    letter-spacing: 3.2px;
    color: var(--color-text);
    line-height: 1;
    margin: 0;
}

@media (max-width: 991px) {
    .page_top_inner {
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 24px;
    }
}

.search_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
}

.search_text {
    color: var(--color-text-muted);
}

.search_block {
    display: flex;
    align-items: center;
    gap: 12px;
}

.search {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    border-bottom: 1px solid #7b7b7b;
    padding-bottom: 8px;
}

.search_icon {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    opacity: 0.6;
    color: var(--main);
}

.search input {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--color-text-muted);
    font-family: inherit;
    font-size: 16px;
    letter-spacing: 1.6px;
    outline: none;
}

.search input::placeholder {
    color: var(--color-text-muted);
}

.search_btn {
    flex-shrink: 0;
    width: 95px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #7b7b7b;
    font-size: 16px;
    border: 1px solid #BFBFBF;
    cursor: pointer;
    transition: all 0.5s;
}

.search_btn:hover {
    opacity: 0.7;
}

@media (max-width: 991px) {
    .search_wrap {
        align-items: flex-start;
        flex-direction: column;
        gap: 30px;
    }

    .search_block {
        width: 100%;
    }

    .search {
        width: calc(100% - 107px);
    }
}

.search_list_null_block {
    color: var(--color-text-muted);
}

.search_list_null_title {
    font-size: 20px;
}

.search_list_wrap {
    padding: 40px 0 80px;
}

.search_list_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 48px;
    row-gap: 80px;
    padding-bottom: 90px;
}

.search_card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    cursor: pointer;
    position: relative;
}

.search_card_image {
    position: relative;
    width: 100%;
    aspect-ratio: 410 / 282;
    overflow: hidden;
    background-color: #1a1a1a;
}

.search_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease, opacity 0.2s ease;
}

.search_card:hover .search_card_image img {
    transform: scale(1.04);
    opacity: 0.8;
}

.search_card_source_type {
    color: var(--color-text-muted);
}

.search_card_title {
    font-size: 20px;
    font-weight: 300;
    line-height: 32px;
    color: var(--color-text-dark);
    margin: 0;
}

.search_card_date {
    font-size: 16px;
    color: var(--color-text-muted);
    margin: 0;
}

@media (max-width: 991px) {
    .search_list_wrap {
        padding: 65px 0 80px;
    }

    .search_list_grid {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 24px;
        row-gap: 48px;
    }

    .search_card {
        gap: 8px;
    }
}

@media (max-width: 640px) {
    .search_list_grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   以下為原 css/imaxson.css 內容（iMAXSON 前台樣式）
   ============================================================ */

/* ============================================================
   iMAXSON 金富旗官網 - 前台全站樣式
   依 Figma 定稿：電腦版 1920 基準 / 手機版 428 基準
   ------------------------------------------------------------
   排版原則：
   1. 字級一律使用「固定 px」，再由下方斷點依序調整。
   2. 版面定位使用百分比（相對 Figma 畫布），確保各解析度比例一致。
   3. 具固定比例的區塊（Hero、關於我們、形象 banner）高度使用 vw 等比縮放。
   ============================================================ */

/* ------------------------------------------------------------
   設計變數（色票、字型、固定字級）
   ------------------------------------------------------------ */
:root {
    /* 品牌淺藍（主色，導覽列、標題、按鈕） */
    --c_blue: #39a9e8;
    /* 品牌深藍（logo 底板、深色文字） */
    --c_navy: #0b4f8a;
    /* footer 底部版權列底色 */
    --c_navy_deep: #005fb1;
    /* 淺藍底區塊（最新消息、CTA） */
    --c_bg_light: #f7fcff;
    /* 關於我們圓形照片後方的淺藍襯底 */
    --c_bg_circle: #ebf6fe;
    /* footer logo 區塊灰底 */
    --c_bg_gray: #f3f1f1;
    /* 淺藍分隔線 */
    --c_border: #d6eaf5;
    /* 內容標題深藍黑 */
    --c_title: #18324a;
    /* 次要說明文字 */
    --c_muted: #4a6a84;
    /* 主要內文黑 */
    --c_text: #000000;
    --c_white: #ffffff;

    /* === 側欄選單配色（預設值，實際值由後台設定於 head 覆寫） === */
    /* 側欄標題底色 */
    --c_menu_head: #0e2a14;
    /* 第一層選單一般底色 */
    --c_menu_lv1: #2f581e;
    /* 第一層選單滑過與選取中底色 */
    --c_menu_lv1_active: #b0d355;
    /* 第二層分類一般底色 */
    --c_menu_lv2: #8a985d;
    /* 第二層分類滑過與選取中底色 */
    --c_menu_lv2_active: #b0d355;
    /* 側欄標題文字色 */
    --c_menu_head_text: #ffffff;
    /* 第一層選單文字色 */
    --c_menu_lv1_text: #ffffff;
    /* 第二層分類文字色 */
    --c_menu_lv2_text: #000000;
    /* 一二層滑過與選取中文字色 */
    --c_menu_hover_text: #000000;

    /* 中文主字型 */
    --f_tc: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
    /* 英文標題字型（區塊主標、STABLE、月份） */
    --f_cond: 'Barlow Condensed', 'Noto Sans TC', 'PingFang TC', sans-serif;
    /* 日期用等寬字型 */
    --f_mono: 'Consolas', 'Menlo', 'Courier New', monospace;

    /* === 固定字級（Figma 1920 基準值） === */
    --fs_nav: 20px;
    --fs_lang: 20px;
    --fs_btn: 16px;

    --fs_hero_title: 96px;
    --fs_hero_sub: 16px;
    --fs_hero_desc: 16px;

    --fs_about_label: 36px;
    --fs_about_title: 36px;
    --fs_about_desc: 20px;
    --fs_feature_en: 16px;
    --fs_feature_tc: 40px;
    --fs_feature_note: 18px;

    --fs_sec_label: 20px;
    --fs_sec_title: 38.4px;

    --fs_news_date: 16px;
    --fs_news_tag: 16px;
    --fs_news_title: 20px;
    --fs_news_more: 20px;

    --fs_exh_year: 16px;
    --fs_exh_month: 28.8px;
    --fs_exh_day: 17.6px;
    --fs_exh_title: 20px;
    --fs_exh_text: 16px;
    --fs_exh_more: 16px;

    --fs_banner_title: 80px;
    --fs_banner_sub: 32px;

    --fs_cta_title: 38.4px;
    --fs_cta_sub: 24px;

    --fs_footer_contact: 20px;
    --fs_footer_link: 20px;
    --fs_footer_bottom: 16px;

    /* === 內頁字級（Figma 1920 基準值） === */
    /* 手機版展開選單 */
    --fs_menu_link: 20px;
    --fs_menu_sub: 16px;
    --fs_menu_cta: 16px;
    --fs_menu_lang: 20px;

    /* 內頁共用（頁首、錨點選單、小標題、列表提示、分頁） */
    --fs_breadcrumb: 20px;
    --fs_page_title: 44px;
    --fs_anchor: 16px;
    --fs_anchor_item: 16px;
    --fs_block_title: 24px;
    --fs_list_note: 16px;
    --fs_pager: 16px;

    /* 最新消息 */
    --fs_news_row_date: 16px;
    --fs_news_row_tag: 16px;
    --fs_news_row_title: 20px;
    --fs_news_row_summary: 16px;
    --fs_news_row_more: 16px;
    --fs_news_detail_date: 16px;
    --fs_news_detail_title: 36px;
    --fs_news_detail_back: 16px;

    /* 參展資訊 */
    --fs_exh_intro: 16px;
    --fs_exh_card_date: 16px;
    --fs_exh_card_title: 19px;
    --fs_exh_table_label: 16px;
    --fs_exh_table_value: 16px;

    /* 產品設備（依機器型號選擇、機器內頁） */
    --fs_product_nav_sub: 16px;
    --fs_product_series_title: 20px;
    --fs_product_model: 20px;
    --fs_product_model_lg: 32px;
    --fs_product_title: 32px;
    --fs_product_summary: 20px;
    --fs_product_tag: 16px;
    --fs_product_btn: 16px;
    --fs_product_detail_title: 28px;
    --fs_product_section_title: 24px;

    /* 依袋型選擇 */
    --fs_bag_navi_title: 25.6px;
    --fs_bag_navi_desc: 18px;
    --fs_bag_section_title: 20px;
    --fs_bag_process_title: 20px;
    --fs_bag_process_row: 18px;
    --fs_bag_type_title: 20px;
    --fs_bag_type_row: 18px;

    /* 依市場需求選擇 */
    --fs_market_intro: 16px;
    --fs_market_head: 20px;
    --fs_market_title: 20px;
    --fs_market_desc: 16px;

    /* 聯絡我們 */
    --fs_contact_head: 20px;
    --fs_contact_row: 16px;
    --fs_contact_row_title: 20px;
    --fs_contact_label: 20px;
    --fs_contact_value: 16px;
    --fs_field_label: 16px;
    --fs_field_input: 16px;
    --fs_contact_done_title: 28px;
}

/* --- 字級斷點：1600 以下 --- */
@media (max-width: 1599px) {
    :root {
        --fs_nav: 18px;
        --fs_lang: 18px;
        --fs_btn: 15px;
        --fs_hero_title: 80px;
        --fs_about_label: 30px;
        --fs_about_title: 30px;
        --fs_about_desc: 18px;
        --fs_feature_tc: 34px;
        --fs_feature_en: 15px;
        --fs_feature_note: 15px;
        --fs_sec_label: 18px;
        --fs_sec_title: 34px;
        --fs_news_title: 18px;
        --fs_news_more: 18px;
        --fs_exh_title: 18px;
        --fs_exh_more: 16px;
        --fs_exh_month: 26px;
        --fs_banner_title: 64px;
        --fs_banner_sub: 28px;
        --fs_cta_title: 34px;
        --fs_footer_contact: 18px;
        --fs_footer_link: 18px;
    }
}

/* --- 字級斷點：1400 以下 --- */
@media (max-width: 1399px) {
    :root {
        --fs_nav: 16px;
        --fs_lang: 16px;
        --fs_btn: 14px;
        --fs_hero_title: 64px;
        --fs_hero_desc: 15px;
        --fs_about_label: 26px;
        --fs_about_title: 26px;
        --fs_about_desc: 16px;
        --fs_feature_tc: 28px;
        --fs_feature_en: 13px;
        --fs_feature_note: 13px;
        --fs_sec_label: 16px;
        --fs_sec_title: 30px;
        --fs_news_date: 15px;
        --fs_news_tag: 14px;
        --fs_news_title: 16px;
        --fs_news_more: 16px;
        --fs_exh_title: 16px;
        --fs_exh_text: 14px;
        --fs_exh_more: 16px;
        --fs_exh_month: 24px;
        --fs_exh_day: 16px;
        --fs_exh_year: 14px;
        --fs_banner_title: 52px;
        --fs_banner_sub: 24px;
        --fs_cta_title: 30px;
        --fs_cta_sub: 20px;
        --fs_footer_contact: 16px;
        --fs_footer_link: 14px;
        --fs_footer_bottom: 13px;

        /* 內頁字級 */
        --fs_product_title: 26px;
        --fs_product_model_lg: 26px;
        --fs_product_summary: 17px;
        --fs_product_detail_title: 24px;
        --fs_bag_navi_title: 22px;
        --fs_bag_navi_desc: 17px;
        --fs_bag_process_row: 17px;
        --fs_bag_type_row: 17px;
        --fs_market_title: 18px;
        --fs_contact_label: 18px;
    }
}

/* --- 字級斷點：手機版（Figma 428 基準值） --- */
@media (max-width: 991px) {
    :root {
        --fs_btn: 15px;
        --fs_hero_title: 56px;
        --fs_hero_sub: 20px;
        --fs_hero_desc: 17px;
        --fs_about_label: 16px;
        --fs_about_title: 26px;
        --fs_about_desc: 15px;
        --fs_feature_en: 13px;
        --fs_feature_tc: 18px;
        --fs_feature_note: 15px;
        --fs_sec_label: 16px;
        --fs_sec_title: 28px;
        --fs_news_date: 13px;
        --fs_news_tag: 13px;
        --fs_news_title: 18px;
        --fs_news_more: 13px;
        --fs_news_detail_back: 15px;
        --fs_exh_year: 14px;
        --fs_exh_month: 22px;
        --fs_exh_day: 16px;
        --fs_exh_title: 18px;
        --fs_exh_text: 15px;
        --fs_exh_more: 15px;
        --fs_banner_title: 24px;
        --fs_banner_sub: 15px;
        --fs_cta_title: 22px;
        --fs_cta_sub: 20px;
        --fs_footer_contact: 15px;
        --fs_footer_link: 14px;
        --fs_footer_bottom: 13px;

        /* 內頁字級 */
        --fs_breadcrumb: 13px;
        --fs_page_title: 24px;
        --fs_anchor_item: 14px;
        --fs_block_title: 22px;
        --fs_pager: 15px;
        --fs_news_row_title: 18px;
        --fs_list_note: 13px;
        --fs_news_row_date: 13px;
        --fs_news_row_tag: 13px;
        --fs_news_row_more: 13px;
        --fs_news_detail_title: 20px;
        --fs_news_detail_date: 14px;
        --fs_exh_card_title: 18px;
        --fs_exh_table_label: 13px;
        --fs_exh_intro: 15px;
        --fs_exh_card_date: 15px;

        --fs_product_nav_sub: 13px;
        --fs_product_series_title: 16px;
        --fs_product_model: 13px;
        --fs_product_model_lg: 24px;
        --fs_product_title: 18px;
        --fs_product_summary: 15px;
        --fs_product_btn: 15px;
        --fs_product_tag: 13px;
        --fs_product_detail_title: 18px;
        --fs_product_section_title: 18px;
        --fs_bag_navi_title: 20px;
        --fs_bag_navi_desc: 15px;
        --fs_bag_process_title: 18px;
        --fs_bag_process_row: 15px;
        --fs_bag_type_title: 18px;
        --fs_bag_type_row: 15px;
        --fs_market_intro: 15px;
        --fs_market_desc: 15px;
        --fs_contact_head: 18px;
        --fs_contact_row: 15px;
        --fs_contact_row_title: 16px;
        --fs_contact_label: 16px;
        --fs_contact_value: 15px;
        --fs_field_label: 14px;
        --fs_field_input: 15px;
        --fs_contact_done_title: 20px;
        
     
    }
}

/* --- 字級斷點：小尺寸手機 --- */
@media (max-width: 400px) {
    :root {
        --fs_sec_title: 24px;
        --fs_news_title: 16px;;
    }
}

/* ------------------------------------------------------------
   基礎重置（覆寫既有 gs.css 的舊站樣式）
   ------------------------------------------------------------ */
html {
    font-size: 16px;
    scroll-behavior: smooth;
}

body {
    font-family: var(--f_tc);
    font-weight: 400;
    color: var(--c_text);
    background: var(--c_white);
    background-image: none;
    line-height: 1.5;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
}
a:hover {
    color: inherit;
    text-decoration: none;
}
/* 以滑鼠點擊時不顯示瀏覽器預設的 focus 外框（鍵盤操作仍保留） */
button:focus:not(:focus-visible),
a:focus:not(:focus-visible) {
    outline: none;
}

p {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5 {
    margin: 0;
}
/* ------------------------------------------------------------
   版面共用容器
   Figma 內容寬 1604，於 1920 時兩側各留 158（118 置中 + 40 內距）
   1920 以下依常見螢幕寬度分段收窄 max-width，讓兩側始終保有留白，
   避免視窗一縮小內容就整片貼齊視窗邊緣。
   ------------------------------------------------------------ */
.gs_container {
    width: 100%;
    max-width: 1684px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}

/* 1800 級距（寬螢幕） */
@media (max-width: 1800px) {
    .gs_container {
        max-width: 1600px;
    }
}

/* 1680 級距 */
@media (max-width: 1680px) {
    .gs_container {
        max-width: 1500px;
    }
}

/* 1600 級距 */
@media (max-width: 1600px) {
    .gs_container {
        max-width: 1420px;
    }
}

/* 1536 級距（1536x864 筆電） */
@media (max-width: 1536px) {
    .gs_container {
        max-width: 1360px;
    }
}

/* 1440 級距 */
@media (max-width: 1440px) {
    .gs_container {
        max-width: 1280px;
    }
}

/* 1366 級距（1366x768 筆電） */
@media (max-width: 1366px) {
    .gs_container {
        max-width: 1200px;
    }
}

/* 1280 級距 */
@media (max-width: 1280px) {
    .gs_container {
        max-width: 1100px;
    }
}

/* 1199 級距（小筆電／橫向平板） */
@media (max-width: 1199px) {
    .gs_container {
        max-width: 1080px;
    }
}

/* 1024 以下不再限制版寬，留白改由左右內距控制 */
@media (max-width: 1024px) {
    .gs_container {
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .gs_container {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* ------------------------------------------------------------
   滿版視覺容器
   以大圖為底、文字採等比定位的區塊（輪播、首頁關於我們、
   形象 banner、內頁大圖）套用；於超寬螢幕停在 1920 的設計比例，
   不再隨視窗放大。左右外距單獨指定，避免蓋掉各區塊自訂的上下外距。
   ------------------------------------------------------------ */
.gs_container_full {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

/* ------------------------------------------------------------
   共用：主要按鈕（了解更多、探索機器、聯絡我們…）
   Figma：圓角 30px、內距 10/20、文字與箭頭間距 25px
   ------------------------------------------------------------ */
.imx_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 10px 20px;
    border-radius: 30px;
    background: var(--c_blue);
    color: var(--c_white);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_btn);
    line-height: 24px;
    white-space: nowrap;
    transition: background .25s ease, transform .25s ease;
}

.imx_btn:hover {
    background: var(--c_navy);
    color: var(--c_white);
    transform: translateY(-2px);
}

.imx_btn_arrow {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
}

/* 深藍實心按鈕（CTA 區塊的聯絡我們） */
.imx_btn_navy {
    background: var(--c_navy);
    font-weight: 600;
    letter-spacing: .4px;
}

.imx_btn_navy:hover {
    background: var(--c_blue);
}

@media (max-width: 991px) {
    .imx_btn {
        gap: 12px;
        padding: 9px 21px;
        border-radius: 40px;
        line-height: 1;
    }

    .imx_btn_arrow {
        width: 20px;
        height: 20px;
    }
}

/* ------------------------------------------------------------
   共用：區塊標題（小標籤 + 主標）
   ------------------------------------------------------------ */
.imx_sec_head {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.imx_sec_label {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_sec_label);
    line-height: 30px;
    letter-spacing: 6px;
    text-transform: uppercase;
}

/* 區塊小標籤的英文字（Figma 電腦版最新消息只留短橫線，手機版才顯示英文） */
.imx_sec_label_text {
    display: none;
}

/* 參展資訊區塊的中文標籤（Figma 電腦版顯示、手機版改為英文） */
.imx_sec_label_tc {
    display: inline;
}

/* 參展資訊區塊電腦版不顯示短橫線 */
.imx_sec_label_exh .imx_sec_label_line {
    display: none;
}

/* 小標籤前方的短橫線（Figma：32 x 2） */
.imx_sec_label_line {
    display: inline-block;
    width: 32px;
    height: 2px;
    background: var(--c_blue);
    flex: 0 0 auto;
}

.imx_sec_title {
    color: var(--c_text);
    font-family: var(--f_cond);
    font-weight: 800;
    font-size: var(--fs_sec_title);
    line-height: 1.25;
    letter-spacing: .77px;
}

@media (max-width: 991px) {
    .imx_sec_label {
        line-height: 20px;
        letter-spacing: 0px;
    }

    .imx_sec_label_line {
        width: 24px;
    }

    .imx_sec_label_text {
        display: inline;
    }

    .imx_sec_label_tc {
        display: none;
    }

    .imx_sec_label_exh .imx_sec_label_line {
        display: inline-block;
    }
}

/* ============================================================
   HEADER（電腦版）　Figma：1920 x 112.5
   ============================================================ */
.imx_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 112px;
    z-index: 60;
}

/* 上方白底語系列 */
.imx_header_top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 42px;
    background: var(--c_white);
}

/* 語系連結：Figma 右側留白 61px、間距 25px、上距 12px */
.imx_lang {
    position: absolute;
    top: 0;
    right: 3.18%;
    height: 42px;
    display: flex;
    align-items: center;
    gap: 25px;
}

.imx_lang_item {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 500;
    font-size: var(--fs_lang);
    line-height: 24px;
    transition: color .2s ease;
}

.imx_lang_item:hover,
.imx_lang_item.is_active {
    color: var(--c_text);
}

/* 目前語系：以底線標示 */
.imx_lang_item.is_active {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* 導覽列藍色長條：Figma 起點 x=270（14.06%）、高 70 */
.imx_header_bar {
    position: absolute;
    top: 42px;
    left: 14.06%;
    right: 0;
    height: 70px;
    background: var(--c_blue);
}

/* 主選單：Figma 最右項右緣距畫面 155px（8.07%） */
.imx_nav {
    position: absolute;
    top: 60px;
    right: 8.07%;
    display: flex;
    align-items: center;
    gap: 55px;
}

.imx_nav_item {
    position: relative;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-size: var(--fs_nav);
    line-height: 30px;
    white-space: nowrap;
    transition: opacity .2s ease;
}

.imx_nav_item:hover {
    color: var(--c_text);
    opacity: .75;
}

/* 目前所在頁面的下方定位圖示（Figma：9 x 17） */
.imx_nav_item.is_active::after {
    content: '';
    position: absolute;
    left: 50%;
    /* 導覽列底緣 112 - 圖示高 17 - 選單項起點 60 = 35 */
    top: 35px;
    transform: translateX(-50%);
    width: 9px;
    height: 17px;
    background-image: url('../images/nav_active.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* logo 斜切底板：白色板在前、深藍板在後下方偏移 */
.imx_header_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 420px;
    height: 94px;
}

.imx_header_logo_navy,
.imx_header_logo_plate {
    position: absolute;
    left: 0;
    height: 82px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 46px) 100%, 0 100%);
}

.imx_header_logo_navy {
    top: 12px;
    width: 398px;
    background: var(--c_navy);
}

.imx_header_logo_plate {
    top: 0;
    width: 380px;
    background: var(--c_white);
}

/* logo 圖：Figma 231 x 56，位置 (70, 16) */
.imx_header_logo_img {
    position: absolute;
    top: 16px;
    left: 70px;
    width: 231px;
    height: 56px;
    object-fit: contain;
}

/* 中等螢幕縮小 logo 底板 */
@media (max-width: 1399px) {
    .imx_header {
        height: 96px;
    }

    .imx_header_top {
        height: 36px;
    }

    .imx_header_bar {
        top: 36px;
        height: 60px;
    }

    .imx_nav {
        top: 51px;
        gap: 40px;
    }

    .imx_nav_item:nth-child(5),
    .imx_nav_item:nth-child(6) {
        margin-left: -14px;
    }

    .imx_header_logo {
        width: 340px;
        height: 80px;
    }

    .imx_header_logo_navy,
    .imx_header_logo_plate {
        height: 70px;
        clip-path: polygon(0 0, 100% 0, calc(100% - 40px) 100%, 0 100%);
    }

    .imx_header_logo_navy {
        top: 10px;
        width: 338px;
    }

    .imx_header_logo_plate {
        width: 322px;
    }

    .imx_header_logo_img {
        top: 14px;
        left: 56px;
        width: 190px;
        height: 46px;
    }

    .imx_lang {
        height: 36px;
    }

    /* 導覽列底緣 96 - 圖示高 15 - 選單項起點 51 = 30 */
    .imx_nav_item.is_active::after {
        top: 30px;
        width: 8px;
        height: 15px;
    }
}

/* 主選單共 7 項，1199 以下最左的「首頁」會被 logo 斜切底板蓋住，
   縮小項目間距並將右緣對齊上方語系列（3.18%），把選單整體往右挪出空間。
   置於 1399 級距之後，避免被該區塊的 gap 設定覆蓋。 */
@media (max-width: 1199px) {
    .imx_nav {
        right: 3.18%;
        gap: 24px;
    }

    /* 原負邊距是 Figma 6 項時「後三項間距較窄」的設定，
       選單增為 7 項後會讓後段擠在一起，於此級距取消以維持等距 */
    .imx_nav_item:nth-child(5),
    .imx_nav_item:nth-child(6) {
        margin-left: 0;
    }
}

/* 英文與日文的選單字串較長，1100 以下最左的項目會被 logo 斜切底板蓋住，
   於此級距再縮小字級與間距，維持七個項目單行且不與 logo 重疊。
   以 :lang() 依 <html lang> 只套用於英（en）、日（ja）版，
   中文版字串較短，維持原本的間距與字級 */
@media (max-width: 1100px) {
    .imx_nav:lang(en),
    .imx_nav:lang(ja) {
        gap: 16px;
    }

    /* --fs_nav 僅用於導覽列，於此直接縮小不影響其他區塊 */
    .imx_nav_item:lang(en),
    .imx_nav_item:lang(ja) {
        font-size: 15px;
    }
}

/* 手機版元件於電腦版隱藏 */
.imx_header_mobile,
.imx_menu {
    display: none;
}

/* ============================================================
   HEADER（手機版）　Figma：428 x 64
   ============================================================ */
@media (max-width: 991px) {

    .imx_header {
        display: none;
    }

    .imx_header_mobile {
        position: sticky;
        top: 0;
        left: 0;
        width: 100%;
        height: 64px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 24px;
        background: var(--c_white);
        border-bottom: 1px solid var(--c_border);
        z-index: 60;
    }

    .imx_header_mobile_logo {
        width: 127px;
        height: 32px;
        object-fit: contain;
    }

    .imx_header_mobile_right {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .imx_header_mobile_lang {
        color: var(--c_text);
        font-family: var(--f_tc);
        font-weight: 700;
        font-size: var(--fs_menu_lang);
        line-height: 1;
    }

    /* 漢堡鈕：三條 18 x 2 深藍橫線 */
    .imx_menu_toggle {
        width: 18px;
        height: 14px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        border: 0;
        background: transparent;
        padding: 0;
        cursor: pointer;
    }

    .imx_menu_toggle span {
        display: block;
        width: 18px;
        height: 2px;
        background: var(--c_navy);
        transition: transform .25s ease, opacity .25s ease;
    }

    /* 選單開啟時漢堡鈕轉為關閉叉 */
    .imx_menu_toggle.is_open span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
    }

    .imx_menu_toggle.is_open span:nth-child(2) {
        opacity: 0;
    }

    .imx_menu_toggle.is_open span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
    }
}

/* ------------------------------------------------------------
   手機版下拉選單　Figma：428 x 630，底色 #0B4F8A
   ------------------------------------------------------------ */
@media (max-width: 991px) {

    .imx_menu {
        display: block;
        position: fixed;
        top: 64px;
        left: 0;
        width: 100%;
        height: calc(100% - 64px);
        background: rgba(11, 79, 138, .35);
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s ease, visibility .3s ease;
        z-index: 90;
    }

    .imx_menu.is_open {
        opacity: 1;
        visibility: visible;
    }

    .imx_menu_panel {
        width: 100%;
        background: var(--c_navy);
        max-height: 100%;
        overflow-y: auto;
        transform: translateY(-20px);
        transition: transform .3s ease;
    }

    .imx_menu.is_open .imx_menu_panel {
        transform: translateY(0);
    }

    .imx_menu_body {
        padding: 0 24px;
    }

    .imx_menu_row {
        border-bottom: 1px solid rgba(255, 255, 255, .25);
    }

    /* 主選單項：Figma 20px Medium 白色 */
    .imx_menu_link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 18px 0;
        color: var(--c_white);
        font-family: var(--f_tc);
        font-weight: 500;
        font-size: var(--fs_menu_link);
        line-height: 1;
        background: transparent;
        border: 0;
        text-align: left;
        cursor: pointer;
    }
    .imx_menu_link:hover {
        color: var(--c_white);
    }
    .imx_menu_caret {
        width: 20px;
        height: 20px;
        transition: transform .25s ease;
        flex: 0 0 auto;
    }

    .imx_menu_row.is_open .imx_menu_caret {
        transform: rotate(180deg);
    }

    /* 子選單：Figma 16px Medium 白色 */
    .imx_menu_sub {
        display: none;
        padding: 0 0 16px 24px;
    }

    .imx_menu_row.is_open .imx_menu_sub {
        display: block;
    }

    .imx_menu_sub_link {
        display: block;
        padding: 10px 0;
        color: var(--c_white);
        font-family: var(--f_tc);
        font-weight: 500;
        font-size: var(--fs_menu_sub);
        line-height: 1;
    }

    .imx_menu_sub_link:hover {
        color: var(--c_white);
    }

    .imx_menu_cta {
        padding: 24px 24px 0;
    }

    .imx_menu_cta_btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 48px;
        border-radius: 28px;
        background: var(--c_blue);
        color: var(--c_white);
        font-family: var(--f_tc);
        font-weight: 700;
        font-size: var(--fs_menu_cta);
        line-height: 1;
    }

    .imx_menu_lang {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
        padding: 24px 0 40px;
    }

    .imx_menu_lang a {
        color: var(--c_white);
        font-family: var(--f_tc);
        font-weight: 500;
        font-size: var(--fs_menu_lang);
        line-height: 1;
        opacity: .6;
    }

    .imx_menu_lang a.is_active {
        opacity: 1;
    }

    .imx_menu_lang span {
        color: rgba(255, 255, 255, .4);
        font-size: var(--fs_menu_lang);
    }
}

/* ============================================================
   首頁 HERO（主輪播）　Figma：1920 x 960
   ============================================================ */
.imx_hero {
    position: relative;
    width: 100%;
    /* 解除 .gs_container_full 的 1920 版寬限制，超寬螢幕仍滿版不留白 */
    max-width: none;
    height: 50vw;
    overflow: hidden;
}

/* 電腦版顯示 pc 輪播、隱藏手機版輪播 */
#imx_hero_mobile {
    display: none;
}

@media (max-width: 991px) {
    #imx_hero_pc {
        display: none;
    }

    #imx_hero_mobile {
        display: block;
    }
}

.imx_hero_slider,
.imx_hero_slider .slick-list,
.imx_hero_slider .slick-track {
    height: 100%;
}

.imx_hero_slide {
    position: relative;
    width: 100%;
    height: 50vw;
    background: var(--c_white);
}

/* 輪播主圖：以 Figma 遮罩圖裁切造型（Figma 高度佔比 868/960） */
.imx_hero_photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90.42%;
    object-fit: cover;
    -webkit-mask-image: url('../images/hero_mask_pc.png');
    mask-image: url('../images/hero_mask_pc.png');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* 品牌曲線裝飾：Figma 群組位於 Frame 17 的 y 302~932（貼合主圖下緣弧線） */
.imx_hero_swoosh {
    position: absolute;
    left: .625%;
    top: 30.75%;
    width: 100%;
    height: 63.33%;
    object-fit: fill;
    pointer-events: none;
}

/* 文字內容容器：Figma (1450, 610)、寬 416、四段緊貼無間距 */
.imx_hero_content {
    position: absolute;
    top: 63.54%;
    left: 75.52%;
    width: 22%;
    /* 由文字區起點到主視覺底部的可用高度，超出時出現 Y 軸捲動避免爆版 */
    max-height: 33%;
    overflow-y: auto;
    overscroll-behavior: contain;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

/* 主標 STABLE：Barlow Condensed 800 / 字距 4.8px */
.imx_hero_title {
    width: 100%;
    color: var(--c_text);
    font-family: var(--f_cond);
    font-weight: 800;
    font-size: var(--fs_hero_title);
    line-height: 1;
    letter-spacing: 4.8px;
    text-align: right;
}

/* 副標：Noto Sans TC 500 / 字距 2.24px */
.imx_hero_sub {
    width: 100%;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 500;
    font-size: var(--fs_hero_sub);
    line-height: 24px;
    letter-spacing: 2.24px;
    text-align: right;
}

/* 說明：Noto Sans TC 400 / 行高 26px */
.imx_hero_desc {
    width: 100%;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_hero_desc);
    line-height: 26px;
    text-align: right;
    margin-bottom: 8px;
}

.imx_hero_btn {
    margin-top: 0;
}

/* 輪播圓點 */
.imx_hero .slick-dots {
    position: absolute;
    left: 0;
    bottom: 24px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 5;
}

.imx_hero .slick-dots li button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(11, 79, 138, .3);
    font-size: 0;
    cursor: pointer;
}

.imx_hero .slick-dots li.slick-active button {
    background: var(--c_blue);
}

/* 手機版 Hero：Figma 428 x 551，圖在上、文字在下 */
@media (max-width: 991px) {
    .imx_hero {
        height: auto;
    }

    .imx_hero_slider,
    .imx_hero_slider .slick-list,
    .imx_hero_slider .slick-track {
        height: auto;
    }

    .imx_hero_slide {
        height: auto;
        display: flex;
        flex-direction: column;
    }

    .imx_hero_photo {
        position: relative;
        z-index: 0;
        width: 100%;
        height: 58.2vw;
        -webkit-mask-image: url('../images/hero_mask_mobile.png');
        mask-image: url('../images/hero_mask_mobile.png');
    }

    /* 手機版曲線：與電腦版同比例貼合主圖下緣（主圖高 58.2vw） */
    /* 手機版曲線：Figma 群組 428 x 139.57、Top 122.34（相對照片高 249 換算） */
    .imx_hero_swoosh {
        display: block;
        position: absolute;
        left: 0;
        top: 28.6vw;
        width: 100%;
        height: 32.6vw;
        z-index: 1;
    }

    .imx_hero_content {
        position: static;
        width: 100%;
        padding: 32px 24px 40px;
        align-items: flex-start;
        text-align: left;
    }

    .imx_hero_title {
        line-height: 1.14;
        letter-spacing: 1.12px;
        text-align: left;
    }

    .imx_hero_sub {
        margin-top: 8px;
        color: var(--c_title);
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        text-align: left;
    }

    .imx_hero_desc {
        margin-top: 16px;
        line-height: 24px;
        text-align: left;
    }

    .imx_hero_btn {
        margin-top: 24px;
    }

    .imx_hero .slick-dots {
        position: static;
        margin: 16px 0 24px;
    }
}

/* ============================================================
   首頁 - 關於我們區塊　Figma：1920 x 1395.66
   ============================================================ */
.imx_about {
    position: relative;
    width: 100%;
    height: 72.69vw;
    background: var(--c_white);
    overflow: hidden;
}

/* 文字區塊：Figma (228, 57)、寬 624、項目間距 45 */
.imx_about_text {
    position: absolute;
    top: 4.08%;
    left: 11.88%;
    width: 32.5%;
    display: flex;
    flex-direction: column;
    gap: 45px;
    z-index: 3;
}

.imx_about_label {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 500;
    font-size: var(--fs_about_label);
    line-height: 1;
}

.imx_about_title {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_about_title);
    line-height: 1.67;
}

.imx_about_desc {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_about_desc);
    line-height: 1.3;
}

.imx_about_desc p {
    margin: 0 0 6px;
}

/* 圓形照片後方的淺藍襯底（Figma Ellipse 2：900x900，位置 900,73） */
.imx_about_photo_bg {
    position: absolute;
    top: 5.23%;
    left: 46.88%;
    width: 46.88%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: var(--c_bg_circle);
    z-index: 1;
}

/* 圓形形象照（Figma Ellipse 1：870x870，位置 990,57） */
.imx_about_photo {
    position: absolute;
    top: 4.08%;
    left: 51.56%;
    width: 45.31%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    overflow: hidden;
    z-index: 2;
}

.imx_about_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 三大特色：Figma Group 15（960 x 800，位置 60,505） */
.imx_about_features {
    position: absolute;
    top: 36.18%;
    left: 3.13%;
    width: 50%;
    aspect-ratio: 960 / 800;
    z-index: 3;
}

/* 圓圈底圖（Figma image 8：767 x 800，於群組內 x=73） */
.imx_about_features_img {
    position: absolute;
    top: 0;
    left: 7.6%;
    width: 79.9%;
    height: 100%;
    object-fit: contain;
}

/* 單一特色：整層覆蓋群組，內部元素各自依 Figma 座標絕對定位 */
.imx_feature {
    position: absolute;
    inset: 0;
}

/* 圓內圖示
   Figma 實測尺寸：盾牌 38x48.16、閃電 42.87x47.79、晶片 56x56，
   三者換算成 24 的 viewBox 後，畫布皆約等於 56px */
.imx_feature_icon {
    position: absolute;
    transform: translateX(-50%);
    width: 56px;
    height: 56px;
}

.imx_feature_icon_mb,
.imx_feature_icon_box {
    display: none;
}

/* 圓內文字群（英文小字 + 中文大字） */
.imx_feature_text {
    position: absolute;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
}

/* 英文小字：Figma Noto Sans TC 700 / 16px / 字距 4.8px（顏色由各特色指定） */
.imx_feature_en {
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_feature_en);
    line-height: 24px;
    letter-spacing: 4.8px;
    text-transform: uppercase;
    white-space: nowrap;
}

/* 中文大字：Figma Barlow Condensed 800 / 40px（顏色由各特色指定） */
.imx_feature_tc {
    font-family: var(--f_cond);
    font-weight: 800;
    font-size: var(--fs_feature_tc);
    line-height: 1;
    white-space: nowrap;
}

/* 特色說明文字（圓外） */
.imx_feature_note {
    position: absolute;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-size: var(--fs_feature_note);
    line-height: 1.6;
}

/* 穩定：Figma STABLE (513,183)、穩定 (513,221)，色 #86C9F2 */
.imx_feature_stable .imx_feature_icon {
    left: 57.6%;
    top: 9.25%;
}

.imx_feature_stable .imx_feature_text {
    left: 57.6%;
    top: 22.88%;
}

/* 穩定：文字為黑色 */
.imx_feature_stable .imx_feature_en,
.imx_feature_stable .imx_feature_tc {
    color: var(--c_text);
}

/* 穩定：圖示維持 #86C9F2 */
.imx_feature_stable .imx_feature_icon {
    color: #86c9f2;
}

.imx_feature_stable .imx_feature_note {
    left: 79.17%;
    top: 31.13%;
    width: 15.6%;
}

/* 高速：Figma FAST (300,363)、高速 (300,401)，色 #0071BC */
.imx_feature_fast .imx_feature_icon {
    left: 35.42%;
    top: 31.75%;
}

.imx_feature_fast .imx_feature_text {
    left: 35.42%;
    top: 45.38%;
}

/* 高速：文字為黑色 */
.imx_feature_fast .imx_feature_en,
.imx_feature_fast .imx_feature_tc {
    color: var(--c_text);
}

/* 高速：圖示維持 #0071BC */
.imx_feature_fast .imx_feature_icon {
    color: #0071bc;
}

.imx_feature_fast .imx_feature_note {
    left: 0;
    top: 50.25%;
    width: 13.4%;
}

/* 智能：Figma INTELLIGENT (485,557)、智能 (513,599)，色 #338AE8 */
.imx_feature_intelligent .imx_feature_icon {
    left: 57.6%;
    top: 56%;
}

.imx_feature_intelligent .imx_feature_text {
    left: 57.6%;
    top: 69.63%;
}

/* 智能：文字為黑色 */
.imx_feature_intelligent .imx_feature_en,
.imx_feature_intelligent .imx_feature_tc {
    color: var(--c_text);
}

/* 智能：圖示維持 #338AE8 */
.imx_feature_intelligent .imx_feature_icon {
    color: #338ae8;
}

.imx_feature_intelligent .imx_feature_note {
    left: 79.17%;
    top: 78.13%;
    width: 15.6%;
}

/* 了解更多按鈕：Figma (1614.52, 1160) */
.imx_about_btn {
    position: absolute;
    top: 83.11%;
    left: 84.09%;
    z-index: 4;
}

/* 手機版關於我們：Figma 428 x 1023 */
@media (max-width: 991px) {
    .imx_about {
        height: auto;
        padding: 40px 24px;
        display: flex;
        flex-direction: column;
        gap: 32px;
    }

    .imx_about_text {
        position: static;
        width: 100%;
        gap: 12px;
    }

    .imx_about_label {
        font-weight: 700;
        line-height: 24px;
    }

    .imx_about_title {
        color: var(--c_title);
        font-weight: 800;
        line-height: 38px;
    }

    .imx_about_desc {
        line-height: 20px;
    }

    /* 手機版不使用淺藍襯底圓 */
    .imx_about_photo_bg {
        display: none;
    }

    .imx_about_photo {
        position: static;
        width: 100%;
        aspect-ratio: 16 / 10;
        border-radius: 16px;
    }

    /* 手機版三大特色改為卡片列（Figma：380 x 110、淺藍底、中文在前） */
    .imx_about_features {
        position: static;
        width: 100%;
        aspect-ratio: auto;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .imx_about_features_img {
        display: none;
    }

    .imx_feature {
        position: static;
        display: grid;
        grid-template-columns: 48px 1fr;
        gap: 8px 16px;
        width: 100%;
        padding: 20px;
        border-radius: 16px;
        background: var(--c_bg_circle);
        text-align: left;
    }

    /* 手機版圖示縮為 24 x 24、統一深藍，三顆皆與電腦版同為線條描邊 */
    .imx_feature_icon_pc {
        display: none;
    }

    .imx_feature_icon_mb {
        display: block;
    }

    .imx_feature_stable .imx_feature_icon,
    .imx_feature_fast .imx_feature_icon,
    .imx_feature_intelligent .imx_feature_icon {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        width: 24px;
        height: 24px;
        color: var(--c_navy);
    }

    /* 圖示外的白底圓框（Figma：48 x 48、1.5px #D6EAF5） */
    .imx_feature_icon_box {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        border-radius: 24px;
        background: var(--c_white);
        border: 1.5px solid var(--c_border);
        grid-row: 1 / 3;
        grid-column: 1;
        align-self: start;
    }

    /* 中文在前、英文在後（Figma 手機版順序與電腦版相反） */
    .imx_feature_stable .imx_feature_text,
    .imx_feature_fast .imx_feature_text,
    .imx_feature_intelligent .imx_feature_text {
        position: static;
        left: auto;
        top: auto;
        transform: none;
        flex-direction: row;
        align-items: baseline;
        gap: 8px;
        grid-column: 2;
    }

    /* 中文：Noto Sans TC 800 / 18px / 黑色 */
    .imx_feature_stable .imx_feature_tc,
    .imx_feature_fast .imx_feature_tc,
    .imx_feature_intelligent .imx_feature_tc {
        order: 1;
        font-family: var(--f_tc);
        font-weight: 800;
        color: var(--c_text);
    }

    /* 英文：Barlow Condensed 700 / 13px / 黑色 */
    .imx_feature_stable .imx_feature_en,
    .imx_feature_fast .imx_feature_en,
    .imx_feature_intelligent .imx_feature_en {
        order: 2;
        font-family: var(--f_cond);
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
        color: var(--c_text);
    }

    /* 說明：Noto Sans TC 400 / 15px / 行高 20px */
    .imx_feature_stable .imx_feature_note,
    .imx_feature_fast .imx_feature_note,
    .imx_feature_intelligent .imx_feature_note {
        position: static;
        left: auto;
        top: auto;
        width: 100%;
        grid-column: 2;
        line-height: 20px;
    }

    .imx_about_btn {
        position: static;
        align-self: center;
    }
}

/* ============================================================
   首頁 - 品牌最新動態　Figma：1920 x 525，底色 #F7FCFF
   ============================================================ */
.imx_news {
    width: 100%;
    /* 左右留白改由內層 .gs_container 統一控制 */
    padding: 36px 0 86px;
    background: var(--c_bg_light);
}

.imx_news_list {
    margin-top: 47px;
}

.imx_news_item {
    display: flex;
    align-items: center;
    gap: 24px;
}

/* 日期/標籤/標題區塊：框線只加在這層，查看按鈕位於框線之外（依 Figma） */
.imx_news_main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 25px 0;
    border-bottom: 1px solid var(--c_border);
}

.imx_news_item:last-child .imx_news_main {
    border-bottom: 0;
}

/* 日期：Consolas 16px 黑色 */
.imx_news_date {
    flex: 0 0 auto;
    color: var(--c_text);
    font-family: var(--f_mono);
    font-weight: 400;
    font-size: var(--fs_news_date);
    line-height: 24px;
}

/* 分類標籤：Noto Sans TC 700，淺藍底 */
.imx_news_tag {
    flex: 0 0 auto;
    padding: 2px 12px;
    border-radius: 4px;
    background: #d9f0fd;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_news_tag);
    line-height: 24px;
    letter-spacing: .4px;
    white-space: nowrap;
}

.imx_news_title {
    flex: 1 1 auto;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 500;
    font-size: var(--fs_news_title);
    line-height: 1.375;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color .2s ease;
}

.imx_news_item:hover .imx_news_title {
    color: var(--c_text);
}

.imx_news_more {
    flex: 0 0 auto;
    justify-content: flex-end;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_news_more);
    line-height: 24px;
    letter-spacing: .4px;
}

.imx_news_more svg {
    width: 18px;
    height: 18px;
    /* 箭頭圖示維持淺藍（文字已改為黑色） */
    color: var(--c_blue);
}

.imx_news_foot {
    display: flex;
    justify-content: flex-end;
    margin-top: 22px;
}

/* 電腦版不需要手機版的標頭容器 */
.imx_news_head {
    display: contents;
}

/* 手機版最新消息：Figma 428 x 691，卡片式 */
@media (max-width: 991px) {
    .imx_news {
        padding: 56px 0 40px;
    }

    .imx_news_list {
        margin-top: 32px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .imx_news_item {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 20px;
        border-radius: 12px;
        background: var(--c_white);
        border: 1px solid var(--c_border);
    }

    .imx_news_main {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 0;
        border-bottom: 0;
    }

    .imx_news_head {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .imx_news_date {
        width: auto;
    }

    .imx_news_tag {
        line-height: 20px;
    }

    .imx_news_title {
        white-space: normal;
        line-height: 1.45;
        font-weight: 700;
    }

    .imx_news_more {
        align-self: flex-end;
    }

    .imx_news_foot {
        justify-content: center;
        margin-top: 32px;
    }
}

/* ============================================================
   首頁 - 近期參展活動　Figma：1920 x 923
   ============================================================ */
.imx_exh {
    width: 100%;
    padding: 80px 0;
    background: var(--c_white);
}

.imx_exh_list {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
}

.imx_exh_item {
    display: flex;
    align-items: stretch;
    gap: 24px;
}

/* 日期塊與內容：框線只加在這層，查看詳情位於框線之外（依 Figma） */
.imx_exh_box {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: stretch;
    border: 1px solid var(--c_border);
}

/* 左側日期塊：Figma 寬 110、內距 24 */
.imx_exh_date {
    flex: 0 0 auto;
    width: 110px;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    background: var(--c_blue);
    color: var(--c_white);
    transition: all 0.5s;
}

.imx_exh_item:hover .imx_exh_date {
    background: var(--c_navy);
}

.imx_exh_year {
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_exh_year);
    line-height: 24px;
    letter-spacing: 1.6px;
}

.imx_exh_month {
    font-family: var(--f_cond);
    font-weight: 800;
    font-size: var(--fs_exh_month);
    line-height: 1;
    text-transform: uppercase;
}

.imx_exh_day {
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_exh_day);
    line-height: 1.5;
}

.imx_exh_body {
    flex: 1 1 auto;
    padding: 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.imx_exh_title {
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_exh_title);
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.imx_exh_place {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_exh_text);
    line-height: 1.5;
}

.imx_exh_place svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    /* 地點圖示維持藍灰（文字已改為黑色） */
    color: var(--c_muted);
}

.imx_exh_intro {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_exh_text);
    line-height: 1.625;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.imx_exh_more {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_exh_more);
    line-height: 24px;
    letter-spacing: .4px;
    gap: 6px;
    transition: all 0.3s;
}

.imx_exh_more svg {
    width: 18px;
    height: 18px;
    /* 箭頭圖示維持深藍（文字已改為黑色） */
    color: var(--c_navy);
}

.imx_exh_foot {
    display: flex;
    justify-content: flex-end;
    margin-top: 28px;
}

/* 手機版參展資訊：Figma 428 x 839，卡片式 */
@media (max-width: 991px) {
    .imx_exh {
        padding: 56px 0;
    }

    .imx_exh_list {
        margin-top: 32px;
        gap: 20px;
    }

    .imx_exh_item {
        flex-direction: column;
        gap: 0;
    }

    .imx_exh_box {
        flex-direction: column;
        border: 1px solid var(--c_border);
        border-radius: 12px 12px 0 0;
        border-bottom: 0;
        overflow: hidden;
    }

    .imx_exh_date {
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        padding: 16px 20px;
    }

    .imx_exh_year,
    .imx_exh_day {
        line-height: 1;
    }

    .imx_exh_body {
        padding: 20px;
    }

    .imx_exh_more {
        width: 100%;
        justify-content: flex-start;
        padding: 16px 20px;
        border: 1px solid var(--c_border);
        border-radius: 0 0 12px 12px;
        border-top: 0;
    }

    .imx_exh_foot {
        justify-content: center;
        margin-top: 32px;
    }
}

/* ============================================================
   首頁 - 形象 banner　Figma：1920 x 927
   ============================================================ */
.imx_banner {
    position: relative;
    width: 100%;
    height: 48.28vw;
    overflow: hidden;
}

/* 背景圖（電腦版滿版、手機版改為上方圖片） */
.imx_banner_img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

/* 主標：Figma (93, 126) */
.imx_banner_title {
    position: absolute;
    z-index: 1;
    top: 13.59%;
    left: 4.84%;
    width: 36.46%;
    color: var(--c_white);
    font-family: var(--f_tc);
    font-weight: 600;
    font-size: var(--fs_banner_title);
    line-height: 1.1;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

/* 副標：Figma (79, 745) */
.imx_banner_sub {
    position: absolute;
    z-index: 1;
    top: 80.37%;
    left: 4.12%;
    /* 以 top + bottom 決定高度，文字過長時出現 Y 軸捲動避免爆版 */
    bottom: 3%;
    color: var(--c_white);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_banner_sub);
    line-height: 1.625;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .25);
}

/* 手機版形象 banner：Figma 428 x 379 */
@media (max-width: 991px) {
    .imx_banner {
        height: auto;
        background: var(--c_navy);
    }

    .imx_banner_img {
        position: static;
        width: 100%;
        height: 42vw;
        object-fit: cover;
    }

    .imx_banner_title {
        position: static;
        width: 100%;
        padding: 28px 24px 8px;
        line-height: 1.43;
        text-shadow: none;
    }

    .imx_banner_sub {
        position: static;
        width: 100%;
        padding: 0 24px 32px;
        line-height: 1.625;
        font-weight: 400;
        text-shadow: none;
    }
}

/* ============================================================
   首頁 - CTA 諮詢區塊　Figma：1920 x 436
   ============================================================ */
.imx_cta {
    width: 100%;
    min-height: 436px;
    /* 左右留白改由內層 .gs_container 統一控制 */
    padding: 80px 0;
    background: var(--c_bg_light);
    border-top: 1px solid var(--c_border);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    text-align: center;
}

/* CTA 內層容器：承接外層的直向置中排列 */
.imx_cta .gs_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: inherit;
}

.imx_cta_title {
    color: var(--c_text);
    font-family: var(--f_cond);
    font-weight: 800;
    font-size: var(--fs_cta_title);
    line-height: 1.25;
    letter-spacing: .77px;
}

.imx_cta_sub {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_cta_sub);
    line-height: 1.625;
}

.imx_cta_btn {
    margin-top: 16px;
}

@media (max-width: 991px) {
    .imx_cta {
        min-height: 272px;
        padding: 56px 0;
        gap: 20px;
    }

    .imx_cta_btn {
        margin-top: 4px;
    }
}

/* ============================================================
   FOOTER　Figma：1920 x 345（281 + 1 + 63）
   ============================================================ */
.imx_footer {
    width: 100%;
}

.imx_footer_main {
    display: flex;
    align-items: stretch;
}

/* 左側 logo 區：Figma 344 x 281、底色 #F3F1F1 */
.imx_footer_brand {
    flex: 0 0 auto;
    width: 17.92%;
    height: 281px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 48px 0 65px;
    background: var(--c_bg_gray);
}

.imx_footer_logo {
    width: 100%;
    max-width: 231px;
    height: auto;
    object-fit: contain;
}

/* 右側藍色區：Figma 1576 x 281 */
.imx_footer_info {
    flex: 1 1 auto;
    height: 281px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 65px 85px 98px 44px;
    background: var(--c_blue);
}

.imx_footer_contact {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.imx_footer_contact_row {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--c_white);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_footer_contact);
    line-height: 1.4;
}

.imx_footer_contact_row svg {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
}

.imx_footer_links {
    display: flex;
    gap: 50px;
}

.imx_footer_col {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.imx_footer_col_title {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-size: var(--fs_footer_link);
    line-height: 1.5;
    letter-spacing: 2px;
}

.imx_footer_col a {
    color: var(--c_white);
    font-family: var(--f_tc);
    font-size: var(--fs_footer_link);
    line-height: 1.5;
    transition: opacity .2s ease;
}

.imx_footer_col a:hover {
    opacity: .75;
}

/* 底部版權列：Figma 1920 x 63、底色 #005FB1 */
.imx_footer_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 63px;
    margin-top: 1px;
    padding: 0 58px 0 65px;
    background: var(--c_navy_deep);
    color: var(--c_white);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_footer_bottom);
    line-height: 1.5;
}

/* 左側：版權列與瀏覽器支援說明上下排列 */
.imx_footer_bottom_left {
    display: flex;
    flex-direction: column;
}

.imx_footer_bottom_right {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
}

.imx_footer_bottom_right a:hover {
    opacity: .8;
}

/* 手機版聯絡資訊在灰底區、電腦版在藍底區，兩者擇一顯示 */
.imx_footer_brand .imx_footer_contact {
    display: none;
}

@media (max-width: 1399px) {
    .imx_footer_info {
        padding: 48px 40px 48px 40px;
    }

    .imx_footer_brand {
        padding: 0 32px 0 40px;
    }

    .imx_footer_links {
        gap: 32px;
    }

    .imx_footer_bottom {
        padding: 0 40px;
    }
}

/* 手機版 footer：Figma 428 x 521 */
@media (max-width: 991px) {
    .imx_footer_main {
        flex-direction: column;
    }

    .imx_footer_brand {
        width: 100%;
        height: auto;
        padding: 28px 24px 24px;
        border-top: 1px solid var(--c_border);
    }

    .imx_footer_logo {
        max-width: 180px;
        margin-bottom: 20px;
    }

    .imx_footer_brand .imx_footer_contact {
        display: flex;
    }

    .imx_footer_brand .imx_footer_contact_row {
        color: var(--c_text);
        line-height: 1.8;
    }

    /* 聯絡資訊圖示維持深藍（文字已改為黑色） */
    .imx_footer_brand .imx_footer_contact_row svg {
        color: var(--c_navy);
    }

    .imx_footer_info {
        width: 100%;
        height: auto;
        flex-direction: column;
        padding: 24px 24px 32px;
    }

    .imx_footer_info .imx_footer_contact {
        display: none;
    }

    .imx_footer_links {
        width: 100%;
        gap: 24px;
    }

    .imx_footer_col {
        flex: 1 1 0;
        gap: 8px;
    }

    .imx_footer_bottom {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 20px 24px 40px;
        background: var(--c_navy);
        line-height: 1.6;
    }
}

/* ============================================================
   回頂按鈕
   ============================================================ */
.imx_top_btn {
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: var(--c_blue);
    color: var(--c_white);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease, background .2s ease;
    z-index: 70;
}

.imx_top_btn.is_show {
    opacity: 1;
    visibility: visible;
}

.imx_top_btn:hover {
    background: var(--c_navy);
}

.imx_top_btn svg {
    width: 24px;
    height: 24px;
}

@media (max-width: 991px) {
    .imx_top_btn {
        right: 16px;
        bottom: 16px;
        width: 44px;
        height: 44px;
    }
}

/* ------------------------------------------------------------
   可捲動文字區的細捲軸（Hero 文字區、形象 banner 副標）
   ------------------------------------------------------------ */
.imx_hero_content::-webkit-scrollbar,
.imx_banner_sub::-webkit-scrollbar {
    width: 4px;
}

.imx_hero_content::-webkit-scrollbar-thumb,
.imx_banner_sub::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(11, 79, 138, .35);
}

.imx_banner_sub::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .5);
}

.imx_hero_content,
.imx_banner_sub {
    scrollbar-width: thin;
}

/* 手機版為一般流排版，不需限制高度 */
@media (max-width: 991px) {

    .imx_hero_content,
    .imx_banner_sub {
        max-height: none;
        bottom: auto;
        overflow-y: visible;
    }
}

/* ============================================================
   首頁進場動畫
   ------------------------------------------------------------
   keyframes 取自 gs_animation.css；元素捲入視窗後由 main.js 的
   animate_once() 補上 .animation 才播放，且僅播放一次。
   手機版一律關閉動畫（避免捲動時效能負擔與畫面跳動）。
   ============================================================ */

/* --- 主視覺：文字由右滑入、品牌曲線淡入 --- */
.imx_hero_content.animation {
    animation-name: ani_slideRight;
    animation-duration: 1s;
    animation-delay: .2s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_hero_swoosh.animation {
    animation-name: ani_fadeIn;
    animation-duration: 1.2s;
    animation-delay: .45s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

/* --- 關於我們：文字由左滑入、圓形照片淡入、三大特色由下浮出 --- */
.imx_about_text.animation {
    animation-name: ani_slideLeft;
    animation-duration: 1s;
    animation-delay: .1s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_about_photo_bg.animation {
    animation-name: ani_fadeIn;
    animation-duration: 1.2s;
    animation-delay: .2s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_about_photo.animation {
    animation-name: ani_fadeIn;
    animation-duration: 1.2s;
    animation-delay: .35s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_about_features_img.animation {
    animation-name: ani_slideBottom;
    animation-duration: 1s;
    animation-delay: .35s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

/* 三大特色文字依序淡入 */
.imx_feature.animation {
    animation-name: ani_fadeIn;
    animation-duration: .9s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_feature_stable.animation {
    animation-delay: .65s;
}

.imx_feature_fast.animation {
    animation-delay: .8s;
}

.imx_feature_intelligent.animation {
    animation-delay: .95s;
}

.imx_about_btn.animation {
    animation-name: ani_slideBottom;
    animation-duration: 1s;
    animation-delay: 1.1s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

/* --- 區塊標題（最新消息、參展資訊共用） --- */
.imx_sec_head.animation {
    animation-name: ani_slideBottom;
    animation-duration: 1s;
    animation-delay: .1s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

/* --- 最新消息：每列依序由下浮出 --- */
.imx_news_item.animation {
    animation-name: ani_slideBottom;
    animation-duration: .8s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_news_item:nth-child(1).animation {
    animation-delay: .25s;
}

.imx_news_item:nth-child(2).animation {
    animation-delay: .4s;
}

.imx_news_item:nth-child(3).animation {
    animation-delay: .55s;
}

.imx_news_foot.animation {
    animation-name: ani_fadeIn;
    animation-duration: 1s;
    animation-delay: .7s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

/* --- 參展資訊：每筆依序由左滑入 --- */
.imx_exh_item.animation {
    animation-name: ani_slideLeft;
    animation-duration: .8s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_exh_item:nth-child(1).animation {
    animation-delay: .25s;
}

.imx_exh_item:nth-child(2).animation {
    animation-delay: .4s;
}

.imx_exh_item:nth-child(3).animation {
    animation-delay: .55s;
}

.imx_exh_foot.animation {
    animation-name: ani_fadeIn;
    animation-duration: 1s;
    animation-delay: .7s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

/* --- 形象 banner：主標由左滑入、副標由下浮出 --- */
.imx_banner_title.animation {
    animation-name: ani_slideLeft;
    animation-duration: 1s;
    animation-delay: .2s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_banner_sub.animation {
    animation-name: ani_slideBottom;
    animation-duration: 1s;
    animation-delay: .45s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

/* --- 諮詢 CTA：三段依序由下浮出 --- */
.imx_cta_title.animation {
    animation-name: ani_slideBottom;
    animation-duration: 1s;
    animation-delay: .1s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_cta_sub.animation {
    animation-name: ani_slideBottom;
    animation-duration: 1s;
    animation-delay: .25s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

.imx_cta_btn.animation {
    animation-name: ani_slideBottom;
    animation-duration: 1s;
    animation-delay: .4s;
    animation-fill-mode: both;
    animation-timing-function: ease-out;
}

@media (max-width: 991px) {

    .imx_hero_content.animation,
    .imx_hero_swoosh.animation,
    .imx_about_text.animation,
    .imx_about_photo_bg.animation,
    .imx_about_photo.animation,
    .imx_about_features_img.animation,
    .imx_feature.animation,
    .imx_about_btn.animation,
    .imx_sec_head.animation,
    .imx_news_item.animation,
    .imx_news_foot.animation,
    .imx_exh_item.animation,
    .imx_exh_foot.animation,
    .imx_banner_title.animation,
    .imx_banner_sub.animation,
    .imx_cta_title.animation,
    .imx_cta_sub.animation,
    .imx_cta_btn.animation {
        animation: none;
    }
}

/* ============================================================
   中等螢幕微調（992 ~ 1399）
   ------------------------------------------------------------
   置於三大特色桌機規則之後才能覆寫，但必須加上 min-width: 992px，
   否則會連手機版（≤991）的設定一起蓋掉。
   版面高度隨 vw 縮小、字級卻是固定 px，說明文字行數會撐出區塊，
   因此在此加高區塊、縮短段落間距，並加寬說明文字框減少行數。
   ============================================================ */
@media (min-width: 992px) and (max-width: 1399px) {

    /* 區塊加高、文字間距縮小、三大特色下移，避免內文與圓圈圖重疊 */
    .imx_about {
        height: 80vw;
    }

    .imx_about_text {
        gap: 24px;
    }

    .imx_about_features {
        top: 43%;
    }

    .imx_about_btn {
        top: 90%;
    }

    .imx_feature_stable .imx_feature_note,
    .imx_feature_intelligent .imx_feature_note {
        width: 20%;
    }

    .imx_feature_fast .imx_feature_note {
        width: 15%;
    }

    .imx_feature_intelligent .imx_feature_note {
        top: 74%;
    }
}

/* ============================================================
   內頁共用：上方大圖
   Figma：整體 378 高（含 header 112），麵包屑 20px、標題 44px
   ============================================================ */
.imx_page_head {
    position: relative;
    width: 100%;
    /* 電腦版 header 為固定定位（不佔高度），以上邊距讓大圖露出於 header 之下。
       遮罩上緣為左低右高的斜切（素材 1925 x 326，右端斜切高 68px，
       換算為 68 / 326 x 16.94vw = 3.534vw），扣掉這段斜切高度後
       大圖的實際上緣才會剛好貼齊 header 底部，不會露出白底。 */
    margin-top: calc(112px - 3.534vw);
    /* 解除 .gs_container_full 的 1920 版寬限制，超寬螢幕仍滿版不留白 */
    max-width: none;
    /* Figma 419.9 / 1920，隨視窗等比縮放使弧形與留白比例一致（不設高度上限，維持比例） */
    height: 21.87vw;
    background: var(--c_white);
    overflow: hidden;
    /* 建立混色隔離層，避免弧形的 multiply 影響到區塊外 */
    isolation: isolate;
}

/* header 於 1399 以下縮為 96px，大圖上邊距同步調整 */
@media (max-width: 1399px) {
    .imx_page_head {
        margin-top: calc(96px - 3.534vw);
    }
}

/* 後台上傳的上方大圖：以品牌弧形遮罩裁出造型（Figma Vector 2 的形狀） */
.imx_page_head_img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    /* 弧形素材 1925 x 326，等比換算高度（不設高度上限，維持比例） */
    height: 16.94vw;
    object-fit: cover;
    -webkit-mask-image: url('../images/page_head_mask_pc.png');
    mask-image: url('../images/page_head_mask_pc.png');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* 後台尚未上傳大圖時，以品牌漸層填滿相同造型 */
.imx_page_head_img_empty {
    display: block;
    background: linear-gradient(160deg, #b6ebfb 0%, #c8eaf6 60%, #a9dff5 100%);
}

/* 電腦版只顯示 pc 版素材 */
.imx_page_head .imx_page_head_img_mobile,
.imx_page_head .imx_page_head_bottom_mobile {
    display: none;
}

/* 底部品牌曲線裝飾（素材 1906 x 188，Figma 位於 y≈167） */
.imx_page_head_bottom {
    position: absolute;
    top: 7.75vw;
    left: 0;
    z-index: 1;
    width: 100%;
    height: auto;
    opacity: 0.4;
    pointer-events: none;
}

/* 麵包屑與頁面標題（對齊內容區左緣 158px） */
.imx_page_head_inner {
    position: absolute;
    left: 17.2%;
    /* Figma 155 / 419.9 */
    bottom: 48%;
    z-index: 2;
}

.imx_breadcrumb {
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--c_text);
    font-family: var(--f_cond);
    font-weight: 700;
    font-size: var(--fs_breadcrumb);
    /* Figma 行高 44，明確指定高度避免子元素撐高 */
    height: 44px;
    line-height: 44px;
    letter-spacing: 1.76px;
    /* 後台上傳深色大圖時仍保持可讀（淺色底時不可見） */
    text-shadow: 0 1px 10px rgba(255, 255, 255, .85);
}

.imx_breadcrumb a:hover {
    color: var(--c_text);
}

.imx_page_title {
    margin-top: 16px;
    margin-bottom: 0;
    color: var(--c_text);
    font-family: var(--f_cond);
    font-weight: 800;
    font-size: var(--fs_page_title);
    line-height: 44px;
    letter-spacing: 1.76px;
    /* 後台上傳深色大圖時仍保持可讀（淺色底時不可見） */
    text-shadow: 0 2px 14px rgba(255, 255, 255, .85);
}
@media (max-width: 1199px) {
    .imx_page_head_inner {
        bottom: 40%;
    }

}
@media (max-width: 991px) {
    .imx_page_head {
        /* 手機版 header 為 sticky 已佔實際高度，且遮罩上緣為平的，不需留上邊距 */
        margin-top: 0;
        /* Figma 手機稿 428 x 153 */
        height: 35.75vw;
        min-height: 134px;
        /* 預設白底（該頁沒有分類選單時） */
        background: var(--c_white);
    }

    /* 後方接有分類選單時改為淺藍，與選單列底色連成一片 */
    .imx_page_head:has(+ .imx_anchor_nav),
    .imx_page_head:has(+ * .imx_anchor_nav) {
        background: var(--c_bg_light);
    }

    /* 手機版遮罩造型（素材 428 x 148） */
    .imx_page_head_img {
        height: 34.58vw;
        max-height: none;
        object-position: center;
        -webkit-mask-image: url('../images/page_head_mask_mobile.png');
        mask-image: url('../images/page_head_mask_mobile.png');
    }

    /* 手機版底部曲線（素材 420 x 50），下緣對齊遮罩下緣 */
    .imx_page_head_bottom {
        top: 22.68vw;
        height: auto;
        object-fit: fill;
        opacity: 1;
    }

    .imx_page_head .imx_page_head_img_pc,
    .imx_page_head .imx_page_head_bottom_pc {
        display: none;
    }

    .imx_page_head .imx_page_head_img_mobile,
    .imx_page_head .imx_page_head_bottom_mobile {
        display: block;
    }

    .imx_page_head_inner {
        left: 24px;
        bottom: auto;
        top: 34px;
        z-index: 2;
    }

    /* 麵包屑：Figma Noto Sans TC 500 / 13px / 行高 20 / 不透明度 90% */
    .imx_breadcrumb {
        height: auto;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: 0;
        opacity: .9;
    }

    /* 頁面標題：Figma 800 / 24px / 行高 32，緊接麵包屑下方 */
    .imx_page_title {
        margin-top: 0;
        line-height: 32px;
        letter-spacing: 0;
    }
}

/* ============================================================
   內頁共用：左側錨點選單 + 右側內容
   Figma：Root Frame 1604（Sidebar 184 + gap 40 + Container 1380）
   ============================================================ */
.imx_inner_wrap {
    padding-top: 60px;
    padding-bottom: 100px;
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

/* 錨點選單：Figma Sidebar 184 寬、項目間距 5 */
.imx_anchor_nav {
    flex: 0 0 240px;
    width: 240px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: sticky;
    /* 電腦版 header 為固定定位（高 112），黏貼位置需往下讓開 header 再留 30 間距 */
    top: 142px;
}

@media (max-width: 1399px) {
    /* header 於 1399 以下縮為 96，黏貼位置同步上移 */
    .imx_anchor_nav {
        top: 126px;
    }
}

/* 選單標題與項目共用外型：Figma 184 x 50、圓角 30、內距 10/20 */
.imx_anchor_head,
.imx_anchor_item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 50px;
    padding: 10px 20px;
    border-radius: 10px;
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_anchor);
    line-height: 1;
    text-align: center;
    position: relative;
}

/* 選單標題（深藍） */
.imx_anchor_head {
    /* background: linear-gradient(180deg, #3e8fd0 0%, #005fb1 100%); */
    /* background: #2e4e7d; */
    background: var(--c_menu_head);
    color: var(--c_menu_head_text);
}

#imx_service_wrap .imx_anchor_item,
#imx_about_wrap .imx_anchor_item {
    /* color: var(--c_text); */
}

/* 選單標題的檔案圖示（Figma 匯出 about_nav_icon.svg，原尺寸 9 x 14） */
.imx_anchor_head_icon {
    width: 18px;
    height: 28px;
    flex: 0 0 auto;
}

/* 未選取項目（灰藍） */
.imx_anchor_item {
    /* background: #177cb0; */
    background: var(--c_menu_lv1);
    color: var(--c_menu_lv1_text);
    transition: background .25s ease, color .25s ease;
}

.imx_anchor_item:hover {
    /* background: #70f2ff; */
    background: var(--c_menu_lv1_active);
    color: var(--c_menu_hover_text);
}

#imx_service_wrap .imx_anchor_item:hover,
#imx_about_wrap .imx_anchor_item:hover {
    color: var(--c_menu_hover_text);
}

/* 目前所在區塊（淺藍，顯示箭頭） */
.imx_anchor_item.is_active {
    /* background: #70f2ff; */
    background: var(--c_menu_lv1_active);
    color: var(--c_menu_hover_text);
}

.imx_anchor_arrow {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    /* 箭頭尺寸加大 */
    width: 24px;
    height: 24px;
    /* 箭頭線條加粗 */
    stroke-width: 3;
    flex: 0 0 auto;
    opacity: 0;
    transition: opacity .25s ease;
}

.imx_anchor_item.is_active .imx_anchor_arrow {
    opacity: 1;
}

/* 內容區：Figma Container 1380 */
.imx_inner_body {
    flex: 1 1 auto;
    min-width: 0;
}

/* ------------------------------------------------------------
   關於我們：各錨點區塊
   ------------------------------------------------------------ */
.imx_about_block {
    padding-bottom: 60px;
    scroll-margin-top: 30px;
}

.imx_about_block:last-child {
    padding-bottom: 0;
}

/* 區塊標題：Figma Noto Sans TC 700 / 24px / 行高 33.6px + 淺藍底線 */
.imx_block_title {
    padding-bottom: 18px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--c_border);
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_block_title);
    line-height: 1.4;
}

/* ------------------------------------------------------------
   關於我們：創辦人（固定版型，左照片右簡介）
   ------------------------------------------------------------ */
.imx_founder {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

@media (max-width: 991px) {
    .imx_founder {
        flex-direction: column;
        gap: 20px;
    }
}

/* 照片：固定 3:4 直式，寬度不隨簡介長度變動 */
.imx_founder_img {
    flex: 0 0 300px;
    width: 300px;
    overflow: hidden;
    border-radius: 12px;
}

@media (max-width: 1399px) {
    .imx_founder_img {
        flex: 0 0 240px;
        width: 240px;
    }
}

/* 手機版改為上下排列，照片置中並限制最大寬度避免過大 */
@media (max-width: 991px) {
    .imx_founder_img {
        flex: 0 0 auto;
        width: 100%;
        max-width: 320px;
        margin: 0 auto;
    }
}

.imx_founder_img img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

/* 簡介：內容（含簽名圖）由後台編輯器維護，文字外觀沿用 .html_ekditor_content，
   此處僅負責右欄的佈局 */
.imx_founder_text {
    flex: 1 1 auto;
    min-width: 0;
}

/* 簽名圖：後台編輯器設定為禁止行內 style（對齊工具不會寫入內容），
   故此區塊的圖片一律靠右呈現，後台只要把簽名插入簡介末尾即可 */
.imx_founder_text.html_ekditor_content img {
    margin-left: auto;
    margin-right: 0;
}

/* 專利證書分類分段：各分類以小標題由上往下依序列出 */
.imx_patent_group {
    margin-top: 32px;
}

/* 第一段緊接區塊內文，上方留白略小 */
.imx_patent_group:first-of-type {
    margin-top: 24px;
}

@media (max-width: 991px) {
    .imx_patent_group {
        margin-top: 24px;
    }

    .imx_patent_group:first-of-type {
        margin-top: 16px;
    }
}

/* 分類小標題：比區塊標題小一級，左側加品牌藍直條 */
.imx_patent_group_title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
}

.imx_patent_group_title::before {
    content: '';
    flex: 0 0 4px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: var(--c_blue);
}

@media (max-width: 991px) {
    .imx_patent_group_title {
        gap: 8px;
        font-size: 16px;
    }

    .imx_patent_group_title::before {
        height: 16px;
    }
}

/* 專利證書多圖：Figma 四欄 */
.imx_patent_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 16px;
}

.imx_patent_item {
    /* border: 1px solid var(--c_border); */
    background: var(--c_white);
    overflow: hidden;
}

.imx_patent_item img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

@media (max-width: 1399px) {
    .imx_inner_wrap {
        padding-top: 40px;
        padding-bottom: 70px;
        gap: 28px;
    }
}

@media (max-width: 991px) {
    .imx_inner_wrap {
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 0 0 35px;
        flex-direction: column;
        gap: 0;
    }

    /* 手機版改為上方橫式膠囊選單（Figma：內距 20、間距 12） */
    .imx_anchor_nav {
        flex: 0 0 auto;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 8px;
        padding: 20px;
        background: var(--c_bg_light);
        border-bottom: 1px solid var(--c_border);
        position: sticky;
        top: 64px;
        z-index: 50;
    }

    .imx_anchor_head {
        display: none;
    }

    .imx_anchor_item {
        width: auto;
        min-height: 33px;
        padding: 8px 16px;
        font-size: var(--fs_anchor_item);
    }

    .imx_anchor_arrow {
        display: none;
    }

    .imx_inner_body {
        width: 100%;
    }

    /* 手機版區塊：Figma 內距 上24 右20 下16 左20，交錯底色 */
    .imx_about_block {
        padding: 24px 20px 16px;
        scroll-margin-top: 120px;
    }

    .imx_about_block:nth-child(even) {
        background: var(--c_bg_light);
    }

    /* 手機版標題：Figma 左側藍色直條（4 x 18、圓角 2）+ 底線，下內距 12 */
    .imx_block_title {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0 0 12px;
        margin-bottom: 16px;
        border-bottom: 1px solid var(--c_border);
        border-left: 0;
        line-height: 24px;
    }

    /* 標題左側的藍色直條（Figma Accent Bar） */
    .imx_block_title::before {
        content: '';
        flex: 0 0 4px;
        width: 4px;
        height: 18px;
        border-radius: 2px;
        background: var(--c_blue);
    }

    .imx_patent_list {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 16px;
    }
}

/* ============================================================
   內頁共用：列表筆數與空狀態
   ============================================================ */
/* 「共 N 則消息」：Figma Noto Sans TC 400 / 16px / 行高 24 */
.imx_list_total {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_list_note);
    line-height: 24px;
}

.imx_list_empty {
    padding: 60px 0;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_list_note);
    line-height: 1.6;
    text-align: center;
}

/* ============================================================
   最新消息 - 列表　Figma：Container 1380、每列內距 32/32
   ============================================================ */
.imx_news_rows {
    padding-top: 32px;
}

/* 單列：日期為左欄、其餘內容為右欄（Figma 欄距 20、底線 #D6EAF5） */
.imx_news_row {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 32px 0;
    border-bottom: 1px solid var(--c_border);
}
.imx_news_row:last-child {
    border-bottom: none;
}
.imx_news_row:first-child {
    padding-top: 0;
}

/* 日期：Figma Consolas 400 / 16px / 行高 24 / 黑色 */
.imx_news_row_date {
    padding-top: 3px;
    flex: 0 0 97px;
    width: 97px;
    color: var(--c_text);
    font-family: var(--f_mono);
    font-weight: 400;
    font-size: var(--fs_news_row_date);
    line-height: 24px;
}

.imx_news_row_main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* 分類標籤：Figma 底色 #BFEAFF、內距 3/12、Noto Sans TC 700 16px、黑色 */
.imx_news_row_tag {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 4px;
    background: #BFEAFF;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_news_row_tag);
    line-height: 24px;
    letter-spacing: .4px;
}

/* 標題：Figma Noto Sans TC 700 / 20px / 行高 27.5 / 色 #18324A */
.imx_news_row_title {
    margin-top: 10px;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_news_row_title);
    line-height: 27.5px;
    transition: color .2s ease;
}

.imx_news_row:hover .imx_news_row_title {
    color: var(--c_text);
}

/* 摘要：Figma Noto Sans TC 400 / 16px / 行高 26 / 黑色 */
.imx_news_row_summary {
    margin-top: 10px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_news_row_summary);
    line-height: 26px;
}

/* 查看詳情：Figma Noto Sans TC 600 / 16px / 黑色，靠右下 */
.imx_news_row_more {
    align-self: flex-end;
    margin-top: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 600;
    font-size: var(--fs_news_row_more);
    line-height: 24px;
    transition: color .2s ease;
}

.imx_news_row_more svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    /* 箭頭圖示維持深藍（文字已改為黑色） */
    color: var(--c_navy);
    transition: transform .2s ease, color .2s ease;
}

.imx_news_row:hover .imx_news_row_more {
    color: var(--c_text);
}

.imx_news_row:hover .imx_news_row_more svg {
    /* 滑入時箭頭維持原本的淺藍變色效果 */
    color: var(--c_blue);
    transform: translateX(4px);
}

/* ============================================================
   最新消息 - 內頁
   ============================================================ */
/* 標籤與日期：Figma 兩者間距 3、整塊下方為分隔線 */
.imx_news_detail_head {
    padding-bottom: 7px;
    border-bottom: 1px solid var(--c_border);
}

.imx_news_detail_date {
    margin-top: 3px;
    color: var(--c_text);
    font-family: var(--f_mono);
    font-weight: 400;
    font-size: var(--fs_news_detail_date);
    line-height: 24px;
}

/* 內頁標題：Figma Noto Sans TC 700 / 36px / 色 #18324A，與上方分隔線距離 28 */
.imx_news_detail_title {
    margin: 28px 0 0;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_news_detail_title);
    line-height: 1.3;
}

/* 內文：Figma 標題與內文間距 25 + 內文上內距 32 */
.imx_news_detail .html_ekditor_content {
    margin-top: 57px;
}

/* 返回列表：Figma 內文下方 48 為分隔線，再隔 52 才是按鈕 */
.imx_news_detail_foot {
    margin-top: 50px;
    padding-top: 28px;
    border-top: 1px solid var(--c_border);
}

.imx_news_detail_back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 600;
    font-size: var(--fs_news_detail_back);
    line-height: 24px;
    transition: color .2s ease;
}

.imx_news_detail_back svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    /* 箭頭圖示維持深藍（文字已改為黑色） */
    color: var(--c_navy);
    transition: transform .2s ease, color .2s ease;
}

.imx_news_detail_back:hover {
    color: var(--c_text);
}

.imx_news_detail_back:hover svg {
    /* 滑入時箭頭維持原本的淺藍變色效果 */
    color: var(--c_blue);
    transform: translateX(-4px);
}

/* ------------------------------------------------------------
   最新消息 手機版：日期與標籤同一列、查看詳情靠左
   （手機版 .imx_inner_wrap 無左右內距，故由內容區自行補上）
   ------------------------------------------------------------ */
@media (max-width: 991px) {
    .imx_news_page {
        padding: 20px 20px 0;
    }

    .imx_news_rows {
        padding-top: 12px;
    }

    .imx_news_row {
        position: relative;
        display: block;
        padding: 20px 0;
    }

    /* 與標籤等高並置中，讓日期與標籤在同一列上下對齊 */
    .imx_news_row_date {
        display: flex;
        align-items: center;
        width: auto;
        min-height: 30px;
    }

    .imx_news_row_main {
        margin-top: 8px;
    }

    /* 列表的標籤改為靠右上，與日期同一列（內頁的標籤不套用） */
    .imx_news_row .imx_news_row_tag {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .imx_news_row:first-child .imx_news_row_tag {
        top: 0;
    }

    /* 手機版標題：Figma Noto Sans TC 700 / 18px / 行高 140% */
    .imx_news_row_title {
        margin-top: 12px;
        line-height: 1.4;
    }

    .imx_news_row_summary {
        margin-top: 12px;
    }

    .imx_news_row_more {
        align-self: flex-start;
        margin-top: 12px;
    }

    .imx_news_detail_title {
        margin-top: 20px;
    }

    .imx_news_detail .html_ekditor_content {
        margin-top: 24px;
    }

    .imx_news_detail_foot {
        margin-top: 32px;
        padding-top: 24px;
    }
}

@media (max-width: 400px) {
    .imx_news_row_summary {
        line-height: 24px;
    }
}

/* ============================================================
   參展資訊　Figma：無側欄，區塊寬 1600、展期橫條 #5EB8E6
   ============================================================ */
.imx_exh_page {
    padding-top: 0px;
    padding-bottom: 80px;
}

/* 頁面說明：Figma Noto Sans TC 400 / 16px / 行高 26、區塊寬 512、下方留 48 */
.imx_exh_page_intro {
    max-width: 512px;
    margin-bottom: 48px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_exh_intro);
    line-height: 26px;
}

/* 單一展覽區塊：外框線 1px #D6EAF5、區塊間距 32 */
.imx_exh_card {
    margin-bottom: 32px;
    border: 1px solid var(--c_border);
    background: var(--c_white);
    overflow: hidden;
}

.imx_exh_card:last-of-type {
    margin-bottom: 0;
}

/* 展期橫條：Figma 高 52、內距 14/32、圖示與文字間距 12 */
.imx_exh_card_bar {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 52px;
    padding: 14px 32px;
    background: #5EB8E6;
}

.imx_exh_card_bar_icon {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: var(--c_white);
}

/* 展期文字：Figma Noto Sans TC 600 / 16px / 行高 24 / 白色 */
.imx_exh_card_date {
    color: var(--c_white);
    font-family: var(--f_tc);
    font-weight: 600;
    font-size: var(--fs_exh_card_date);
    line-height: 24px;
}

/* 內容區：Figma 四邊內距 40 */
.imx_exh_card_body {
    padding: 40px;
}

/* 展覽名稱：Figma Noto Sans TC 700 / 19px / 行高 28.5 / 色 #18324A */
.imx_exh_card_title {
    margin-bottom: 0;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_exh_card_title);
    line-height: 28.5px;
}

/* 明細表格：Figma 與標題距離 32、外框線 1px、列高 52、隔列淺藍底 */
.imx_exh_table {
    margin-top: 30px;
    border: 1px solid var(--c_border);
}

.imx_exh_table_row {
    display: flex;
    align-items: stretch;
    min-height: 52px;
    border-bottom: 1px solid var(--c_border);
}

.imx_exh_table_row:last-child {
    border-bottom: 0;
}

.imx_exh_table_row:nth-child(even) {
    background: var(--c_bg_light);
}

/* 標籤欄：Figma 欄寬 128、內距左 24、Noto Sans TC 600 / 16px / 黑色 */
.imx_exh_table_label {
    flex: 0 0 128px;
    width: 128px;
    display: flex;
    align-items: center;
    padding: 14px 12px 14px 24px;
    border-right: 1px solid var(--c_border);
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 600;
    font-size: var(--fs_exh_table_label);
    line-height: 24px;
}

/* 內容欄：Figma 內距左 24、Noto Sans TC 400 / 16px / 色 #18324A */
.imx_exh_table_value {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    padding: 14px 24px;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_exh_table_value);
    line-height: 24px;
    word-break: normal;
    overflow-wrap: break-word;
}

@media (max-width: 1399px) {
    .imx_exh_page {
        padding-bottom: 70px;
    }

    .imx_exh_card_bar {
        padding: 14px 24px;
    }

    .imx_exh_card_body {
        padding: 28px;
    }

    .imx_exh_table {
        margin-top: 24px;
    }
}

/* ------------------------------------------------------------
   參展資訊 手機版：表格改為「標籤在上、內容在下」堆疊
   ------------------------------------------------------------ */
@media (max-width: 991px) {

    /* Figma：說明區上 24、左右 24，卡片區下 48 */
    .imx_exh_page {
        padding: 24px 24px 48px;
    }

    .imx_exh_page_intro {
        max-width: none;
        margin-bottom: 24px;
    }

    /* 手機版卡片有 12 圓角，卡片間距 24 */
    .imx_exh_card {
        margin-bottom: 24px;
        border-radius: 12px;
    }

    /* 展期橫條：Figma 高 46、內距 12/16、圖示間距 8 */
    .imx_exh_card_bar {
        min-height: 46px;
        padding: 12px 16px;
        gap: 8px;
    }

    /* 行高由 24 縮為 22，橫條總高才會是 Figma 的 46 */
    .imx_exh_card_date {
        line-height: 22px;
    }

    /* 內容區的內距改由標題與表格各自負責 */
    .imx_exh_card_body {
        padding: 0;
    }

    .imx_exh_card_title {
        margin-bottom: 0;
        padding: 16px;
        line-height: 26px;
    }

    .imx_exh_table {
        margin-top: 0;
        border: 0;
        border-top: 1px solid var(--c_border);
    }

    /* 每列改為「標籤在上、內容在下」，Figma 內距 12、間距 6 */
    .imx_exh_table_row {
        display: block;
        min-height: 0;
        padding: 12px 16px;
    }

    /* 手機稿為奇數列上底色（與電腦版相反） */
    .imx_exh_table_row:nth-child(even) {
        background: transparent;
    }

    .imx_exh_table_row:nth-child(odd) {
        background: var(--c_bg_light);
    }

    .imx_exh_table_row:last-child {
        border-bottom: 0;
    }

    .imx_exh_table_label {
        display: block;
        width: auto;
        padding: 0;
        border-right: 0;
        line-height: 16px;
    }

    .imx_exh_table_value {
        display: block;
        margin-top: 6px;
        padding: 0;
        line-height: 22px;
    }
}

/* ============================================================
   產品設備 側欄　Figma：側欄 184、分類子項目為白底藍框小膠囊
   ============================================================ */
/* 側欄標題的立方體圖示（Figma 匯出 product_nav_icon.svg，原尺寸 15 x 15） */
.imx_anchor_head_icon_lg {
    width: 30px;
    height: 30px;
}

/* 分類子項目的外層：電腦版為直式、手機版另起一行 */
.imx_product_nav_subs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

/* 分類子項目：Figma 150 x 37、圓角 30、白底藍框 */
.imx_product_nav_sub {
    width: 200px;
    min-height: 37px;
    padding: 5px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* border: 1px solid var(--c_blue); */
    /* border: 1px solid transparent; */
    border-radius: 10px;
    /* background: var(--c_white); */
    background: var(--c_menu_lv2);
    color: var(--c_menu_lv2_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_product_nav_sub);
    line-height: 24px;
    text-align: center;
    position: relative;
    transition: background .25s ease, color .25s ease;
}

.imx_product_nav_sub:hover {
    /* background: var(--c_bg_circle); */
    /* border-color: #01a800; */
    background: var(--c_menu_lv2_active);
    color: var(--c_menu_hover_text);
}

.imx_product_nav_sub.is_active {
    /* background: var(--c_blue); */
    background: var(--c_menu_lv2_active);
    /* border-color: var(--c_blue); */
    /* border-color: #01a800; */
    /* color: var(--c_white); */
    color: var(--c_menu_hover_text);
}

/* 分類子項目的箭頭（沿用第一層選單外型，僅目前選取時顯示） */
.imx_product_nav_sub_arrow {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    stroke-width: 3;
    flex: 0 0 auto;
    opacity: 0;
    transition: opacity .25s ease;
}

.imx_product_nav_sub.is_active .imx_product_nav_sub_arrow {
    opacity: 1;
}

@media (max-width: 991px) {

    /* 手機版比照第一層選單不顯示箭頭 */
    .imx_product_nav_sub_arrow {
        display: none;
    }
}

/* ============================================================
   產品設備 - 依機器型號選擇（列表）
   ============================================================ */
/* 分類標題：Figma Noto Sans TC 700 / 24px / 黑色 + 底線 */
.imx_product_series_title {
    padding-bottom: 16px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--c_border);
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_product_series_title);
    line-height: 1.4;
}

/* 機器列表：Figma 列表上內距 24 */
.imx_product_rows {
    padding-top: 24px;
}

/* 單台機器：Figma 每列 1383 x 336、圖文間距 16、上方分隔線、列間距 32 */
.imx_product_row {
    display: flex;
    align-items: stretch;
    gap: 16px;
    padding: 0;
    border: 1px solid var(--c_border);
}

.imx_product_row + .imx_product_row {
    margin-top: 32px;
}


/* 機器主圖：Figma 724.81 x 334.66（佔整列寬度 52.4%）、外框線 1px */
.imx_product_row_img {
    flex: 0 0 52.4%;
    width: 52.4%;
    aspect-ratio: 724.81 / 334.66;
    display: block;
    border: 1px solid var(--c_border);
    border-right: none;
    border-top: none;
    border-bottom: none;
    background: var(--c_white);
    overflow: hidden;
}

.imx_product_row_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 文字區：Figma 641 寬、內距 上20 右20 下16 左20 */
.imx_product_row_main {
    flex: 1 1 auto;
    min-width: 0;
    padding: 40px 20px 38px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* 機器型號：Figma Noto Sans TC 700 / 20px / 字距 4 / 黑色 */
.imx_product_model {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_product_model);
    line-height: 20px;
    letter-spacing: 4px;
}

/* 機器名稱：Figma Noto Sans TC 700 / 32px / 色 #18324A */
.imx_product_title {
    margin: 12px 0 0;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_product_title);
    line-height: 1.3;
}

.imx_product_title a {
    color: inherit;
    transition: color .2s ease;
}

.imx_product_title a:hover {
    color: var(--c_text);
}

/* 機器摘要：Figma Noto Sans TC 400 / 20px / 行高 26 / 黑色 */
.imx_product_summary {
    margin-top: 30px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_product_summary);
    line-height: 26px;
}

/* 特色標籤：Figma 底色 #EBF6FE、內距 2/8、Noto Sans TC 500 16px、黑色 */
.imx_product_tags {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

/* 右側標籤列表：換行時維持在右欄，不跑到【適用：】下方 */
.imx_product_tag_list {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.imx_product_tag {
    padding: 2px 8px;
    border-radius: 4px;
    background: var(--c_bg_circle);
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 500;
    font-size: var(--fs_product_tag);
    line-height: 24px;
}

/* 標籤前綴文字【適用：】固定在左欄 */
.imx_product_tag_label {
    flex: 0 0 auto;
    white-space: nowrap;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 500;
    font-size: var(--fs_product_tag);
    line-height: 28px;
}

/* 查看詳情：Figma 內距 12/24 */
.imx_product_btn {
    margin-top: 12px;
    padding: 12px 24px;
    gap: 16px;
    border-radius: 0;
    font-size: var(--fs_product_btn);
}

/* ============================================================
   產品設備 - 機器介紹（內頁）
   ============================================================ */
/* 內頁上方區塊：Figma 1383 x 337、圖文間距 16 */
.imx_product_detail_head {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* 內頁主圖：Figma 724.81 x 334.66（佔整列 52.4%）、底色 #EBF6FE */
.imx_product_detail_img {
    flex: 0 0 52.4%;
    width: 52.4%;
    aspect-ratio: 724.81 / 334.66;
    border: 1px solid var(--c_border);
    
    overflow: hidden;
}

.imx_product_detail_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 內頁文字區：Figma 641 寬、左內距 32 */
.imx_product_detail_main {
    flex: 1 1 auto;
    min-width: 0;
    padding-left: 32px;
}

/* 內頁機器型號：Figma Noto Sans TC 700 / 32px / 行高 48 / 色 #18324A */
.imx_product_model_lg {
    color: var(--c_title);
    font-size: var(--fs_product_model_lg);
    line-height: 48px;
    letter-spacing: 0;
}

/* 內頁機器名稱：Figma Noto Sans TC 600 / 40px / 黑色，下方接分隔線 */
.imx_product_detail_title {
    margin: 0;
    padding-bottom: 0;
    border-bottom: 1px solid var(--c_border);
    padding-bottom: 12px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 600;
    font-size: var(--fs_product_detail_title);
    line-height: 1.15;
}

/* 內頁說明：Figma Noto Sans TC 400 / 20px / 行高 30，與分隔線距離 16 */
.imx_product_detail_main .imx_product_summary {
    margin-top: 16px;
    font-size: var(--fs_product_summary);
    line-height: 30px;
}

.imx_product_detail_tags {
    margin-top: 24px;
}

/* 產品特點與優勢說明 */
.imx_product_section_title {
    margin: 20px 0 20px;
    padding-bottom: 20px;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_product_section_title);
    line-height: 1.4;
    border-bottom: 1px solid var(--c_border);
}

.imx_product_content {
    margin-top: 24px;
}

@media (max-width: 1399px) {
    .imx_product_row {
        display: block;
    }
    .imx_product_row_img {
        width: 100%;
    }
    .imx_product_summary {
        line-height: 1.7;
    }

    .imx_product_model_lg {
        line-height: 40px;
    }

    .imx_product_detail_main .imx_product_summary {
        line-height: 1.7;
    }

}

/* ------------------------------------------------------------
   產品設備 手機版：改為單欄卡片、規格表改為上下堆疊
   ------------------------------------------------------------ */
@media (max-width: 991px) {

    /* Figma：三個入口排在同一列，子分類整組另起一列（列距 20） */
    .imx_product_nav {
        column-gap: 4px;
        row-gap: 15px;
    }

    /* 用排序讓子分類永遠排在三個入口之後，不會把入口擠到第三列 */
    .imx_product_nav .imx_anchor_item {
        order: 1;
    }

    .imx_product_nav_subs {
        order: 2;
        flex: 0 0 100%;
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 8px;
    }

    /* 子分類：Figma Hug x 28、圓角 30、1.5px 藍框、左右內距 16（含框線） */
    .imx_product_nav_sub {
        min-width: 0;
        width: auto;
        min-height: 28px;
        height: 28px;
        padding: 0 15px;
        border-width: 1.5px;
        line-height: 1;
    }

    .imx_product_page {
        padding: 20px 20px 0;
    }

    .imx_product_series_title {
        padding-bottom: 12px;
    }

    .imx_product_rows {
        padding-top: 0;
    }

    /* 手機版每台機器為一張卡片 */
    .imx_product_row {
        padding: 0;
        margin-top: 20px;
        border: 1px solid var(--c_border);
        border-radius: 12px;
        overflow: hidden;
    }

    .imx_product_row + .imx_product_row {
        margin-top: 20px;
    }

    .imx_product_row_img {
        aspect-ratio: 380 / 200;
        border: 0;
    }

    .imx_product_row_main {
        padding: 16px;
        display: block;
    }

    .imx_product_model {
        line-height: 20px;
        letter-spacing: 2px;
    }

    .imx_product_title {
        margin-top: 6px;
    }

    .imx_product_summary {
        margin-top: 10px;
        line-height: 24px;
    }

    .imx_product_tags {
        margin-top: 12px;
        gap: 6px;
    }

    .imx_product_tag_list {
        gap: 6px;
    }

    .imx_product_tag {
        line-height: 20px;
    }

    .imx_product_tag_label {
        line-height: 24px;
    }

    /* 手機版按鈕為滿版 */
    .imx_product_btn {
        width: 100%;
        margin-top: 16px;
        padding: 12px 20px;
        border-radius: 8px;
    }

    /* 內頁：主圖與文字改為上下排列 */
    .imx_product_detail_head {
        display: block;
    }

    .imx_product_detail_img {
        width: 100%;
        aspect-ratio: 380 / 200;
        border-radius: 12px;
    }

    .imx_product_detail_main {
        margin-top: 16px;
        padding-left: 0;
    }

    .imx_product_model_lg {
        line-height: 28px;
    }

    .imx_product_detail_title {
        margin-top: 4px;
        padding-bottom: 12px;
        line-height: 1.4;
    }

    .imx_product_detail_main .imx_product_summary {
        margin-top: 12px;
        line-height: 24px;
    }

    .imx_product_detail_tags {
        margin-top: 16px;
    }

    .imx_product_section_title {
        margin: 28px 0 12px;
    }
}

/* ============================================================
   產品設備 - 依袋型選擇
   ============================================================ */
/* 分類標題：Figma Noto Sans TC 700 / 25.6px / 行高 38.4 / 色 #18324A（無底線） */
.imx_bag_navi_title {
    padding-bottom: 0;
    border-bottom: 0;
    color: var(--c_title);
    font-size: var(--fs_bag_navi_title);
    line-height: 38.4px;
}

/* 分類簡介：Figma Noto Sans TC 400 / 18px / 行高 29.25 / 黑色 */
.imx_bag_navi_desc {
    margin-top: 12px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_bag_navi_desc);
    line-height: 29.25px;
}

/* 製袋工法說明：Figma 兩欄卡片、列距與欄距皆 16、上方留白 40 */
.imx_bag_process_list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

/* 單張工法卡：Figma 650 x 308、內距 20、框線 1.34、底色 #EBF6FE */
.imx_bag_process {
    padding: 20px;
    border: 1px solid var(--c_border);
    background: var(--c_bg_circle);
}

/* 工法名稱：Figma Noto Sans TC 700 / 20px / 黑色 */
.imx_bag_process_title {
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--c_border);
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_bag_process_title);
    line-height: 30px;
}

/* 工法內容列：Figma Noto Sans TC 400 / 18px / 行高 29.25 / 黑色 */
.imx_bag_process_row {
    margin-bottom: 12px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_bag_process_row);
    line-height: 29.25px;
}

.imx_bag_process_row:last-child {
    margin-bottom: 0;
}

/* 工法欄位標籤：Figma SemiBold 600 / 色 #18324A */
.imx_bag_process_label {
    color: var(--c_title);
    font-weight: 600;
}

/* 袋型種類：Figma 兩欄、列距 15、欄距 10 */
.imx_bag_type_list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px 10px;
}

/* 單張袋型卡：Figma 662.5 寬、外框線 1px */
.imx_bag_type {
    border: 1px solid var(--c_border);
    background: var(--c_white);
    overflow: hidden;
}

/* 情境照：Figma 659.83 x 368 */
.imx_bag_type_photo {
    width: 100%;
    aspect-ratio: 659.83 / 368;
    background: var(--c_bg_circle);
    overflow: hidden;
}

.imx_bag_type_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 卡片下半：Figma 內距 24、圖文間距 24（文字欄寬 486.72） */
.imx_bag_type_body {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: 24px;
}

/* 袋型線稿圖：素材比例 400 x 500 */
.imx_bag_type_draw {
    flex: 0 0 104px;
    width: 104px;
    aspect-ratio: 400 / 500;
    background: var(--c_white);
    overflow: hidden;
}

.imx_bag_type_draw img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.imx_bag_type_text {
    flex: 1 1 auto;
    min-width: 0;
}

/* 袋型名稱：Figma Noto Sans TC 700 / 20px / 行高 30 / 黑色 */
.imx_bag_type_title {
    margin-bottom: 8px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_bag_type_title);
    line-height: 30px;
}

/* 袋型內容列：Figma Noto Sans TC 400 / 18px / 行高 29.25 / 黑色 */
.imx_bag_type_row {
    margin-bottom: 8px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_bag_type_row);
    line-height: 29.25px;
}

.imx_bag_type_row:last-child {
    margin-bottom: 0;
}

/* 袋型欄位標籤：Figma SemiBold 600 / 色 #18324A */
.imx_bag_type_label {
    color: var(--c_title);
    font-weight: 600;
}

/* 區塊標題（袋型種類、適用機器）：Figma Noto Sans TC 700 / 20px / 行高 30 / 色 #18324A */
.imx_bag_section_title {
    margin: 16px 0 24px;
    padding-bottom: 12px;
    font-size: var(--fs_bag_section_title);
    line-height: 30px;
}

.imx_bag_related_title {
    margin-top: 32px;
    margin-bottom: 20px;
    color: var(--c_text);
    border-bottom: none;
    padding-bottom: 0;
}
/* 適用機器列表：Figma 單欄 grid、列距 16（與依機器型號列表的 32 不同） */
.imx_bag_related {
    padding-top: 0;
}

.imx_bag_related .imx_product_row + .imx_product_row {
    margin-top: 16px;
}

/* ============================================================
   產品設備 - 依市場需求選擇
   ============================================================ */
/* 頁面說明：Figma Noto Sans TC 400 / 16px / 行高 26 */
.imx_market_intro {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_market_intro);
    line-height: 26px;
}

/* 外框：Figma 淺藍框線（上緣接在標題列下方，故不重複畫上框線） */
.imx_market_box {
    border: 1px solid var(--c_border);
    border-top: 0;
    background: var(--c_white);
    overflow: hidden;
}

/* 「市場需求」標題列：Figma 高 60、20px/700、字距 4，文字左緣對齊下方各列的名稱
   （標題列與方框為兄弟元素，手機版才能用 order 調整與說明文字的順序） */
.imx_market_head {
    margin: 40px 0 0;
    border: 1px solid var(--c_border);
    border-bottom: 0;
    padding: 15px 40px 15px 100px;
    background: #5EB8E6;
    color: var(--c_white);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_market_head);
    line-height: 30px;
    letter-spacing: 4px;
}

/* 單列：圖示 + 文字 + 按鈕（Figma 內距 30/40、圖文間距 32） */
.imx_market_row {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 30px 40px;
    border-bottom: 1px solid var(--c_border);
    scroll-margin-top: 130px;
    box-shadow: 0 4px 8px rgb(11, 79, 138, 0.05);
}

/* 隔列淺藍底：Figma 第一列白底、第二列淺藍 */
.imx_market_row:nth-child(even) {
    background: var(--c_bg_light);
}

.imx_market_icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c_blue);
}

.imx_market_icon svg,
.imx_market_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* 手機版圖示於電腦版不顯示 */
.imx_market_icon_mobile {
    display: none;
}

.imx_market_text {
    flex: 1 1 auto;
    min-width: 0;
}

/* 市場名稱：Figma Noto Sans TC 700 / 20px / 行高 30 / 色 #18324A */
.imx_market_title {
    margin-bottom: 8px;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_market_title);
    line-height: 30px;
}

/* 市場說明：Figma Noto Sans TC 400 / 16px / 行高 26 / 黑色 */
.imx_market_desc {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_market_desc);
    line-height: 26px;
}

.imx_market_btn {
    flex: 0 0 auto;
    padding: 10px 20px;
    gap: 12px;
    border-radius: 0;
}

@media (max-width: 1399px) {
    .imx_bag_navi_title {
        line-height: 34px;
    }

    .imx_bag_navi_desc {
        line-height: 28px;
    }

    .imx_bag_process_list {
        margin-top: 28px;
    }

    .imx_bag_process_row,
    .imx_bag_type_row {
        line-height: 28px;
    }

    .imx_bag_type_body {
        gap: 20px;
        padding: 20px;
    }

    .imx_bag_type_draw {
        flex: 0 0 96px;
        width: 96px;
    }

    .imx_market_head {
        padding: 13px 24px 13px 88px;
    }

    .imx_market_row {
        gap: 24px;
        padding: 24px;
    }

    .imx_market_title {
        line-height: 28px;
    }
}

/* ------------------------------------------------------------
   依袋型選擇／依市場需求選擇 手機版：改為單欄
   ------------------------------------------------------------ */
@media (max-width: 991px) {
    /* 手機版各區塊自帶左右內距，內容區不再統一留白 */
    .imx_bag_page {
        padding: 0;
    }

    /* 分類標題與簡介：Figma 獨立外框卡片，內距 24/20、間距 12 */
    .imx_bag_intro {
        padding: 24px 20px;
        border: 1px solid var(--c_border);
    }

    /* 製袋工法區塊：Figma 內距 24/20、卡距 20 */
    .imx_bag_process_section {
        padding: 24px 20px;
    }

    /* 袋型種類區塊：Figma 淺藍底 + 外框線，內距 24/20 */
    .imx_bag_types_section {
        padding: 24px 20px;
        border: 1px solid var(--c_border);
        background: var(--c_bg_light);
    }

    /* 適用機器區塊：Figma 內距 24/20 */
    .imx_bag_related_section {
        padding: 24px 20px;
    }

    /* 區塊標題：Figma 700 / 20px / 行高 28 */
    .imx_bag_section_title {
        margin: 0 0 20px;
        padding-bottom: 0;
        border-bottom: 0;
        line-height: 28px;
    }

    .imx_bag_related_title {
        margin-top: 0;
    }

    /* 分類標題：Figma 700 / 20px / 行高 28 */
    .imx_bag_navi_title {
        line-height: 28px;
    }

    .imx_bag_navi_desc {
        margin-top: 12px;
        line-height: 24px;
    }

    .imx_bag_process_list {
        margin-top: 0;
        grid-template-columns: minmax(0, 1fr);
        /* Figma 卡距 20 */
        gap: 20px;
    }

    .imx_bag_process {
        padding: 16px;
        border-radius: 12px;
    }

    .imx_bag_process_title {
        padding-bottom: 12px;
        margin-bottom: 12px;
        line-height: 26px;
    }

    .imx_bag_process_row {
        margin-bottom: 8px;
        line-height: 24px;
    }

    .imx_bag_type_list {
        grid-template-columns: minmax(0, 1fr);
        /* Figma 卡距 20 */
        gap: 20px;
    }

    .imx_bag_type {
        border-radius: 12px;
    }

    .imx_bag_type_draw {
        flex: 0 0 80px;
        width: 80px;
    }

    .imx_bag_type_title {
        line-height: 26px;
    }

    .imx_bag_type_row {
        line-height: 24px;
    }

    /* 市場需求：圖示與標題同一列，按鈕另起一列滿版 */
    /* 手機版順序：標題列 → 說明文字 → 卡片列表（Figma 手機稿） */
    .imx_market_section {
        display: flex;
        flex-direction: column;
    }

    .imx_market_head {
        order: 1;
        margin: 0;
        padding: 8px 16px;
        border: 0;
        border-radius: 4px;
        line-height: 24px;
        letter-spacing: 4px;
    }

    /* 說明文字：Figma 400 / 15px / 行高 22 */
    .imx_market_intro {
        order: 2;
        margin-top: 12px;
        line-height: 22px;
    }

    /* 卡片容器：Figma 卡片間距 16、下方留白 48 */
    .imx_market_box {
        order: 3;
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin-top: 16px;
        margin-bottom: 48px;
        border: 0;
        border-radius: 0;
        background: none;
        overflow: visible;
    }

    /* 每一筆改為獨立卡片：Figma 圓角 12、框線 1px、內距 20、間距 16 */
    .imx_market_row {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 16px 12px;
        padding: 20px;
        border: 1px solid var(--c_border);
        border-radius: 12px;
        background: var(--c_white);
        scroll-margin-top: 150px;
    }

    .imx_market_row:nth-child(even) {
        background: var(--c_white);
    }

    /* 圖示：Figma 32 圓形淺藍底 */
    .imx_market_icon {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: var(--c_bg_circle);
    }

    .imx_market_icon svg,
    .imx_market_icon img {
        width: 18px;
        height: 18px;
    }

    .imx_market_icon_pc {
        display: none;
    }

    .imx_market_icon_mobile {
        display: block;
    }

    /* 名稱與說明改為方框的直接子項，說明才能獨佔一整列 */
    .imx_market_text {
        display: contents;
    }

    /* 市場名稱：Figma 700 / 18px / 行高 24 / 黑色 */
    .imx_market_title {
        flex: 1 1 auto;
        min-width: 0;
        margin-bottom: 0;
        color: var(--c_text);
        line-height: 24px;
    }

    /* 市場說明：Figma 400 / 15px / 行高 22 */
    .imx_market_desc {
        flex: 0 0 100%;
        line-height: 22px;
    }

    /* 按鈕：Figma 滿版、高 44、圓角 8、底色 #5EB8E6 */
    .imx_market_btn {
        flex: 0 0 100%;
        width: 100%;
        min-height: 44px;
        padding: 10px 24px;
        gap: 8px;
        border-radius: 8px;
        background: #5EB8E6;
    }
}

/* ============================================================
   單純內容頁（full_page：隱私權政策等，只有上方大圖 + 編輯器內容）
   ============================================================ */
.imx_full_page {
    padding-top: 60px;
    padding-bottom: 100px;
}

@media (max-width: 1399px) {
    .imx_full_page {
        padding-top: 40px;
        padding-bottom: 70px;
    }
}

@media (max-width: 991px) {
    .imx_full_page {
        padding: 24px 20px 48px;
    }
}

/* ============================================================
   聯絡我們　Figma：左側公司資訊 + 右側聯絡表單（無側欄）
   ============================================================ */
.imx_contact_wrap {
    padding-top: 0px;
    padding-bottom: 90px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

/* 左側公司資訊：Figma 約佔內容寬 35% */
.imx_contact_info {
    flex: 0 0 33%;
    width: 33%;
}

/* 右側聯絡表單 */
.imx_contact_form_wrap {
    flex: 1 1 auto;
    min-width: 0;
}

/* 區塊標題：Figma Noto Sans TC 700 / 20px / 行高 30 / 色 #18324A + 底線 */
.imx_contact_head {
    padding-bottom: 16px;
    margin-bottom: 28px;
    border-bottom: 1px solid var(--c_border);
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_contact_head);
    line-height: 30px;
}

/* ------------------------------------------------------------
   公司資訊（後台編輯器內容）
   後台輸出格式：<p><img 圖示><strong>標題</strong><br>內容</p>
   圖示改由編輯器內的圖片維護，不再寫死於前台程式碼
   ------------------------------------------------------------ */
.html_ekditor_content.imx_contact_rows {
    color: var(--c_title);
    font-size: var(--fs_contact_row);
    line-height: 24px;
}

/* 每一列：圖示絕對定位於左側，標題與內容為同一段文字流
   （不可用 flex，否則 <strong> 會被視為獨立項目而與內容並排） */
.html_ekditor_content.imx_contact_rows p {
    position: relative;
    padding-left: 44px;
    margin: 0 0 24px;
    font-weight: 600;
}

.html_ekditor_content.imx_contact_rows p:last-child {
    margin-bottom: 0;
}

/* 圖示：淺藍圓角底、固定 28 */
.html_ekditor_content.imx_contact_rows img {
    position: absolute;
    left: 0;
    top: 2px;
    width: 28px;
    height: 28px !important;
    margin: 0;
    padding: 5px;
    border-radius: 6px;
    background: var(--c_bg_circle);
}

/* 標題已為區塊元素，編輯器內容中的換行標籤會多出一行空白，故隱藏 */
.html_ekditor_content.imx_contact_rows br {
    display: none;
}

/* 標題：Figma Noto Sans TC 700 / 20px / 行高 30 / 大寫 / 字距 0.5 */
.html_ekditor_content.imx_contact_rows strong {
    display: block;
    color: var(--c_text);
    font-weight: 700;
    font-size: var(--fs_contact_row_title);
    line-height: 30px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

/* 資訊列：圖示 + 標題 + 內容 */
.imx_contact_row {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 24px;
}

.imx_contact_row:last-child {
    margin-bottom: 0;
}

/* 圖示：淺藍圓角底、藍色線條 */
.imx_contact_icon {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-top: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: var(--c_bg_circle);
    color: var(--c_blue);
}

.imx_contact_icon svg {
    width: 16px;
    height: 16px;
}

.imx_contact_text {
    flex: 1 1 auto;
    min-width: 0;
}

/* 資訊標題：Figma Noto Sans TC 700 / 20px / 行高 30 / 大寫 / 字距 0.5 */
.imx_contact_label {
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_contact_label);
    line-height: 30px;
    letter-spacing: .5px;
    text-transform: uppercase;
}

/* 資訊內容：Figma Noto Sans TC 600 / 16px / 行高 24 / 色 #18324A */
.imx_contact_value {
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 600;
    font-size: var(--fs_contact_value);
    line-height: 24px;
    word-break: normal;
    overflow-wrap: break-word;
}

/* ------------------------------------------------------------
   聯絡表單
   ------------------------------------------------------------ */
.imx_field {
    margin-bottom: 20px;
}

/* 欄位標題：Figma Noto Sans TC 700 / 16px / 行高 24 / 大寫 / 字距 0.8 */
.imx_field_label {
    display: block;
    margin-bottom: 8px;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_field_label);
    line-height: 24px;
    letter-spacing: .8px;
    text-transform: uppercase;
}

/* 必填星號 */
.imx_field_required {
    margin-left: 4px;
    color: #E4572E;
}

/* 輸入框：Figma 高 51、框線 1.34px、內距 12/16 */
.imx_field_input {
    width: 100%;
    min-height: 51px;
    padding: 12px 16px;
    border: 1px solid var(--c_border);
    border-radius: 0;
    background: var(--c_white);
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 400;
    font-size: var(--fs_field_input);
    line-height: 26px;
    transition: border-color .2s ease;
}

.imx_field_input::placeholder {
    color: var(--color-text-muted);
}

.imx_field_input:focus {
    outline: none;
    border-color: var(--c_blue);
}

.imx_field_textarea {
    min-height: 150px;
    resize: vertical;
}

.imx_field_recaptcha {
    margin-bottom: 20px;
}

/* 送出按鈕：Figma 滿版藍底 */
.imx_contact_submit {
    width: 100%;
    padding: 12px 24px;
    border: 0;
    cursor: pointer;
    border-radius: 0;
}

@media (max-width: 1399px) {
    .imx_contact_wrap {
        padding-top: 32px;
        padding-bottom: 48px;
    }

    .imx_contact_label {
        line-height: 28px;
    }
}

@media (max-width: 991px) {
    .imx_contact_submit {
        border-radius: 4px;
    }
}
/* ------------------------------------------------------------
   聯絡我們 手機版：改為上下排列
   ------------------------------------------------------------ */
@media (max-width: 991px) {
    .imx_contact_wrap {
        padding: 24px 20px 40px;
        flex-direction: column;
        gap: 32px;
    }

    .imx_contact_info,
    .imx_contact_form_wrap {
        flex: 0 0 auto;
        width: 100%;
    }

    .imx_contact_head {
        padding-bottom: 12px;
        margin-bottom: 20px;
        line-height: 28px;
    }

    .imx_contact_row {
        gap: 12px;
        margin-bottom: 20px;
    }

    .html_ekditor_content.imx_contact_rows {
        line-height: 24px;
    }

    .html_ekditor_content.imx_contact_rows p {
        padding-left: 36px;
        margin-bottom: 20px;
    }

    .html_ekditor_content.imx_contact_rows img {
        width: 24px;
        height: 24px !important;
        padding: 4px;
    }

    .html_ekditor_content.imx_contact_rows strong {
        line-height: 24px;
    }

    .imx_contact_icon {
        flex: 0 0 24px;
        width: 24px;
        height: 24px;
    }

    .imx_contact_icon svg {
        width: 14px;
        height: 14px;
    }

    .imx_contact_label {
        line-height: 24px;
    }

    .imx_contact_value {
        line-height: 24px;
    }

    .imx_field_input {
        min-height: 46px;
        padding: 10px 14px;
    }

    .imx_field_textarea {
        min-height: 120px;
    }
}

/* ------------------------------------------------------------
   聯絡我們 - 送出完成
   ------------------------------------------------------------ */
.imx_contact_done {
    padding-top: 80px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.imx_contact_done_icon {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--c_bg_circle);
    color: var(--c_blue);
}

.imx_contact_done_icon svg {
    width: 40px;
    height: 40px;
}

.imx_contact_done_title {
    margin-top: 24px;
    color: var(--c_title);
    font-family: var(--f_tc);
    font-weight: 700;
    font-size: var(--fs_contact_done_title);
    line-height: 1.4;
}

.imx_contact_done_text {
    margin-top: 16px;
    max-width: 720px;
    text-align: center;
}

.imx_contact_done_btn {
    margin-top: 32px;
}

@media (max-width: 991px) {
    .imx_contact_done {
        padding: 48px 20px 64px;
    }

    .imx_contact_done_icon {
        width: 56px;
        height: 56px;
    }

    .imx_contact_done_icon svg {
        width: 30px;
        height: 30px;
    }

    .imx_contact_done_title {
        margin-top: 16px;
    }
}

/* ============================================================
   分頁器　.imx_pager（各列表頁共用，標記於 app/Views/pagination.php）
   配色沿用品牌色：目前頁為藍色漸層、其餘為淺藍底
   ============================================================ */
.imx_pager {
    margin-top: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* 頁碼：40 x 40 圓角方塊 */
.imx_pager_item {
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    color: var(--c_text);
    font-family: var(--f_tc);
    font-weight: 600;
    font-size: var(--fs_pager);
    line-height: 1;
    transition: background .2s ease, color .2s ease;
}

.imx_pager_item:hover {
    background: var(--c_bg_circle);
    color: var(--c_text);
}

/* 目前所在頁 */
.imx_pager_item.is_active {
    background: linear-gradient(180deg, #6fc4f0 0%, #39a9e8 100%);
    color: var(--c_white);
}

/* 上一頁／下一頁箭頭 */
.imx_pager_arrow {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--c_border);
    border-radius: 50%;
    color: var(--c_navy);
    background: var(--c_white);
    transition: background .2s ease, color .2s ease, border-color .2s ease;
}

.imx_pager_arrow svg {
    width: 18px;
    height: 18px;
}

.imx_pager_arrow:hover {
    border-color: var(--c_blue);
    background: var(--c_blue);
    color: var(--c_white);
}

/* 已無上／下一頁時的停用狀態 */
.imx_pager_arrow.is_disabled {
    border-color: var(--c_border);
    color: #c3d8e5;
    background: var(--c_white);
    pointer-events: none;
}

@media (max-width: 991px) {
    .imx_pager {
        margin-top: 32px;
        gap: 6px;
    }

    .imx_pager_item,
    .imx_pager_arrow {
        min-width: 36px;
        width: auto;
        height: 36px;
    }

    .imx_pager_arrow {
        width: 36px;
    }
}

/* ============================================================
   編輯器內容共用樣式　.html_ekditor_content
   後台文字編輯器輸出的內容（關於我們、最新消息內頁…）一律套用此類別
   本檔載入於 gs.css 之後，以下規則同時用於覆寫 gs.css 的基礎設定
   ============================================================ */
.html_ekditor_content {
    width: 100%;
    /* font-family: var(--f_tc);
    font-weight: 400;
    line-height: 1.3; */
    /* 覆寫 gs.css 的 break-all，避免英文單字被從中間切斷 */
    word-break: normal;
    overflow-wrap: break-word;
}

/* gs.css 將所有子元素行高鎖成 1.5em，改為繼承以便各標籤自行設定 */
.html_ekditor_content * {
    line-height: inherit;
}

.html_ekditor_content p {
    margin: 0 0 14px;
}

.html_ekditor_content p:last-child {
    margin-bottom: 0;
}

.html_ekditor_content h1,
.html_ekditor_content h2,
.html_ekditor_content h3,
.html_ekditor_content h4 {
    margin: 28px 0 12px;
    color: var(--c_title);
    font-weight: 700;
}

.html_ekditor_content ul,
.html_ekditor_content ol {
    margin: 0 0 14px;
    padding-left: 22px;
    list-style: revert;
}

.html_ekditor_content li {
    margin-bottom: 6px;
}

.html_ekditor_content a {
    color: var(--c_text);
    text-decoration: underline;
}

.html_ekditor_content img {
    max-width: 100%;
    height: auto !important;
    margin: 16px 0;
}

/* 影片嵌入：維持 16:9 並隨容器縮放 */
.html_ekditor_content iframe {
    max-width: 100%;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

.html_ekditor_content .table_container {
    width: 100%;
    overflow-x: auto;
}
/* 表格（公司基本資料、產品與服務範圍） */
.html_ekditor_content table {
    min-width: 800px;
    margin: 16px 0;
    border-collapse: collapse;
}

.html_ekditor_content table th,
.html_ekditor_content table td {
    padding: 12px 16px;
    border: 1px solid var(--c_border);
    text-align: left;
    vertical-align: top;
}

.html_ekditor_content table th {
    /* background: var(--c_bg_light);
    color: var(--c_title);
    */
    font-weight: 700; 
    white-space: nowrap;
}

/* 表格於窄畫面可橫向捲動，避免撐破版面 */
.html_ekditor_content .table_scroll,
.html_ekditor_content figure.table {
    overflow-x: auto;
}

/* ============================================================
   超寬螢幕（1921 以上）
   首頁關於我們與形象 banner 仍由 .gs_container_full 限制在 1920 寬，
   高度同步停止等比放大，維持 Figma 的設計比例。
   （主輪播與內頁上方大圖已改為滿版，不在此限高）
   ============================================================ */
@media (min-width: 1921px) {

    /* 首頁關於我們 Figma 1920 x 1395.6 */
    .imx_about {
        height: 1396px;
    }

    /* 形象 banner Figma 1920 x 927 */
    .imx_banner {
        height: 927px;
    }
}

/* ============================================================
   多語系版面微調　:lang()
   英文與日文的字串長度與繁中差異大，以下針對會擠壓或溢出的區塊
   個別調整，僅套用於該語系，不影響繁中／簡中版面。
   （簡中字長與繁中相同，實測無差異，故不需調整）
   ============================================================ */

/* 首頁三大特色：圓內中文字
   .imx_feature_tc 設定了 white-space: nowrap，
   日文「インテリジェント」共 8 個片假名，40px 會直接撐出圓圈外，故縮小字級 */
:lang(ja) .imx_feature_intelligent .imx_feature_tc {
    font-size: 26px;
}

@media (max-width: 1599px) {
    :lang(ja) .imx_feature_intelligent .imx_feature_tc {
        font-size: 22px;
    }
}

/* 圓圈直徑隨容器等比縮小，字級也需再降一級才不會貼到圓框 */
@media (max-width: 1399px) {
    :lang(ja) .imx_feature_intelligent .imx_feature_tc {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    :lang(ja) .imx_feature_intelligent .imx_feature_tc {
        font-size: 16px;
    }
}

@media (max-width: 991px) {

    /* 手機版三大特色改為卡片排列，字串長度不再受圓圈限制，還原原字級 */
    :lang(ja) .imx_feature_intelligent .imx_feature_tc {
        font-size: var(--fs_feature_tc);
    }
}

/* 首頁三大特色：圓圈外的說明文字
   欄寬僅 10.4%～15.6%，英文與日文會被擠成 8～10 行的細長條，
   放寬欄寬並縮小字級，讓行數回到與繁中相近 */
:lang(en) .imx_feature_stable .imx_feature_note,
:lang(en) .imx_feature_intelligent .imx_feature_note,
:lang(ja) .imx_feature_stable .imx_feature_note,
:lang(ja) .imx_feature_intelligent .imx_feature_note {
    width: 20%;
    font-size: 14px;
    line-height: 1.5;
}

:lang(en) .imx_feature_fast .imx_feature_note,
:lang(ja) .imx_feature_fast .imx_feature_note {
    width: 15.6%;
    font-size: 14px;
    line-height: 1.5;
}

/* 窄桌機（1199 以下）圓圈區塊高度已被壓縮，
   英文與日文的說明文字若維持 14px 會超出 .imx_about 底部，再降一級 */
@media (max-width: 1199px) {

    :lang(en) .imx_feature_stable .imx_feature_note,
    :lang(en) .imx_feature_fast .imx_feature_note,
    :lang(en) .imx_feature_intelligent .imx_feature_note,
    :lang(ja) .imx_feature_stable .imx_feature_note,
    :lang(ja) .imx_feature_fast .imx_feature_note,
    :lang(ja) .imx_feature_intelligent .imx_feature_note {
        font-size: 13px;
        line-height: 1.4;
    }
}

@media (max-width: 991px) {

    /* 手機版為卡片排列，寬度由 grid 決定，還原字級 */
    :lang(en) .imx_feature_stable .imx_feature_note,
    :lang(en) .imx_feature_intelligent .imx_feature_note,
    :lang(en) .imx_feature_fast .imx_feature_note,
    :lang(ja) .imx_feature_stable .imx_feature_note,
    :lang(ja) .imx_feature_intelligent .imx_feature_note,
    :lang(ja) .imx_feature_fast .imx_feature_note {
        width: 100%;
        font-size: var(--fs_feature_note);
        line-height: 20px;
    }
}

/* 首頁關於我們主標
   繁中 2 行、英文 4 行、日文 3 行，行數差距讓整塊往下擠，縮小字級收斂行數 */
:lang(en) .imx_about_title,
:lang(ja) .imx_about_title {
    font-size: 30px;
}

@media (max-width: 1599px) {

    :lang(en) .imx_about_title,
    :lang(ja) .imx_about_title {
        font-size: 26px;
    }
}

/* 桌機 992～1899：.imx_about_text 只佔 32.5%（1000 寬時約 320px），
   英文與日文主標會撐到 3～4 行，把下方描述文字推進絕對定位的圓圈底圖範圍內被蓋住
   （實測 1000 寬時被蓋住 94px，到 1750 寬都還有 10px 重疊）。
   文字欄右側到淺藍襯底圓（left 46.88%）之間還有空白，
   因此加寬文字欄並收斂行高，讓整個文字區回到圓圈圖上方。
   下限 992 是為了不影響 991 以下的手機版堆疊佈局 */
@media (min-width: 992px) and (max-width: 1899px) {

    :lang(en) .imx_about_text,
    :lang(ja) .imx_about_text {
        width: 35%;
        gap: 14px;
    }

    :lang(en) .imx_about_title,
    :lang(ja) .imx_about_title {
        line-height: 1.28;
    }

    :lang(en) .imx_about_desc,
    :lang(ja) .imx_about_desc {
        line-height: 1.15;
    }

}

@media (max-width: 991px) {

    :lang(en) .imx_about_title,
    :lang(ja) .imx_about_title {
        font-size: 22px;
        line-height: 32px;
    }
}

/* 參展資訊表格的標籤欄
   欄寬固定 128px，英文「Opening Hours」放不下會折成兩行，改為自適應 */
:lang(en) .imx_exh_table_label {
    flex: 0 0 172px;
    width: 172px;
}

@media (max-width: 991px) {

    /* 手機版標籤與內容改為上下排列，欄寬設定不再適用 */
    :lang(en) .imx_exh_table_label {
        flex: 0 0 auto;
        width: auto;
    }
}

/* 首頁形象 banner 副標
   .imx_banner_sub 以 top 80.37% + bottom 3% 決定高度，1920 時容器僅 154px。
   繁中／簡中換行後為 2 行（104px）可容納；英文與日文為 3 行（156px），
   會超出 2px 而觸發 overflow-y 的捲軸。
   將區塊上緣往上拉並收斂行高，讓 3 行完整落在容器內
   （1920：容器 213px／內容 144px；實測 992～2560 全段皆不溢出，亦不與主標重疊）。
   手機版（991 以下）為靜態流排版不會出現捲軸，故限定 992 以上才套用。 */
@media (min-width: 992px) {

    :lang(en) .imx_banner_sub,
    :lang(ja) .imx_banner_sub {
        top: 74%;
        line-height: 1.5;
    }
}

/* 窄桌機 992～1199：欄寬 50% 僅 496～600px，英日文會被擠成 4 行，放寬欄寬收斂回 3 行 */
@media (min-width: 992px) and (max-width: 1199px) {

    :lang(en) .imx_banner_sub,
    :lang(ja) .imx_banner_sub {
        width: 66%;
    }
}