/* --- 基礎樣式 --- */
        body {
            background-color: #E6E6E6;
            margin: 0;
            font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
            scroll-behavior: smooth;
			counter-reset: item-count;
        }
		/* 設定連結的初始狀態 */
        .custom-link {
            color: #000000;         /* 1. 顏色：黑色 */
            text-decoration: none;  /* 2. 不要底線 */
            transition: color 0.3s; /* 讓顏色切換時更平滑（選用） */
        }
        .contact-list-container {
        max-width: 900px;
        font-family: Arial, sans-serif;
        border-top: 2px solid #fff; /* 最上方線條感 */
        }

         /* 設定每一列為 Flex 佈局 */
        .contact-row {
        display: flex;
        justify-content: space-between; /* 左右對齊 */
        align-items: center;
        padding: 8px 15px;
        border-bottom: 2px solid #fff; /* 白色間隔線 */
    }

    /* 自動處理交替背景色 (一藍一白或深淺藍) */
    .contact-row:nth-child(odd) {
        background-color: #e3f2fd; /* 淺藍色背景 */
    }

    .contact-row:nth-child(even) {
        background-color: #ffffff; /* 白色背景 */
    }

    /* 單位名稱樣式 */
    .dept-name {
        color: #333;
        font-size: 16px;
        flex: 1; /* 佔據左側空間 */
    }

    /* 電話資訊樣式 */
    .phone-info {
        color: #333;
        font-size: 16px;
        text-align: right;
        min-width: 250px;
    }

    /* 分機號碼橘色字體 */
    .ext-text {
        color: #ff9800; /* 亮橘色 */
        margin-left: 10px;
    }
        /* 設定滑鼠移過去（Hover）的狀態 */
        .custom-link:hover {
            color: #6F4E37;         /* 3. 咖啡色 (Coffee Brown) */
            text-decoration: none;  /* 確保移過去時也不會出現底線 */
        }
         /* 2. 隱藏預設編號，並設定使用自定義計數器 */
        ol.custom-list1 {
            list-style-type: none; /* 隱藏原本的 1. 2. 3. */
            padding-left: 0;       /* 解決問題 1：取消預設靠右 */
            margin: 0;
        }

        /* 3. 在 li 之前顯示計數器數字 */
        ol.custom-list1 li {
            counter-increment: item-count; /* 每遇到一個 li，計數器就 +1 */
            display: flex;          /* 使用 Flex 讓數字與文字並列 */
            align-items: flex-start; /* 確保數字對齊文字第一行 */
            margin-bottom: 15px;    /* 項目之間的間距 */
        }

        ol.custom-list1 li::before {
            content: counter(item-count) ". "; /* 顯示數字與點 */
            color: #006400; /* 延續您之前的深綠色風格 */
            font-weight: bold;
            margin-right: 5px;
			flex-shrink: 0;         /* 防止數字被擠壓變形 */
            display: inline-block;
        } 
        .list-content {
            flex: 1;                /* 佔據剩餘寬度 */
            line-height: 1.6;
        }  
        .list-content1 {
            font-family: Arial, sans-serif;
            max-width: 800px;
            line-height: 1.8;
        }  		
		/* 分類大區塊樣式 */
        .category-group {
            background-color: #f0fafa; /* 極淺藍綠色底色 */
            padding: 10px 15px;
            margin-bottom: 5px;
        }
		 /* 主標題 (Engineering / Business...) */
        .main-title1 {
            font-weight: bold;
            color: #333;
            display: flex;
            align-items: center;
            font-size: 1.1em;
            margin-bottom: 5px;
        }

        /* 主標題前的灰色箭頭符號 */
        .main-title1::before {
            content: "▶"; /* 也可以使用圖片或 icon 字型 */
            color: #888;
            font-size: 12px;
            margin-right: 10px;
        }
		 /* 子項目容器 (Department...) */
        .sub-item-list {
            margin-left: 25px; /* 關鍵縮排 */
        }

        .sub-item {
            display: flex;
            align-items: flex-start;
            padding: 5px 0;
            color: #333;
        }

        /* 子項目點符號 */
        .sub-item::before {
            content: "·";
            font-weight: bold;
            margin-right: 10px;
            font-size: 1.2em;
        }

        /* 括號內文字顏色 (Discontinue Admissions) */
        .status-text {
            color: #a2d645; /* 圖中的亮綠色 */
            margin-left: 5px;
        }
        .top-bar {
            background-color: #526283;
            height: 20px;
        }

        /* --- Header 區域 --- */
        header {
            background-color: #ffffff;
        }
        .custom-list {
            padding-left: 28px; /* 調整左側空間以容納標號 */
            list-style-position: outside; /* 確保標號在文字區塊外面 */
			color: #00008B;           /* 設定深藍色 (DarkBlue) */
            font-family: sans-serif;  /* 設定字體讓視覺更乾淨 */
			line-height: 1.8;
			margin-top: 15px;
        }
		.custom-list1 {
            padding-left: 18px; /* 調整左側空間以容納標號 */
            list-style-position: outside; /* 確保標號在文字區塊外面 */
			color: #006400;           /* 設定深藍色 (DarkBlue) */
            font-family: sans-serif;  /* 設定字體讓視覺更乾淨 */
			line-height: 1.8;
			margin-top: 0px;
            font-weight: bold;
        }
		.container1 {
            display: flex;          /* 開啟彈性佈局，讓子元素橫向排列 */
            align-items: flex-start; /* 讓圖片與文字頂部對齊 */
            gap: 20px;              /* 文字與圖片之間的間距 */
            color: #000000;         /* 你要求的深藍色 */
            line-height: 1.6;       /* 設定行距，增加閱讀舒適度 */
        }

        .content-text {
            flex: 3;                /* 文字佔據較多空間 (比例可以調整) */
        }

        .content-image {
            flex: 1;                /* 圖片佔據較少空間 */
        }

        .content-image img {
            width: 100%;            /* 讓圖片寬度自動適應容器 */
            height: auto;           /* 保持圖片比例 */
            border-radius: 4px;     /* 選配：讓圖片邊角稍微圓滑一點 */
        }
		.container2 {
            display: flex;
            flex-direction: row; /* 電腦端左右並排 */
            align-items: center;
            justify-content: space-between;
            padding: 0px;
            gap: 20px;
            max-width: 1200px;
            margin: 0 auto;
        }
		.text-section {
            flex: 1; /* 佔據一半寬度 */
        }

        .image-section {
            flex: 1; /* 佔據一半寬度 */
            display: flex;
            gap: 10px;
        }

        .image-section img {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }

        /* 顏色設定 */
        .title1 {
            color: #006400; /* 深綠色 DarkGreen */
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 15px;
        }

        .content1 {
            color: #000000; /* 黑色 */
            font-size: 16px;
            line-height: 1.6;
        }
        .container {
            max-width: 1000px;
            margin: auto;
            padding: 10px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .header-container {
            text-align: center; /* 讓容器內所有文字置中 */
            color: #00008B;     /* 維持你要求的深藍色 */
            margin-bottom: 20px;
        }

        .main-title {
            font-size: 16px;    /* 設定較大的字級 */
            font-weight: bold;  /* 加粗 */
            margin-bottom: 5px;
        }

        .sub-title {
            font-size: 16px;
            font-style: italic; /* 副標題通常用斜體，看起來更專業 */
        }
        .logo img {
            height: 50px;
            display: block;
        }

        .top-nav {
            display: flex;
            gap: 15px;
            align-items: center;
        }

        .top-nav a {
            text-decoration: none;
            color: #034260;
            font-size: 14px;
            display: flex;
            align-items: center;
            gap: 5px;
            transition: color 0.3s;
        }

        .top-nav a:hover { color: #930205; }

        .top-nav img {
            width: 24px;
            height: 24px;
        }

        /* --- 導覽列 (電腦版) --- */
        .menu-bar {
            background-color: #273B64;
            text-align: center;
            padding: 0;
        }

        .menu-bar a {
            color: white;
            text-decoration: none;
            padding: 15px 20px;
            display: inline-block;
            transition: background 0.3s;
        }

        .menu-bar a:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }

        /* --- 手機版選單 --- */
        .menu-button {
            display: none;
            background: #273B64;
            width: 100%;
            color: white;
            border: none;
            padding: 12px;
            font-size: 16px;
            cursor: pointer;
        }

        .mobile-menu {
            display: none;
            flex-direction: column;
            background: #273B64; /* 修正為與主選單一致的深藍 */
        }

        .mobile-menu a {
            color: white;
            padding: 15px;
            text-decoration: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            transition: background 0.3s ease;
        }

        /* ✅ 修正：手機版點擊或滑動時的透明白色特效 */
        .mobile-menu a:hover, 
        .mobile-menu a:active {
            background-color: rgba(255, 255, 255, 0.2) !important;
            color: #ffffff;
        }

        /* --- 主內容區域 --- */
        .responsive {
            max-width: 1000px;
            margin: 20px auto;
            background-color: #ffffff;
            padding: 0px 50px 20px 50px;
            box-sizing: border-box;
            border-radius: 4px;
        }

        .content-body {
            text-align: left;
            line-height: 1.5;
            letter-spacing: 0.2px;   /* 英文很有感 */
            word-spacing: 1px;
        }

        .content-body h2 {
            border-bottom: 1px solid #ccc;
            padding-bottom: 8px;
            margin-top: 5px; 
            color: #273B64;
        }

        .content-body img {
            max-width: 100%;
            height: auto;
            margin: 20px 0;
            display: block;
        }

        /* 字體控制鈕 */
        .btn-container {
            text-align: right;
            margin-bottom: 10px;
            font-size: 13px;
            color: #666;
        }

        button.font-btn {
            padding: 0.1px 2px;
            font-size: 13px;
            border: 1px solid #000;
            cursor: pointer;
            background-color: #fff;
            margin-left: 5px;
        }

        /* --- 回到上方 --- */
        #backToTop {
            position: fixed;
            bottom: 30px;
            right: 30px;
            background-color: #930205;
            color: white;
            border: none;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            cursor: pointer;
            display: none;
            font-size: 20px;
            z-index: 999;
            box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        }

        /* --- Footer --- */
        .footer {
            background-color: #273B64;
            color: white;
            text-align: center;
            padding: 20px;
            font-size: 14px;
        }

        .footer a { color: #BF8A18; text-decoration: none; }

        /* --- 響應式手機版控制 --- */
        @media (max-width: 910px) {
            .container { flex-direction: row !important; justify-content: space-between !important; padding: 10px 15px; }
			.container1 { flex-direction: column; }
			.container2 {
                flex-direction: column; /* 轉為上下堆疊 */
            }
            .text-section, .image-section {
                width: 100%;
            }
            .image-section {
                order: 2; /* 確保圖片在文字下面 */
            }
			.content-image {display: none;   }/* 當螢幕寬度小於 600px 時，隱藏圖片區塊 */
            .top-nav span { display: none; } 
            .top-nav { gap: 10px; } /* 縮小圖示間距 */
            .top-nav img { width: 35px; height: 35px; } /* 調整圖示大小 */
            
            .menu-bar { display: none; }
            .menu-button { display: block; }
            
            .btn-container { display: none; } /* 手機版隱藏字體縮放 */
            
            .responsive { width: 95%; margin: 10px auto; padding: 15px; }
        }