/* PC */
:root {
    /* ----- 原有色彩設定 ----- */
    --color-white: #ffffff;
    --color-black: #000000;
    --color-deep-gray: #333333;
    --color-gold: #80725c;
    --color-blue: #007c92;
    --color-deep-blue: #152d4c;
    --color-darkseagreen: #6f786b;
    --color-green: #355f43;
    --color-deep-green: #004339;
    --color-teal: #0f4752;
    --color-red: #d54835;
    --color-darkred: #962c2a;
    --color-orange: #ff9659;
    --color-purple: #a050ff;

    /* ----- 原有灰階設定 ----- */
    --color-gray-gray50: #f2f1f0;
    --color-gray-gray100: #e8e7e6;
    --color-gray-gray200: #d6d6d5;
    --color-gray-gray300: #bdbcbb;
    --color-gray-gray400: #979796;
    --color-gray-gray500: #7e7e7d;
    --color-gray-gray600: #656464;
    --color-gray-gray700: #4c4c4b;
    --color-gray-gray800: #333333;
    --color-gray-gray900: #222222;

    /* ----- 原有透明度設定 ----- */
    --color-white-10: rgba(255, 255, 255, 0.1000);
    --color-white-20: rgba(255, 255, 255, 0.2000);
    --color-white-30: rgba(255, 255, 255, 0.3000);
    --color-white-40: rgba(255, 255, 255, 0.4000);
    --color-white-50: rgba(255, 255, 255, 0.5000);
    --color-white-60: rgba(255, 255, 255, 0.6000);
    --color-white-70: rgba(255, 255, 255, 0.7000);
    --color-white-80: rgba(255, 255, 255, 0.8000);
    --color-white-90: rgba(255, 255, 255, 0.9000);

    /* ----- 原有功能與狀態色彩 ----- */
    --color-font-main: var(--color-gray-gray900);
    --color-font-sub: var(--color-gray-gray600);
    --color-font-placeholder: var(--color-gray-gray400);
    --color-form-bg: var(--color-gray-gray50);
    --color-form-border: var(--color-gray-gray100);
    
    --color-bg-defualt: #faf7ee; /* 保留你的原始拼字避免破圖 */
    --color-bg-default: #faf7ee; /* 建議未來改用這個正確拼字 */
    --color-bg-white: var(--color-white);

    --color-primary-main: var(--color-gold);
    --color-primary-darken: #6d614e;
    --color-primary-lighten: #938774;
    --color-primary-less: #eceae7;

    --color-secondary-main: var(--color-deep-gray);
    --color-secondary-darken: var(--color-gray-gray900);
    --color-secondary-lighten: var(--color-gray-gray600);
    --color-secondary-less: var(--color-gray-gray100);

    --color-info-main: var(--color-blue);
    --color-info-darken: #006a7c;
    --color-info-lighten: #2690a2;
    --color-info-less: #d9ebef;
    
    --sys-color-secondary-main: #323232;

    /* ----- 原有文字與排版空間設定 ----- */
    --font-size-h1: 64px;
    --font-size-h2: 48px;
    --font-size-h3: 32px;
    --font-size-h4: 24px;
    --font-size-body: 18px;
    --font-size-tag: 14px;

    --unit-space-h-padding: 48px;
    --unit-space-v-padding: 48px;
    --unit-space-between: 32px;
    --unit-space-between-h1: 16px;

    --card-space-h-padding: 16px;
    --card-space-v-padding: 16px;
    --card-space-between: 16px;

    --card-space-2-h-padding: 24px;
    --card-space-2-v-padding: 24px;
    --card-space-2-between-lg: 24px;
    --card-space-2-between-md: 16px;
    --card-space-2-between-sm: 8px;

    --Card-space-H-padding: 16px;
    --Card-space-V-padding: 16px;
    --Card-space-between: 16px;
    
    --Card-space-2-between-lg: 24px;
    --Card-space-2-between-md: 16px;
    --Card-space-2-between-sm: 8px;

    /* ----- 原有元件級別數值 (sds) ----- */
    --sds-size-space-0: 0;
    --sds-size-space-100: 4px;
    --sds-size-space-200: 8px;
    --sds-size-space-400: 16px;
    --sds-size-space-600: 24px;
    --sds-size-space-800: 32px;
    --sds-size-space-1000: 40px;
    --sds-size-space-1200: 48px;
    --sds-size-space-1400: 56px;
    --sds-size-space-1600: 64px;

    --sds-size-depth-0: 0;
    --sds-size-depth-025: 1px;
    --sds-size-depth-100: 4px;

    --sds-size-radius-full: 9999px;
    --Corner-Small: 8px;

    --sds-color-black-200: rgba(12, 12, 13, 0.1);
    --sds-color-black-100: rgba(12, 12, 13, 0.05);

    /* ==========================================
       以下為幫你補齊與修復的變數
       ========================================== */

    /* 1. 補齊遺漏的顏色與數值 */
    --bg-bg-white: var(--color-bg-white);
    --sds-size-space-300: 12px; /* 補齊 200 與 400 之間的數值 */
    --Linear-primary: linear-gradient(135deg, #B5A58B 0%, var(--color-gold) 100%);
    --color-basic-gold: var(--color-gold);
    --Text-default: #1A1A1A;
    --color-font-link: var(--color-gold);
    --line-height-26: 26px;

    /* 2. 修復大小寫不一致 (對應到全小寫的設定) */
    --Unit-space-V-padding: var(--unit-space-v-padding);
    --Unit-space-H-padding: var(--unit-space-h-padding);
    --Unit-space-between: var(--unit-space-between);
    --Card-space-2-V-padding: var(--card-space-2-v-padding);
    --Card-space-2-H-padding: var(--card-space-2-h-padding);
}

/* Moblie */
@media only screen and (max-width: 767px){
    :root {
        /* ----- 原有 Mobile 文字與排版縮小設定 ----- */
        --font-size-h1: 32px;
        --font-size-h2: 24px;
        --font-size-h3: 20px;
        --font-size-h4: 18px;
        --font-size-body: 16px;
        --font-size-tag: 12px;

        --unit-space-h-padding: 16px;
        --unit-space-v-padding: 24px;
        --unit-space-between: 16px;
        --unit-space-between-h1: 12px;

        --card-space-h-padding: 8px;
        --card-space-v-padding: 8px;
        --card-space-between: 8px;

        --card-space-2-h-padding: 16px;
        --card-space-2-v-padding: 16px;
        --card-space-2-between-lg: 12px;
        --card-space-2-between-md: 8px;
        --card-space-2-between-sm: 4px;

        --Card-space-V-padding: 8px;
        --Card-space-H-padding: 8px;
        --Card-space-between: 8px;

        --Card-space-2-between-sm: 4px;
        --Card-space-2-between-md: 8px;
        --Card-space-2-between-lg: 12px;

        /* ==========================================
           以下為幫你補齊與修復 Mobile 變數的區塊
           ========================================== */
           
        /* 修復大小寫不一致 (綁定 Mobile 版縮小後的數值) */
        --Unit-space-V-padding: var(--unit-space-v-padding);
        --Unit-space-H-padding: var(--unit-space-h-padding);
        --Unit-space-between: var(--unit-space-between);
        --Card-space-2-V-padding: var(--card-space-2-v-padding);
        --Card-space-2-H-padding: var(--card-space-2-h-padding);
        
        /* 補齊遺漏的顏色變數 */
        --bg-bg-white: var(--color-bg-white);
    }
}
html, body, h1, h2, h3, h4, h5, h6, p{
  font-family: 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
  font-style: normal;
  margin-bottom: 0;
}
.unit_section{
    display: flex;
    min-height: 320px;
    padding: var(--Unit-space-V-padding, 48px) var(--Unit-space-H-padding, 48px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--Unit-space-between, 32px);
    align-self: stretch;
}
.headline_block{
    display: flex;
    padding: var(--sds-size-space-0) 0;
    flex-direction: column;
    align-items: center;
    gap: var(--sds-size-space-400);
}
.headline_block .title{
    color: var(--color-font-main, #222);
    text-align: center;
    font-size: var(--font-size-h2, 48px);
    font-weight: 500;
    line-height: 125%; /* 60px */
}
.unit_section p{
    color: #000;
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}
.li_inner_p{
    margin-left: -26px;
}
@media only screen and (max-width: 767px){
    .unit_section{
        padding: var(--Unit-space-V-padding, 24px) var(--Unit-space-H-padding, 16px);
        gap: var(--Unit-space-between, 16px);
    }
}
/* tab 共用樣式 */
.tab_style_1{
    margin-bottom: 32px;
}
.tab_style_1 .nav-tabs{
    gap: var(--Card-space-between, 16px);
    border-bottom: none;
}
.tab_style_1 .nav-tabs .nav-item .nav-link{
    border-radius: var(--sds-size-radius-full);
    border: 1px solid var(--sys-color-secondary-main, #323232);
    background: var(--color-bg-defualt, #FAF7EE);
    padding: 0 12px;
    line-height: 46px;
    min-width: 104px;
}
.tab_style_1 .nav-tabs .nav-item .nav-link.active{
    background: var(--sys-color-secondary-main, #323232);
    color: var(--bg-bg-white, #FFF);
}
.tab_style_1 .nav-tabs .nav-item .nav-link:hover{
    background: var(--sys-color-secondary-main, #323232);
    color: var(--bg-bg-white, #FFF);
}
@media only screen and (max-width: 767px){
    .tab_style_1{
        margin-bottom: 16px;
    }
    .tab_style_1 .nav-tabs{
        gap: var(--Card-space-between, 8px);
    }
    .tab_style_1 .nav-tabs .nav-item .nav-link{
        line-height: 34px;
        min-width: 98px;
    }
}
/* card 共用樣式 */
.card_style_1{
    display: flex;
    padding: var(--Card-space-2-V-padding, 24px) var(--Card-space-2-H-padding, 24px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Card-space-2-between-sm, 8px);
    grid-row: span 1;
    grid-column: span 1;
    justify-self: stretch;

    border-radius: 36px 0;
    border: 1px solid var(--color-form-border, #E8E7E6);
    background: var(--color-bg-white, #FFF);

    /* shadow-sm */
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
}
.card_style_2{
    display: inline-flex;
    padding: var(--Card-space-2-V-padding, 24px) 0;
    align-items: center;
    flex-direction: row;

    border-radius: 36px 0;
    border: 1px solid var(--color-form-border, #E8E7E6);
    background: var(--color-bg-white, #FFF);

    /* shadow-sm */
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
}
.card_style_2 .title_block{
    display: flex;
    width: 348px;
    padding: 0 var(--Card-space-2-H-padding, 24px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--sds-size-space-200);
}
.card_style_2 .title_block h4{
    color: var(--color-font-main, #222);
    font-family: Roboto;
    font-size: var(--font-size-h4, 24px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 36px */
}
@media only screen and (max-width: 767px){
    .card_style_1{
        display: flex;
        padding: var(--Card-space-2-V-padding, 16px) var(--Card-space-2-H-padding, 16px);
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: var(--Card-space-2-between-sm, 4px);
    }
    .card_style_2{
        width: 100%;
        display: flex;
        padding: var(--Card-space-2-V-padding, 16px) 0;
        align-items: center;

        border-radius: 36px 0;
        border: 1px solid var(--color-form-border, #E8E7E6);
        background: var(--color-bg-white, #FFF);

        /* shadow-sm */
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.08);
    }
    .card_style_2 .title_block{
        width: calc(100% - 56px);
    }
}
/* btn 共用樣式 */
.download_btn_1 i, 
.download_btn_3 i,
.link_btn_1 i,
.download_btn_2 > span > i {
    /* 既有設定... */
    user-select: none; /* 防止被反白選取 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.download_btn_1{
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;

    border-radius: 12px;
    background: var(--Linear-primary, linear-gradient(135deg, #B5A58B 0%, var(--color-gold, #80725C) 100%));
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    opacity: 1;
}
.download_btn_1:hover{
    opacity: 0.85;
}
.download_btn_1 i{
    color: #FFF;                      /* 對應 Typography 裡的 color */
    font-family: "Material Icons";    /* 對應 Typography 裡的 font-family */
    font-size: 24px;                  /* 對應 Typography 裡的 font-size */
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    
    /* 額外建議：為了確保圖示在不同瀏覽器渲染正常，通常會加上以下兩行 */
    letter-spacing: normal;
    text-transform: none;
}
.download_btn_2{
    display: flex;
    width: 120px;
    justify-content: center;
    align-items: center;

    border-radius: 4px;
    border: 1px solid var(--sys-color-secondary-main, #323232);
}
.download_btn_2 > span{
    display: flex;
    height: 48px;
    min-width: 64px;
    padding: var(--sds-size-space-300);
    justify-content: center;
    align-items: center;
    gap: var(--sds-size-space-200);
}
.download_btn_2 > span > i{
    color: var(--color-secondary-main, #333);
    text-align: center;
    font-family: "Material Icons";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%; /* 20px */
}
.download_btn_3{
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;

    border-radius: 12px;
    border: 0 solid var(--color-basic-gold, #80725C);
}
.download_btn_3 i{
    color: var(--color-basic-gold, #80725C);
    font-family: "Material Icons";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.card_style_2:hover .download_btn_3,
.download_btn_3:hover{
    opacity: 0.85;
}
.link_btn_1{
    display: flex;
    width: 56px;
    height: 56px;
    justify-content: center;
    align-items: center;
    opacity: 1;
}
.card_style_2:hover .link_btn_1,
.link_btn_1:hover{
    opacity: 0.85;
}
.link_btn_1 i{
    color: var(--color-basic-gold, #80725C);
    font-family: "Material Icons";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
/* table 共用樣式 */
table.inv_table{
    table-layout: fixed;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
table.inv_table .th_style_1{
    text-align: center;
    padding: var(--sds-size-space-300) 12px;
    background: var(--color-primary-lighten, #938774);

    color: var(--color-font-white, #FFF);
    text-align: center;
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;
}
table.inv_table tr th, 
table.inv_table .th_style_2{
    min-height: 48px;
    padding: var(--sds-size-space-300) 12px;
    border-right: 1px solid var(--color-gray-gray200, #D6D6D5);
    border-bottom: 1px solid var(--color-gray-gray200, #D6D6D5);
    background: var(--color-primary-less, #ECEAE7);
    
    color: var(--Text-default, #1A1A1A);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;
    text-align: center;
}
table.inv_table tr td{
    min-height: 48px;
    padding: var(--sds-size-space-300) 12px;
    border-right: 1px solid var(--color-gray-gray200, #D6D6D5);
    border-bottom: 1px solid var(--color-gray-gray200, #D6D6D5);
    background: var(--color-bg-white, #FFF);

    color: var(--Text-default, #1A1A1A);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;

    word-wrap: break-word;     /* 允許長單字換行 */
    overflow-wrap: break-word; /* 較新的標準語法，功能相同 */
}
.content_block ol{
    padding-inline-start: 26px;
}
.content_block ol li{
    color: #000;
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}
.content_block ol > li > ol {
  /* 隱藏預設的數字 (1. 2. 3.) */
  list-style-type: none; 
  /* 初始化計數器，這裡將變數命名為 item_counter */
  counter-reset: item_counter; 
  padding-left: 0;
}

.content_block ol > li > ol > li {
  /* 讓每個 li 元素作為絕對定位的參考點 */
  position: relative; 
  /* 預留左側空間給自訂的數字 */
  padding-left: 30px; 
  /* 每次遇到 li，計數器就加 1 */
  counter-increment: item_counter; 
  margin-bottom: 8px;
}

.content_block ol > li > ol > li::before {
  /* 組合左括號、計數器數字與右括號 */
  content: "(" counter(item_counter) ")"; 
  /* 將自訂數字固定在左側，確保多行文字時能整齊對齊 */
  position: absolute; 
  left: 0; 
  top: 0;
}
@media only screen and (max-width: 767px) {
    table.inv_table{
        table-layout: fixed; /* 強制忽略內容影響，依設定的寬度為主 */
        width: 100%;        /* 表格總寬度 */
    }
}
/* list 共用樣式 */
.inv_list{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
}
.inv_list .list_item{
    display: flex;
    padding: var(--sds-size-space-400);
    align-items: center;
    gap: var(--sds-size-space-600);
    align-self: stretch;

    border-bottom: 1px solid var(--color-form-border, #E8E7E6);
    background: var(--color-bg-white, #FFF);
}
/* 主要 banner */
.main_banner{
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main_content_block{
    display: flex;
    padding: var(--sds-size-space-600) 0;
    flex-direction: column;
    gap: 10px;
    align-self: stretch;
}
.main_content_block .title{
    color: #FFF;
    text-align: center;
    font-size: var(--font-size-h1, 64px);
    font-weight: 500;
    line-height: 125%; /* 80px */
}
.main_content_block .en_title{
    color: #FFF;
    text-align: center;

    /* M3/Elevation Light/2 */
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.30), 0 2px 6px rgba(0, 0, 0, 0.15);
    font-size: var(--font-size-h2, 48px);
    font-weight: 400;
    line-height: 150%; /* 36px */
}
/* 主要 banner - 各單元背景圖  */
.financial_info_bg{
    background-image: url('/images/investor/financial_info_banner_bg.svg');
}
/* 各區塊 背景 共用樣式 */
.bg_style_1{
    background-image: url('/images/investor/unit_style_bg_1.png');
    background-position: top left;
    background-repeat: repeat-y;
    background-size: cover;
    align-items: inherit;
}
.bg_style_2{
    background-image: url('/images/investor/unit_style_bg_2.png');
    background-color: #FAF7EE;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg_style_3{
    background-image: url('/images/investor/unit_style_bg_3.png');
    background-color: lightgray ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* 財務報告下載區 */
.unit_style_1_1 .tab-content{
    max-width: 1440px;
    margin: 0 auto 32px auto;
}
.unit_style_1_1 .tab-content .tab-pane .card_group{
    display: grid;
    width: 100%;
    max-width: 1440px;
    row-gap: 32px;
    column-gap: 32px;
    align-self: stretch;
    grid-template-rows: repeat(2,fit-content(100%));
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-auto-flow: row;
}
.unit_style_1_1 .tab-content .card_style_1 .subtitle_block p{
    color: var(--color-font-sub, #656464);
}
.unit_style_1_1 .card_style_1 .content_block{
    display: flex;
    align-items: center;
    gap: var(--sds-size-space-200);
    align-self: stretch;
}
.unit_style_1_1 .card_style_1 .content_block .subtitle_block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}
@media only screen and (max-width: 767px){
    .unit_style_1_1 .tab-content{
        margin-bottom: 16px;
    }
    .unit_style_1_1 .tab-content .tab-pane .card_group{
        grid-template-rows: repeat(1, fit-content(100%));
        grid-template-columns: repeat(1, minmax(0, 1fr));
        row-gap: 16px;
    }
}
/* 法人說明會 */
.unit_style_1_2 .container_block{
    display: flex;
    max-width: 1280px;
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Card-space-2-between-lg, 24px);
}
.unit_style_1_2 .inv_list .list_item .item_1{
    color: var(--color-font-sub, #656464);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;
}
.unit_style_1_2 .inv_list .list_item .item_2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}
.unit_style_1_2 .inv_list .list_item .item_2 p{
    color: var(--Text-default, #1A1A1A);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;
}
.unit_style_1_2 .inv_list .list_item .item_3{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--sds-size-space-200);
}
.unit_style_1_2 .inv_list .list_item .item_3 > div{
    display: flex;
    width: 331px;
    align-items: flex-start;
    gap: var(--sds-size-space-100);
}
.unit_style_1_2 .inv_list .list_item .row_1 > span{
    color: var(--color-font-main, #222);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-26, 26px); /* 144.444% */
}
.unit_style_1_2 .inv_list .list_item .row_1 > i{
    color: var(--color-gray-gray300, #BDBCBB);
    font-family: "Material Icons";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-26, 26px); /* 144.444% */
}
.unit_style_1_2 .inv_list .list_item .row_2 > a{
    color: var(--color-font-link, #80725C);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-26, 26px); /* 144.444% */
}
.unit_style_1_2 .inv_list .list_item .row_2 > a:hover{
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.unit_style_1_2 .inv_list .list_item .row_2 > i{
    color: var(--color-gray-gray300, #BDBCBB);
    font-family: "Material Icons";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--line-height-26, 26px); /* 144.444% */
}
@media only screen and (max-width: 992px){
    .unit_style_1_2 .container_block{
        align-self: stretch;
    }
    .unit_style_1_2 .inv_list .list_item{
        display: flex;
        padding: var(--sds-size-space-400);
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: var(--sds-size-space-400);
        align-self: stretch;
    }
}
@media only screen and (max-width: 767px){
    .unit_style_1_2 .inv_list .list_item .row{
        width: auto;
    }
    .unit_style_1_2 .download_block{
        width: 100%;
    }
    .unit_style_1_2 .download_btn_2{
        margin: 0 auto;
    }
}
/* 股東會資訊-歷年年報下載 */
.unit_style_2_1 .content_block{
    margin: 0 auto;
}
.unit_style_2_1 .card_group{
    display: grid;
    max-width: 1280px;
    width: 100%;
    row-gap: 32px;
    column-gap: 32px;
    align-self: stretch;
    grid-template-rows: repeat(2,fit-content(100%));
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-auto-flow: row;
}
@media (max-width: 1199px) {
    .unit_style_2_1 .card_group{
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}
@media only screen and (max-width: 992px){
    .unit_style_2_1 .card_group{
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
@media only screen and (max-width: 767px) {
    .unit_style_2_1 .card_group{
        row-gap: 16px;
        grid-template-rows: repeat(1, fit-content(100%));
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .unit_style_2_1 .content_block{
        margin: 0;
    }
}
/* 股東會資訊-開會通知與議事手冊/議事錄 */
.unit_style_2_2 table col.col_title {
    width: 254px;
}
.unit_style_2_2 table a{
    color: var(--color-font-link, #80725C);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
.unit_style_2_2 table a::before{
    content: '｜';
    display: inline-block;
    color: var(--color-font-link, #80725C);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;
}
.unit_style_2_2 table a:first-child::before{
    display: none;
}
.unit_style_2_2 table .download_block{
    font-size: 0;
}
@media only screen and (max-width: 767px) {
    .unit_style_2_2.bg_style_2{
        background-size: contain;
    }
    .unit_style_2_2 table col.col_title {
        width: 120px;
    }
}
/* 股利及股價資訊-股利政策說明 */
.unit_style_3_1 .content_block{
    max-width: 1280px;
    margin: 0 auto;
}
.unit_style_3_1 .content_block p{
    color: #000;
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
}
.unit_style_3_3{
    min-height: auto;
}
/* 股利及股價資訊-歷年股利分派 */
@media only screen and (max-width: 767px) {
    .unit_style_3_2 table col.col_title {
        width: 96px;
    }
    .unit_style_3_2 table col.col_content {
        width: 96px;
    }
    .unit_style_3_2 .container_block{
        overflow-x: scroll;
    }
}
@media only screen and (max-width: 767px) {
    .unit_style_3_3 .content_block{
        width: 100%;
    }
}
/* 股務作業-股務年度行事曆 */
.unit_style_4_1 .tab_style_1 .nav-tabs .nav-item .nav-link{
    min-width: 125px;
}
.unit_style_4_1 table.inv_table tr td:first-child{
    width: 18.75%;
}
.unit_style_4_2 .content_block{
    align-self: stretch;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.unit_style_4_2 .content_block a{
    color: #000;
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
@media only screen and (max-width: 767px) {
    .unit_style_4_2{
        min-height: auto;
    }
    .unit_style_4_1 .tab_style_1 .nav-tabs .nav-item .nav-link{
        min-width: 98px;
    }
    .unit_style_4_1 table.inv_table tr td:first-child{
        width: 35.29%;
    }
}
/* 股務作業-聯絡我們 */
.unit_style_4_3{
    gap: var(--Card-space-2-between-lg, 24px);
} 
.unit_style_4_3 .content_block{
    display: flex;
    max-width: 1280px;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--Card-space-2-between-lg, 24px);
    align-self: stretch;
    margin: 0 auto;
    width: 100%;
}
.unit_style_4_3 table col.col_title {
    width: 160px;
}
.unit_style_4_3 table a{
    color: var(--Text-link, #288BC8);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: 0.1px;
}
/* 公司治理-董事會與功能性委員會介紹 */
.unit_style_5_1 .content_block{
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}
/* 公司治理-董事選任及提名機制 */
.unit_style_5_2 .content_block{
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}
.unit_style_5_2 .content_block .col_content_1,
.unit_style_5_2 .content_block .col_content_2{
    width: 120px;
}
.unit_style_5_2 .content_block .col_content_3{
    width: 240px;
}
.unit_style_5_2 .content_block .col_content_5{
    width: 200px;
}
.unit_style_5_2 .content_block a{
    color: var(--color-font-link, #80725C);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}
@media only screen and (max-width: 767px) {
    .unit_style_5_2 .content_block {
        overflow-x: scroll;
    }
    .unit_style_5_2 .content_block .col_content_3{
        width: 201px;
    }
    .unit_style_5_2 .content_block .col_content_4{
        width: 310px;
    }
}
/* 公司治理-內部稽核配置與執行公告 */
.unit_style_5_3 .content_block{
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}
/* 公司治理-重要規章辦法下載區 */
.unit_style_5_4 .content_block{
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}
.unit_style_5_4 .content_block .download_block > a{
    margin: 0 auto;
}
.unit_style_5_4 .content_block .col_content_1{
    width: 240px;
}
.unit_style_5_4 .content_block .col_content_3{
    width: 228px;
}
@media only screen and (max-width: 767px) {
    .unit_style_5_4 .content_block .col_content_1 {
        width: 144px;
    }
    .unit_style_5_4 .content_block .col_content_3{
        width: 64px;
    }
    .unit_style_5_4 .download_btn_3{
        width: 36px;
    }
}
/* 永續發展與利害關係人 - ESG/CSR 永續報告書下載 */
.unit_style_6_1 .container_block{
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.unit_style_6_1 .download_btn_2{
    color: var(--color-primary-main, #80725C);
    border: 1px solid var(--color-primary-main, #80725C);
}
.unit_style_6_1 .download_btn_2 > span > i{
    color: var(--color-primary-main, #80725C);
}

.unit_style_6_1 .download_block{
    display: flex;
    justify-content: center;
    justify-content: flex-end;
    gap: 8px;
}
.unit_style_6_1 .content_block{
    margin: 0 auto;
    width: 100%;
    max-width: 1280px;
}

.unit_style_6_1 .download_table{
    border-collapse: collapse;
    border: 0;
    width: 100%;
}
.unit_style_6_1 .download_table th,
.unit_style_6_1 .download_table td{
    padding: 16px;
    border-bottom: 1px solid var(--color-form-border, #E8E7E6);
    background: var(--color-bg-white, #FFF);
    vertical-align: middle;
}
.unit_style_6_1 .download_table th{
    color: #000;
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.unit_style_6_1 .download_table td{
    text-align: right;
}

.unit_style_6_1 .download_table td .download_btn_2{
    display: inline-flex;
    margin-left: 5px;
}
@media only screen and (max-width: 767px) {
    .unit_style_6_1 .download_table th,
    .unit_style_6_1 .download_table td{
        padding: 12px;
    }
    .unit_style_6_1 .download_table th{
        border-right: 1px solid var(--color-gray-gray200, #D6D6D5);
        border-bottom: 1px solid var(--color-gray-gray200, #D6D6D5);
        width: 33%;
        color: var(--Text-default, #1A1A1A);
    }
    .unit_style_6_1 .download_table td{
        border-bottom: 1px solid var(--color-gray-gray200, #D6D6D5);
        text-align: center;
        padding-left: 7px;
        padding-bottom: 7px;

    }
    .unit_style_6_1 .download_table .download_btn_2{
        margin-bottom: 5px;
        color: var(--sys-color-secondary-main, #323232);
        border-color: var(--sys-color-secondary-main, #323232);
    }
    .unit_style_6_1 .download_btn_2 > span > i{
        color: var(--sys-color-secondary-main, #323232);
    }
}

.unit_style_6_1 .card_group{
    display: grid;
    max-width: 1280px;
    width: 100%;
    gap: 24px;
    align-self: stretch;
    /* grid-template-rows: repeat(1,fit-content(100%)); */
    grid-template-columns: repeat(3,minmax(0,1fr));
    grid-auto-flow: row;
}
.card_style_3{
    padding: var(--Card-space-2-V-padding, 24px);
    border-radius: 16px;
    border: 1px solid var(--color-form-border, #E8E7E6);
    background: var(--color-bg-white, #FFF);
    box-shadow: 0 4px 6px -4px rgba(0, 0, 0, 0.10);
    font-family: "Noto Sans TC";
    font-size: var(--font-size-body, 18px);
}
.card_style_3 .title_block{
    color: var(--color-secondary-main, #333);
    font-size: var(--font-size-h4, 24px);
    font-weight: 700;
    line-height: 150%; /* 27px */
    margin-bottom: 8px;
}
.card_style_3 .subtitle_block{
    color: var(--color-primary-main, #80725C);
    font-weight: 500;
    line-height: 111.111%; /* 20px */
    margin-bottom: 24px;
}
.card_style_3 .link_block{
    color: var(--color-font-main, #222);
    font-weight: 400;
    line-height: var(--line-height-26, 26px);
}
.card_style_3 .link_block i{
    color: var(--color-gray-gray300, #BDBCBB);
    padding-right: 3px;
}
.card_style_3 .link_block a:hover{
    color: var(--color-font-link, #80725C);
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    .unit_style_6_1 .card_group{
        grid-template-columns: repeat(1,minmax(0,1fr));
    }

}