@charset "UTF-8";
:root{
	--shadow-tabPills:0 2px 8px rgba(66, 43, 97, 0.15);
	--shadow-tabPills-hover:0 1px 6px rgba(66, 43, 97, 0.85);
	--border-color:#d9d9d9;
}
*,html {font-family:"Noto Sans TC",'微軟正黑體','Microsoft JhengHei','PingFang TC','儷黑 Pro','LiHei Pro','黑體-繁','Heiti TC','文泉驛正黑','WenQuanYi Zen Hei',sans-serif;}
/* 五種分類： */
/* 1.區塊： */
/* 2.既有元件： */
/* 3.自訂元件： */
/* 4.套件元件： */
/* 5.規則： */

/* 1.區塊： */
/* 頁面區塊層級從大到小：
.section(段落) > 
.container(段落內的大容器) > 
.content(區塊功能) > 
.block(通常是功能) */
header.header-main .navbar-expand-lg>.container-xxl{
	row-gap: 1rem;
}
header.header-main .navbar-expand-lg .navbar-collapse.show{
	display: flex;
  flex-direction: column;
  align-items: flex-start;
}
header.header-main .navbar-primaryNav{order: 1}
header.header-main .navbar-secondaryNav{order: 2}
header.header-main .navbar-signedInNav{order: 3}
.section-main{
	--section-padding-y:45px;
	--section-background:transparent;
	padding-top:var(--section-padding-y);
	padding-bottom:var(--section-padding-y);
	background:var(--section-background);
	overflow:hidden;
}
.section-main._s01{
	--section-background:url(../img/indexAccessory-dot-01.png) no-repeat top left -41px , url(../img/indexAccessory-dot-02.png) no-repeat bottom -40px right -40px;
}
.section-main._s02{
	--section-background:url(../img/indexS02-bg.png) repeat;
}
.section-main._s03{
	--section-background:url(../img/indexAccessory-dot-01.png) no-repeat bottom 9px right -15px ,url(../img/indexS03-bg.png) repeat;
}
/* -主搜尋區塊 */
.content-indexNavTabs .navTabs-wrapper{
	overflow:hidden;
	border-radius:var(--bs-border-radius-xl);
	box-shadow:var(--bs-box-shadow-lg);
}
.navTabs-wrapper>nav{
	--bs-nav-tabs-border-width:0;
  --bs-nav-tabs-border-radius:var(--bs-border-radius-xl);
  --bs-nav-tabs-link-active-color:var(--bs-main);
  --bs-nav-tabs-link-active-bg:var(--bs-white);
  --bs-nav-link-padding-x:1.5rem;
  --bs-nav-link-padding-y:0.75rem;
	--bs-nav-link-font-size:var(--bs-fs-h5);
  --bs-nav-link-font-weight:var(--bs-fw-normal);
  --bs-nav-link-color:var(--bs-white);
  --bs-nav-link-hover-color:var(--bs-accessory);
  --bs-nav-link-disabled-color:var(--bs-secondary-color);

	background:rgba(var(--bs-mainDark-rgb),.9);
	flex-wrap:nowrap;
}
.navTabs-wrapper>nav.scroll-x{
	padding-top:0!important;
	padding-bottom:0!important;
	overflow-x:auto!important;
	scrollbar-color:rgba(var(--bs-main-rgb),0.7) rgba(255,255,255,1)!important;
}
.navTabs-wrapper>nav :is(.nav-link.active,.nav-item.show .nav-link){
	--bs-nav-link-font-weight:var(--bs-fw-bold);
	position:relative;
}
.navTabs-wrapper>nav :is(.nav-link.active,.nav-item.show .nav-link)::before{
	content:"▶ ";
	position:relative;
}
.navTabs-wrapper>nav .nav-link{
	flex:0 0 auto;
	font-size: var(--content-indexNavTabs-tabsFontSize-mobile);
}
.navTabs-wrapper>nav :is(.nav-link.active,.nav-item.show .nav-link)::after{
	content:"";
	position:absolute;
	width:calc(100% - (var(--bs-nav-link-padding-x)*2));
	height:4px;
	left:var(--bs-nav-link-padding-x);
	bottom:0;
	border-radius:1rem;
	background:#E85300;
}
.content-indexNavTabs .block-search{
	--input-padding-y:0.75rem;	
	--bs-btn-border-radius:var(--bs-border-radius-pill);
	flex-wrap:nowrap;
}
.content-indexNavTabs .block-search .input-group{
	gap:1px;
	background:var(--input-bg);
	border:var(--bs-border-width) solid var(--bs-border-color);
	overflow:hidden;
	border-radius:var(--bs-border-radius-pill);
	box-shadow:var(--bs-box-shadow-lg);
}
.content-indexNavTabs .block-search .input-group>*{
	padding-top:var(--input-padding-y);
	padding-bottom:var(--input-padding-y);
	-webkit-transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.content-indexNavTabs .block-search .input-group>:is(.form-control,.form-select){
	border-color:transparent;
}
.content-indexNavTabs .block-search .input-group>:not(:last-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){
	--border-bg:#fff;
	border-image:linear-gradient(to bottom,  var(--border-bg) 0%,var(--border-bg) var(--input-padding-y),#666666 var(--input-padding-y),#666666 calc(100% - var(--input-padding-y)),#666666 calc(100% - var(--input-padding-y)),var(--border-bg) calc(100% - var(--input-padding-y)),var(--border-bg) 100%) 0 100% 0 0   / 2px / 0px stretch;
}
.content-indexNavTabs .block-search .input-group>.btn:is(:focus,:hover){
	--border-bg:var(--bs-btn-hover-bg)!important;
}
.content-indexNavTabs .block-search .input-group>.form-control:is(:focus,:hover){
	max-width:calc(100% - 5rem);	
}
.content-indexNavTabs .block-search .input-group>.form-control~.btn{
	--bs-btn-border-color:transparent;
	--bs-btn-border-radius:var(--bs-border-radius-pill);
	padding-top:var(--input-padding-y);
	padding-bottom:var(--input-padding-y);
}
.content-indexNavTabs .block-search .btn-search-detail{	
	--bs-btn-border-radius:var(--bs-border-radius-pill);
	box-shadow:var(--bs-box-shadow-lg);
	--bs-btn-color:#17509B;
  --bs-btn-border-color:#fff;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#17509B;
  --bs-btn-hover-border-color:#17509B;
  --bs-btn-focus-shadow-rgb:23, 80, 155;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#17509B;
  --bs-btn-active-border-color:#17509B;
  /* --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); */
  --bs-btn-disabled-color:#17509B;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#17509B;
  --bs-gradient:none;
}
.content-indexNavTabs .tab-content{
	background:#fff;
}
.content-indexImage>.ratio{
	overflow:hidden;
	border-radius:var(--bs-border-radius-xl);
	box-shadow:var(--bs-box-shadow-lg);
}
.content-indexImage>.ratio>img{
	object-fit:contain;
}
.content-indexImage .swiper{
	overflow:hidden;
	border-radius:var(--bs-border-radius-xl);
	box-shadow:var(--bs-box-shadow-lg);
	padding-bottom:0!important;
	height:100%;
}
.content-indexImage .swiper .ratio{height:100%}
.swiper-content_indexImages .ratio>img{
	object-fit:contain;
}
.swiper-content_indexImages .swiper-slide{
	background:#FFF;
}
:is(.content-indexThinCards,.content-indexWideCards) .swiper .ratio img{
	object-fit:cover;
}
.content-indexNews .content-body{
	position:relative;
	border-radius:var(--bs-border-radius-xl);
	overflow:hidden;
}

.box-search{--bs-gutter-x:1rem}
.box-search :is(.input-group,button,.btn){
	border-radius:var(--bs-border-radius-pill) !important;
}
.box-search .input-group>.form-control:first-of-type{
	border-top-left-radius:var(--bs-border-radius-pill) !important;
	border-bottom-left-radius:var(--bs-border-radius-pill) !important;
}
.box-search .input-group>select.form-select{
	border-left:1px solid var(--bs-border-color) !important;
}
.box-search .input-group{
	border:var(--bs-border-width) solid var(--bs-border-color);
}
.box-search .input-group>:is(.form-control,.form-select){
	border-color:transparent !important;
}
.box-search .input-group>.form-control:is(:focus,:hover){
	max-width:calc(100% - 5rem);
	background:rgba(255,255,255,.4);
}
.box-search .input-group>.form-control+.btn{
	right:0;
	padding-left:1.25rem;
	padding-right:1.25rem;
	z-index:2;
}
.block-searchList-header [class*="btn-outline-"],.box-search .btn-search-detail{
	--bs-btn-color:var(--bs-black);
}
.box-hotKeys{font-size:.875rem}
.leftSideNavSticky{max-height:50vh}

.content-main .navbar-expand-lg{
	--bs-navbar-padding-y:0;
}
.section-mainCenter{
	margin-left:auto;
	margin-right:auto;
}
.section-mainLeft{
	display:flex;
	flex-flow:column nowrap;
	gap:1rem;
}
.offcanvas-dataFilter,.offcanvas-dataFilterRight{
	--bs-offcanvas-height:65vh;
	left:0;
	width:100%;
}
.offcanvas.offcanvas-buttom .offcanvas-body{
	max-height:calc(100vh - 200px);
}
:is(.offcanvas-dataFilter.show,.offcanvas-dataFilterRight.show) .checkListGroupUnit{
	overflow:auto;
}

/* 2.既有元件： */
/* 2-1. */
p{margin-bottom:0}
/* 3.自訂元件： */
/* 3-1.自訂元件：.grid-table */
.grid-table{
	--cell-p-y:1.25rem;
}
.g-tr:first-child{
	border-top-left-radius:var(--bs-border-radius);
	border-top-right-radius:var(--bs-border-radius);
}
.g-tr:last-child{
	border-bottom-left-radius:var(--bs-border-radius);
	border-bottom-right-radius:var(--bs-border-radius);
}
.content-indexNews .g-tr:first-child{
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.content-indexNews .g-tr:last-child{
	border-bottom-left-radius:var(--bs-border-radius-xl);
	border-bottom-right-radius:var(--bs-border-radius-xl);
}
.grid-table-news{
	--gt-bg:#fff;
	--gt-hover-bg:rgba(var(--bs-accessory-rgb),0.1);
	--gt-border-color:rgb(222,226,230);
	--gt-border-hover-color:rgba(var(--bs-main-rgb),0.8);
}
/* 3-2.自訂元件：水平垂直滾動 */
.content-main :is(.scrollX,.scrollY,.scroll-x,.scroll-y,.overflow-auto,.overflow-scroll){
	--barTrack-bg:rgba(255,255,255,.3);
	/* 軌道 */
	--barTrack-hover-bg:rgba(255,255,255,.3);
	/* 軌道 */
	--barThumb-bg:rgba(var(--bs-main-rgb),0.7);
	/* 會動的 */
	--barThumb-hover-bg:#DFDFDF;
	/* 會動的 */
	--bar-border-radius:50rem;
	scrollbar-color:var(--barThumb-bg) var(--barTrack-bg);
}
.content-main :is(.scrollX,.scrollY,.scroll-x,.scroll-y,.overflow-auto,.overflow-scroll):is(:hover,:focus){
	scrollbar-color:var(--barThumb-bg) var(--barTrack-bg);
	scrollbar-width:var(--bar-width);
}
.content-main :is(.scrollX,.scrollY,.scroll-x,.scroll-y,.overflow-auto,.overflow-scroll)::-webkit-scrollbar{
	width:var(--bar-width);
	height:var(--bar-height);
	border-radius:var(--bar-border-radius);
}
.content-main :is(.scrollX,.scrollY,.scroll-x,.scroll-y,.overflow-auto,.overflow-scroll)::-webkit-scrollbar-thumb{
	background-color:var(--barThumb-bg);
	border-radius:var(--bar-border-radius);
}
.content-main :is(.scrollX,.scrollY,.scroll-x,.scroll-y,.overflow-auto,.overflow-scroll)::-webkit-scrollbar-track{
	background-color:var(--barTrack-bg);
	border-radius:var(--bar-border-radius);
}
.content-main :is(.scrollX,.scrollY,.scroll-x,.scroll-y,.overflow-auto,.overflow-scroll):is(:hover,:focus)::-webkit-scrollbar-thumb{
	background-color:var(--barThumb-hover-bg);
}
:is(.scrollX,.scrollY,.scroll-x,.scroll-y,.overflow-auto,.overflow-scroll):is(:hover,:focus)::-webkit-scrollbar-track{
	background-color:var(--barTrack-hover-bg);
}

/* 3.-自定義區塊 */
.content-header{
	--accessoryLine-color:#D9D9D9;
	--title-padding-y:0.25rem;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
/* 3.-content-body等高 */
:is(.content-indexNews,.content-indexThinCards,.content-indexWideCards) .content-body,
:is(.content-indexNavTabs,.content-indexImage)>div{
	position:relative !important;
	height:100% !important;
}
.content-indexThinCards .content-body .swiper-content{
	justify-content:space-between;
  display:flex;
  flex-flow:column nowrap;
  height:100%;
}
/* 3.-自定義標題裝飾 */
.title-index{	
	position:relative;
	font-size:var(--bs-fs-h2);
	line-height:var(--bs-lh-base);
	border:2px solid var(--accessoryLine-color);
	border-width:2px 0;
	padding:var(--title-padding-y) 0;
	flex:0 0 auto;
}
.title-index::before{
	content:"";
	position:absolute;
	height:calc(100% + 16px);
	width:48px;
	top:-8px;
	left:0;
	border:2px solid var(--accessoryLine-color);
	border-width:2px 0;
}
.title-accessory{
	--title-accessories:url(../img/indexTitle-dot-blue.png) no-repeat;
	position:relative;
	width:0;
	height:100%;
	align-self:flex-start;
}
.title-accessory::before{
	content:"";
	position:absolute;
	height:45px;
	width:45px;
	background:var(--title-accessories);
	top:-22px;
	left:-22px;
}
.title-accessory._blue{
	--title-accessories:url(../img/indexTitle-dot-blue.png) no-repeat;
}
.title-accessory._orange{
	--title-accessories:url(../img/indexTitle-dot-orange.png) no-repeat;
}
.title-accessory._yellow{
	--title-accessories:url(../img/indexTitle-dot-yellow.png) no-repeat;
}
.title-vr{
	display:block;
  -ms-flex-item-align:center;
  align-self:center;
  width:2px;
  min-height:1em;
	height:calc(var(--bs-fs-h2) * var(--bs-lh-base));
	background:var(--accessoryLine-color);
}
/* 3.-nav樣式 */
/* -nav-main */
.nav-pills :is(.nav-link,.btn),.nav-pills + * :is(.nav-link,.btn) {
	--bs-nav-pills-border-radius:0.625rem!important;
	--bs-border-radius:0.625rem!important;
}
.navbar-light .nav-main{
	--bs-nav-link-color:var(--bs-dark);
	--bs-nav-link-hover-color:var(--bs-black);
	--bs-nav-link-font-weight:var(--bs-fw-normal);
}
.navbar-dark .nav-main{
	--bs-nav-link-color:var(--bs-light);
	--bs-nav-link-hover-color:var(--bs-white);
	--bs-nav-link-font-weight:900;
}
.nav-main .active{
	--bs-nav-pills-link-active-bg:var(--bs-accessory);
	--bs-nav-pills-link-active-color:var(--btn-accessory-text);
	--bs-nav-link-font-weight:var(--bs-fw-bold);
	box-shadow:var(--shadow-tabPills);
}
.nav-main .nav-link:focus{outline:2px solid var(--bs-main)}
.navbar-light .nav-main._line{
	--bs-nav-link-font-size:var(--bs-fs-h4);
	--bs-body-line-height:var(--bs-lh-base);
	--bs-nav-link-padding-x:0;
	--bs-nav-link-padding-y:0.5rem;
	--bs-nav-link-color:var(--bs-main);
	--bs-nav-link-hover-color:var(--bs-primary-text-emphasis);
	--bs-nav-link-disabled-color:rgba(var(--navbar-text-color), 0.3);
	--bs-nav-link-active-color:var(--bs-main);
	--bs-nav-link-font-weight:var(--bs-fw-medium);
}
.navbar-light .nav-main._line .nav-link{
	border:solid transparent;
	outline:0;
}
.navbar-light .nav-main._line .active{
	--bs-nav-link-font-weight:var(--bs-fw-bold);
	border:solid var(--bs-main);
	border-width:2px 0;
	box-shadow:none;
}
.navbar-light .nav-main._line .nav-link:focus{
	outline:0;
}
.navbar-light .nav-main._line .nav-link{
	box-sizing:border-box;
}
.nav-main:is(.scrollX,.scroll-x){
	overflow-x:hidden;
	overflow-y:hidden;
}
.nav-main:is(.scrollX,.scroll-x):is(:hover,:focus){
	overflow-x:overlay;
	overflow-y:hidden;
}
.nav-main:is(.scrollX,.scroll-x,.overflow-auto){
	padding-top:0.5rem;
	padding-bottom:0.5rem!important;
}
/* .nav-main水平垂直滾動-火狐設定 */
@supports (-moz-appearance:none) {
	.nav-main:is(.scrollX,.scroll-x){
		overflow-x:scroll;
		padding-top:0.5rem;
		padding-bottom:0!important;
		scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);
		scrollbar-gutter:stable!important;
	}
	.nav-main:is(.scrollX,.scroll-x):is(:hover,:focus){
		overflow-x:scroll;
		padding-bottom:0!important;
		scrollbar-color:rgba(var(--bs-main-rgb),0.7) rgba(255,255,255,0.3);
	}
}
/* 3.-搜尋 */
:is(.box-search,.block-search) .form-select{
	flex-grow:0;
  width:auto;
}
/* 3-4.互動元件 */
.block-interactive{
	--bs-main-rgb:58,30,66;
	--radius:var(--cardImage-radius ,var(--bs-border-radius));
	--img-fit:cover;
}
:is(.block-item-image,.block-searchItem-image){
	--radius:var(--cardImage-radius ,var(--bs-border-radius));
	--img-fit:cover;
}
/* 3-.手風琴 */
.accordion-searchFilterTop{
	--bs-accordion-border-color:transparent;
	--bs-accordion-border-width:0;
	--bs-accordion-btn-padding-x:1rem;
	--bs-accordion-btn-padding-y:calc(1rem - 0.1875rem);
	--bs-accordion-btn-color:var(--bs-body-color);
	--bs-accordion-btn-bg:var(--bs-accordion-bg);
	/* --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
	--bs-accordion-body-padding-x:1rem;
	/* --bs-accordion-body-padding-y:1rem; */
	--bs-accordion-active-color:var(--bs-primary-text-emphasis);
	--bs-accordion-active-bg:rgba(var(--bs-accessory-rgb),.3);
}
.accordion-qna{
	--bs-accordion-border-color:var(--bs-border-color);
  --bs-accordion-border-width:1px;
  --bs-accordion-border-radius:var(--bs-border-radius);
  --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-color:var(--bs-body-color);
  --bs-accordion-btn-bg:var(--bs-accordion-bg);
  --bs-accordion-active-color:var(--bs-primary-text-emphasis);
	--bs-accordion-active-bg:rgba(var(--bs-accessory-rgb),.3);
	--bs-accordion-btn-padding-x:1.25rem;
	--bs-accordion-btn-padding-y:.75rem;
	--bs-accordion-body-padding-x:1.25rem;
	--bs-accordion-body-padding-y:.75rem;
}
.accordion-qna>.accordion-item{
	border-right:0;
	border-left:0;
}
.accordion-qna>.accordion-item:first-of-type {border-top:0}
.accordion-qna>.accordion-item:last-of-type {border-bottom:0}
.accordion-qna .accordion-body{
	position:relative;
	padding-left:3rem;
}
.accordion-qna .item-order{width:2rem}
.accordion-qna .badge{margin-right:.5rem}
.accordion-qna .accordion-body{
	display:flex;
	flex-flow:column nowrap;
	gap:1rem;
	justify-content:space-between;
	line-height:var(--bs-lh-lg);
}
.accordion-qna .accordion-body::before{
	content:"A:";
	position:absolute;
	display:inline-block;
	font-weight:var(--bs-fw-bold);
	line-height:var(--bs-lh-lg);
	left:var(--bs-accordion-body-padding-x);
}
.accordion-qna .item-date::before{content:"— "}
.accordion-qna .item-date{
	color:var(--bs-secondary);
	font-weight:var(--bs-fw-light);
	font-size:var(--bs-fs-sm);
	text-align:end;
}
/* 3-.搜尋條件 */
.block-searchFilter-AtoZ>*{
	flex:0 0 auto;
	width:12.5%;
}
/* 3-7.block-item、.block-searchList */
.block-searchList-body>.block-searchItem:first-child{
	border-top-left-radius:var(--bs-border-radius);
	border-top-right-radius:var(--bs-border-radius);
}
.block-searchList-body>.block-searchItem:last-child{
	border-bottom-left-radius:var(--bs-border-radius);
	border-bottom-right-radius:var(--bs-border-radius);
}
/* 3-.客製化區塊 */
.block-custom ._content{
	line-height:var(--bs-lh-lg);
}
/* 3-16.content-login */
.content-login .content-body .block-custom ._content{
	max-height:calc(var(--bs-lh-lg) * 5rem);
}
/* 3-17.content-register */
.content-register .content-body .block-custom ._content{
	max-height:calc(var(--bs-lh-lg) * 5rem);
}
/* 3-.客服 */
.block-dataFilterRight a{
	--bs-link-hover-color-rgb: var(--bs-orange-rgb);
}

/* 4.套件元件： */
/* 4-1.套件元件：滾動吸頂 FixedTop */
.content-search.fixed + .content-main{
	margin-top:11.875rem;
}

/* 4-else.套件元件：多層次選取checkBoxList */
.block-chosen{
	max-height:5.5rem;
}
.checkListGroupUnit{
	--ck-boxBg-hover:rgba(var(--bs-accessory-rgb),.3);
	border-radius:var(--bs-border-radius);
	overflow:hidden;
}
.checkListGroupUnit > div > ul{
	margin-bottom:0;
}
/* 4-.套件元件：swiper */
.swiper{
	--swiper-theme-color:var(--bs-main);
	--swiper-navigation-color:var(--bs-main);
	--swiper-pagination-color:var(--bs-main);
	--swiper-pagination-bottom:1rem;
	padding-bottom:3rem!important;
}
.swiper-slide .title{
	text-decoration:none;
	text-align:left;
}
.swiper-slide .title.line-clamp-2{height:3rem}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	text-shadow:var(--shadow-tabPills);
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	display:none;
}
:is(.swiper-button-next,.swiper-button-prev):is(:hover,:focus):after{
	text-shadow:var(--shadow-tabPills-hover);
}
:is(.swiper-content_indexWideCards,.swiper-content_indexThinCards_journal,.swiper-content_indexThinCards_book,.swiper-content_indexThinCards){
	--tag-height:1rem;
	margin-top:calc(var(--tag-height) * -1);
  height: calc(100% + var(--tag-height)) !important;
}
:is(.swiper-content_indexWideCards,.swiper-content_indexThinCards_journal,.swiper-content_indexThinCards_book,.swiper-content_indexThinCards) .swiper-wrapper{
	padding-top:1rem;
}
/* 5-5.規則：表單相關-客製 */
input[type="number"]{width:5rem}
.bg-texture{background:url(../img/indexS02-bg.png) repeat}
/* xs 當螢幕小於575px時 */
@media screen and (max-width:575px) {
	/* 4-1.套件元件：滾動吸頂 FixedTop */
	.content-search.fixed .box-search{width:calc(100% - 4rem)}
}
/* sm 當螢幕大於576px時*/
@media screen and (min-width:576px) {}
/* 平板直向時 */
@media screen and (min-width:768px) and (min-height:992px) {}
/* md 當螢幕 小於768px時*/
@media screen and (max-width:768px) {
	/* 頁面區塊(header/footer) */
	.box-search{--bs-gutter-y:1rem}
}
/* md 當螢幕大於768px時*/
@media screen and (min-width:768px) {
	/* 4-1.套件元件：滾動吸頂 FixedTop */
	.content-search.mlFixed-md-bottom.fixed + .content-main{margin-top:8.5rem}
	#offcanvasDetails{width:800px}
}
/* lg 當螢幕小於992px時 */
@media screen and (max-width:992px) {
	.section-mainLeft{border-bottom:1px solid var(--border-color)}
	/* 4-1.套件元件：滾動吸頂 FixedTop */
	.content-search.fixed .box-search{width:calc(100% - 3rem)}
	/* 5-6.規則：排序、層次 */
	.block-dataListCustom dt{
		visibility:hidden;
		width:0;
		height:0;
	}
}
/* lg 當螢幕大於992px時*/
@media screen and (min-width:992px) {
	/* -主搜尋區塊 */
	.navTabs-wrapper>nav .nav-link{
		font-size: var(--content-indexNavTabs-tabsFontSize-lg);
	}
	.section-main{--section-padding-y:60px}
	
	/* 4-1.套件元件：滾動吸頂 FixedTop */
	.content-search.fixed{
		position:fixed;
		width:100%;
		-webkit-box-shadow:var(--shadow-tabPills)!important;
		box-shadow:var(--shadow-tabPills)!important;
		z-index:1030;
		background:#fff;
		height:60px;
		overflow-y:hidden;
	}
	.content-search.fixed ~ .content-main{
		margin-top:60px;
	}
	.content-search.fixed ~ .content-main .section-mainLeft .sticky{
		top:60px;
	}
	/* 3-.搜尋條件 */
	.block-searchFilter-AtoZ>*{
		width:6.25%;
	}
	/* 3-17.content-register */
	.content-register .content-body .block-custom ._content{
		max-height:100%;
	}
	/* 4-.套件元件：swiper */
	:is(.swiper-content_indexThinCards,.swiper-content_indexThinCards_book,.swiper-content_indexThinCards_journal,.swiper-content_indexWideCards) :is(.swiper-button-next,.swiper-button-prev){
		--swiper-navigation-top-offset:calc(100% - 22px);
		/* --swiper-navigation-top-offset:100% */
	}
	.swiper-slide .title.line-clamp-lg-2{
		height:3rem;
	}
}
/* xl 當螢幕大於1200px時*/
@media screen and (min-width:1200px) {}
/* xxl 當螢幕大於1400px時*/
@media screen and (min-width:1400px) {
	/* 組件 */
	.offcanvas{--bs-offcanvas-width:50%}
}
/* xxl 當螢幕大於2200px時*/
@media screen and (min-width:2200px) {
	/* 組件 */
	.offcanvas{--bs-offcanvas-width:840px}
}