@charset "UTF-8";

/**
 * WCAG 1.4.3 對比值（GN2140300E / GN2140301E）
 * 品牌標題／按鈕字色 #862A2B；原白字或過淺綠字改品牌色
 * 典藏／服務等色條背景略調淺，使與 #862A2B 達 AA（一般 4.5:1、大型 3:1）
 */

:root {
	--a11y-brand-text: #862A2B;
	/* 原 #339966 於白底約 3.99:1，改深綠達 AA 4.5:1 */
	--a11y-green-heading: #1f7044;
	/* 與 #862A2B 對比達 AA 之調整背景（原 #807ab8、#849bae 等） */
	--a11y-bg-collection: #d4d0ec;
	--a11y-bg-service: #b8c8d8;
	--a11y-bg-visit-btn: #7d9635;
	--a11y-bg-detail-btn: #ffffff;
}

/* 內頁色條標題、左側選單標題：黑色 */
.unit-title,
p.unit-title,
.about-title,
.news-title,
.exhibition-title,
.visit-title,
.service-title,
.collection-title,
.side-nav h1,
.side-nav h2,
.side-nav .side-nav-bar-title {
	color: #000 !important;
}

/* 典藏區：#862A2B 於原 #807ab8 僅約 2.3:1，略調淺紫底 */
.collection-title,
.collection-nav h1,
.collection-nav h2,
.collection-nav .side-nav-bar-title {
	background-color: var(--a11y-bg-collection) !important;
}

/* 服務區：原 #849bae 與品牌字約 3:1，調淺藍灰底 */
.service-title,
.service-nav h1,
.service-nav h2,
.service-nav .side-nav-bar-title {
	background-color: var(--a11y-bg-service) !important;
}

/* 首頁常設展「詳細」、響應式同名區塊（原綠底白箭頭，改白底品牌字） */
.index-permanent-content .article .detail {
	color: var(--a11y-brand-text) !important;
	background-color: var(--a11y-bg-detail-btn) !important;
	background-image: none !important;
	border: 1px solid var(--a11y-brand-text);
}

/* 首頁展覽區：白底上的連結字 */
.index-exhibition .head .review {
	color: var(--a11y-brand-text) !important;
}

/* 表單／列表按鈕（原白字於 #a1c448，一般文字需 4.5:1） */
.t_btn {
	color: var(--a11y-brand-text) !important;
	background-color: var(--a11y-bg-visit-btn) !important;
}

/* 商品列表標題（原 #8EAB42 於白底） */
.product-title {
	color: var(--a11y-brand-text) !important;
}

/* 左側子選單二層（#666 on #ccc 僅 3.6:1，改 #333 約 9.3:1） */
.side-nav .sub-side-nav li a,
.sub-side-nav li a {
	color: #333 !important;
}

/* 子選單 hover／focus 勿用 #999（on #ccc 僅 2.4:1） */
.side-nav .sub-side-nav li a:hover,
.side-nav .sub-side-nav li a:focus,
.sub-side-nav li a:hover,
.sub-side-nav li a:focus {
	color: #000 !important;
}

/* 一層選單 hover（白底上 #999 不足 4.5:1） */
.side-nav > ul > li > a:hover,
.side-nav > ul > li > a:focus {
	color: #595959 !important;
}

/* 內文小標（活動花絮、本國參展郵票等；原 #339966 於白底不足 4.5:1） */
.Topic_Style01,
.Topic_Style02,
.photo-list-section .title.Topic_Style01 {
	color: var(--a11y-green-heading) !important;
}

/* Back 按鈕（白字 on #aaa 僅 2.3:1，改 #666 底約 5.7:1）— 不含北館 page_but 圖示按鈕 */
.page-control .back,
.page-control a.back {
	background-color: #666 !important;
	color: #fff !important;
}

/* 北館回列表頁：維持 page_but.png 木牌圖；原白字在橘色木牌上對比不足，改深棕字（僅 body.bg 北館，不含台中／高雄 cbp-spmenu-push） */
body.bg .page-control .back-btn > a.back {
	background: url(/post/Postal_Museum/museum/north/images/page_but.png) center top no-repeat !important;
	background-size: 50% !important;
	background-color: transparent !important;
	color: #4a2800 !important;
	text-decoration: none !important;
}

/* 分頁目前頁（白字 on #999 不足 4.5:1） */
.pagination a.current {
	background-color: #666 !important;
	color: #fff !important;
}

/* 場地租借 tab（#666 on #ccc 不足 4.5:1） */
.rent-tab {
	color: #333 !important;
}

/* Fat footer：背景圖 #3c3c3c 加同色 fallback；子連結 #e8e8e8（約 9.6:1，比純白柔和） */
.fat-footer {
	background-color: #3c3c3c !important;
}

.fat-footer a {
	color: #e8e8e8 !important;
}

.fat-footer ul li .item {
	color: #f5f5f5 !important;
	border-bottom-color: #e8e8e8 !important;
}

.fat-footer ul li .item:hover,
.fat-footer ul li ul li a:hover,
.fat-footer ul li ul li a:focus {
	color: #fff !important;
	text-decoration: underline !important;
}

/* 版權列：與 fat footer 同色底 #3c3c3c（原 footer_bg 純黑 #000 過深）；#ccc 約 7.2:1 */
.footer-content {
	background-color: #3c3c3c !important;
	background-image: none !important;
	color: #ccc !important;
}

.footer-content .copyright,
.footer-content .footer-info,
.footer-content .footer-info span,
.footer-content center {
	color: #ccc !important;
}