@charset "UTF-8";

/* ==========================================================================
   1. 基礎文字全域字型群組化 (精簡原版重複寫入高達 30 次的 FONT-FAMILY 機制)
   ========================================================================== */
.text7_gray, .text7_orange, .text8_orange, .text8_gray, .text8_bule,
.text10_gray, .text10_graylink, .text9_red, .text9_blue, .text9_blue_bold,
.text9_orangelink, .text9_orange, .text9_white, .text10_white_bold, .more_orange,
.header_sublink, .header_search, .header_txt_en, .header_sublink_en, .location,
.footer, .text8_dark, .text9_dark, .step, .text9_gray, .text9_graylink,
.title, .text10_orange, .text10_gray_bold, .text11_brown_bold, .footer_white,
.text11_blue_bold, .text10_blue, .hr, .text77_gray, .text78, .text79,
.text10_gray_input, .text10_brown {
    /* ?? 優化：將原版亂碼與新細明體，全面升級為現代高清晰、PC與手機通用的微軟正黑體 */
    font-family: "Microsoft JhengHei", -apple-system, BlinkMacSystemFont, Arial, Helvetica, sans-serif, "新細明體";
    text-decoration: none;
}

/* ==========================================================================
   2. 系統文字元件細節樣式定義 (相容原本指定的字體大小與色系)
   ========================================================================== */
/* 7 號文字系列 */
.text7_gray   { font-size: 10px; color: #666666; }
.text7_orange { font-size: 10px; color: #ff6600; }
.text77_gray { font-size: 10pt; color: gray; }

/* 8 號文字系列 (自帶 12pt 行高) */
.text8_orange { font-size: 10px; color: #ff6600; line-height: 12pt; }
.text8_gray   { font-size: 10px; color: #666666; line-height: 12pt; }
.text8_bule   { font-size: 10px; color: #0066cc; line-height: 12pt; }
.text8_dark   { font-size: 8pt;  color: #333333; }
.text78       { font-size: 10pt; color: navy; }

/* 9 號文字系列 */
.text9_red         { font-size: 9pt; color: #cc0000; }
.text9_blue        { font-size: 9pt; color: #0066cc; }
.text9_blue_bold   { font-size: 9pt; color: #0066cc; font-weight: bold; }
.text9_orange      { font-size: 9pt; color: #ff9900; }
.text9_orangelink  { font-size: 9pt; color: #ff6600; text-decoration: underline; }
.text9_gray        { font-size: 9pt; color: #666666; line-height: 14pt; }
.text9_graylink    { font-size: 9pt; color: #666666; line-height: 14pt; text-decoration: underline; }
.text9_dark        { font-size: 9pt; color: #333333; line-height: 14pt; width: 60px; height: 21px; }

/* 10 號與 11 號文字系列 */
.text10_gray       { font-size: 10pt; color: #333333; line-height: 14pt; height: 20px; }
.text10_graylink   { font-size: 10pt; color: #666666; line-height: 14pt; text-decoration: underline; }
.text10_white_bold { font-size: 12px; color: #ffffff; font-weight: bold; }
.text10_orange     { font-size: 10pt; color: #ff9900; }
.text10_gray_bold  { font-size: 10pt; color: #666666; font-weight: bold; line-height: 14pt; }
.text10_blue       { font-size: 10pt; color: #0066cc; line-height: 14pt; }
.text11_brown_bold { font-size: 11pt; color: #986d43; font-weight: bold; line-height: 170%; }
.text11_blue_bold  { font-size: 11pt; color: #336699; font-weight: bold; }
.text79            { font-size: 10pt; color: teal; }

/* 大字體與特殊排版樣式 */
.step  { font-size: 24px; color: #cccccc; font-weight: bold; line-height: normal; }
.title { font-size: 20px; color: #6699cc; font-weight: bold; line-height: normal; }
.hr    { font-size: 10px; color: #dfe2c7; }
.more_orange { font-size: 9px; color: #ff6600; font-weight: normal; }

/* 頁首選單與搜尋元件 */
.header_sublink    { font-size: 9pt;  color: #ffffff; }
.header_txt_en     { font-size: 9px;  color: #757575; }
.header_sublink_en { font-size: 9px;  color: #ffffff; }
.location          { font-size: 10px; color: #666666; }

/* ?? 精簡優化：搜尋輸入框縮寫整併 */
.header_search {
    border: 1px solid #acacac; 
    font-size: 10px; 
    color: #acacac; 
    line-height: 12px; 
    background-color: #ffffff;
}

/* 頁尾版權宣告文字 */
.footer       { font-size: 10px; color: #999999; }
.footer_white { font-size: 10px; color: #ffffff; }

/* ==========================================================================
   3. ?? 系統核心元件排版優化 (送出按鈕、輸入框、頁尾金句提示)
   ========================================================================== */
/* ?? 核心修正：送出按鈕 */
.text9_white {
    font-size: 9pt;
    color: #ffffff;
    height: 24px;              /* 微調高度，讓中文字置中更完美 */
    width: 60px;
    background-color: #208C35; /* 100% 保留長老教會指定的綠色 */
    border: 1px solid #97C9A1;  /* 現代化細邊框，取代老舊浮雕 outset */
    border-radius: 4px;        /* 注入 4px 圓角，大幅提升 RWD 行動端體感 */
    cursor: pointer;
    transition: background 0.2s;
}

/* ?? 核心優化：前端登入輸入框內置文字屬性 */
.text10_gray_input {
    font-size: 10pt;
    color: #006600;      /* 100% 完美保留您白色圓角背景圖裡的典雅綠色 */
    line-height: 1.4;    /* 改用現代倍數行高，防止文字上下被切斷 */
    height: 28px;        /* 拉高高度，解決手機版打字時字體被攔腰切斷的硬傷 */
    border: 0 none;      
    background: transparent;
}

/* ?? 核心優化：最底層溫馨提示文字 (棕色) */
.text10_brown {
    font-size: 10pt;
    color: #754F00;      /* 保留原本指定的溫馨沉穩棕色 */
    line-height: 16pt;   /* 稍微加大行高，手機直向閱讀時更輕鬆 */
    height: auto;        /* 高度改為自動，防止手機版折行時文字撞在一起重疊 */
    display: inline-block;
}

/* ==========================================================================
   4. 網頁 A 超連結懸停狀態控制 (群組整併，提高瀏覽器解析效能)
   ========================================================================== */
a.text7_gray:hover, a.text8_gray:hover, a.text10_graylink:hover, 
a.text9_gray:hover, a.text9_graylink:hover, a.text79:hover { 
    color: #ff6600; 
    text-decoration: none; 
}

a.text8_orange:hover, a.text9_orangelink:hover, a.text9_orange:hover, 
a.more_orange:hover { 
    color: #474646; 
    text-decoration: none; 
}

a.text10_gray:hover, a.text10_blue:hover, a.text9_blue:hover, 
a.text78:hover, a.header_sublink:hover { 
    color: #ff9900; 
    text-decoration: none; 
}

a.text10_orange:hover { color: #333333; text-decoration: none; }
a.header_sublink_en:hover { color: #ff6600; }
a.location:hover { color: #ff6600; text-decoration: underline; }
a.text11_brown_bold:hover { color: #336699; font-weight: bold; text-decoration: none; }
a.text9_white:hover { font-size: 9pt; color: #ffffff; text-decoration: underline; }