@charset "UTF-8";

/**
 * CS1140101E 鍵盤焦點可見樣式（全站共用，請於主要 CSS 之後載入）
 */
:root {
	--a11y-focus-ring: #ffbf47;
	--a11y-focus-shadow: #005a9c;
}

/* 連結、按鈕、表單控制項 */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
	box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem var(--a11y-focus-shadow) !important;
}

input[type="submit"]:focus-visible,
input[type="button"]:focus-visible,
input[type="reset"]:focus-visible,
input[type="checkbox"]:focus-visible,
input[type="radio"]:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
	box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem var(--a11y-focus-shadow) !important;
}

/* 導盲磚：維持內嵌框線，避免被外層 overflow 裁切 */
a.accesskey-guide:focus-visible,
a.accesskey-guide-top:focus-visible,
.header-misc-nav li a.accesskey-guide-top:focus-visible {
	outline: none !important;
	box-shadow: inset 0 0 0 0.125rem var(--a11y-focus-shadow) !important;
}

a.skip-link:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
	box-shadow: none !important;
}

/* 首頁 KV／典藏輪播 bxSlider（覆寫 outline:0） */
.index-kv .bx-viewport .index-kv-slider > a:focus,
.index-kv .bx-viewport .index-kv-slider > a:focus-visible,
.index-kv-slider > a:focus,
.index-kv-slider > a:focus-visible,
.bx-wrapper .bx-controls-direction a:focus,
.bx-wrapper .bx-controls-direction a:focus-visible,
.index-kv .bx-wrapper .bx-controls-direction a:focus,
.index-kv .bx-wrapper .bx-controls-direction a:focus-visible,
.index-collection-slider-list .bx-wrapper .bx-controls-direction a:focus,
.index-collection-slider-list .bx-wrapper .bx-controls-direction a:focus-visible,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:focus-visible,
.index-kv .bx-wrapper .bx-pager.bx-default-pager a:focus,
.index-kv .bx-wrapper .bx-pager.bx-default-pager a:focus-visible,
.index-kv-autoplay-btn:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
	box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem var(--a11y-focus-shadow) !important;
}

/* slick 輪播 */
.slick-prev:focus-visible,
.slick-next:focus-visible,
.slick-dots li button:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
	box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem var(--a11y-focus-shadow) !important;
}

/* owl carousel */
.owl-carousel button:focus-visible,
.owl-carousel .owl-dot:focus-visible,
.owl-carousel .owl-dot button:focus-visible,
.owl-prev:focus-visible,
.owl-next:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
	box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem var(--a11y-focus-shadow) !important;
}

/* fotorama 圖集 */
.fotorama__arr:focus-visible,
.fotorama__fullscreen-icon:focus-visible,
.fotorama__thumb:focus-visible,
.fotorama__dot:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
}

/* 首頁快速連結、主選單 */
.fast-link a:focus-visible,
.main-nav a:focus-visible,
.header-misc-nav a:focus-visible,
.side-nav a:focus-visible,
.rwd-nav a:focus-visible,
.rwd-nav-btn:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
	box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.3125rem var(--a11y-focus-shadow) !important;
}

/* Google 站內搜尋 */
#topcr .gsc-search-button-v2:focus-visible,
#rwd-topcr .gsc-search-button-v2:focus-visible,
#search_result .gsc-search-button-v2:focus-visible {
	outline: 0.1875rem solid var(--a11y-focus-ring) !important;
	outline-offset: 0.125rem;
}

/* 不支援 :focus-visible 的舊版瀏覽器 */
@supports not selector(:focus-visible) {
	a:focus,
	button:focus,
	input:focus,
	select:focus,
	textarea:focus,
	[tabindex]:focus {
		outline: 0.1875rem solid var(--a11y-focus-ring) !important;
		outline-offset: 0.125rem;
	}
}