@charset "utf-8";
/* ==========================================================================
   Products Tabs — 產品頁籤樣式
   ========================================================================== */

/* 1. 版面容器 */
.products_tabs_page { display: inline-block; width: 100%; margin-top: 1.5rem; margin-bottom: 1.5rem; }
.products_tabs_txt { clear: both; width: 100%; margin: 0; padding: 0; color: #666; text-align: left; padding: 8px;}

/* 2. 頁籤 nav-link */
.card-header-box .nav-link { padding: .5rem .75rem; }
.card-header-box .nav-tabs .nav-item.show .nav-link, 
.card-header-box .nav-tabs .nav-link.active {color: #004986;}

/* 3. 下載清單 */
.products_tabs_download p.tabs_download:last-child { border-bottom: 0px dotted #ccc; }
.products_tabs_download p.tabs_download { display: inline-block; width: 100%; margin-top: 0; margin-bottom: 0; padding: 10px 5px; border-bottom: 1px dotted #ccc; }
.products_tabs_download p.tabs_download a.button,
.products_tabs_download p.tabs_download a.button:link,
.products_tabs_download p.tabs_download a.button:visited { float: right; width: auto; padding: 0 1rem; font-size: 14px; color: #fff; line-height: 30px; }
.products_tabs_download p.tabs_download em { margin-left: 5px; font-size: 13px; font-style: normal; color: #ff5722; }
.products_tabs_download p.tabs_download i { font-size: 14px; }
.products_tabs_download p.tabs_download span { font-weight: 600; }

@media screen and (max-width: 980px) {
.products_tabs_download p.tabs_download a,
.products_tabs_download p.tabs_download a:link,
.products_tabs_download p.tabs_download a:visited { display: inline-block; width: 90%; margin-bottom: 0; padding: 6px 0; font-weight: normal; font-size: 15px; line-height: 1.4285; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; -ms-touch-action: manipulation; touch-action: manipulation; }
.products_tabs_download p.tabs_download a.button:hover,
.products_tabs_download p.tabs_download a.button:focus { color: #fff; background-color: #004986; border-color: #004175; }
.products_tabs_download p.tabs_download { display: flex; flex-wrap: wrap; padding: 8px; }
.products_tabs_download p.tabs_download span { width: 20px; }
.products_tabs_download p.tabs_download a.button { margin-left: 20px; padding: 4px 8px !important;line-height:normal!important;}
}

/* 4. 頁籤 2.0 — 手機版改為手風琴 (accordion) */
.tab-content > .active .collapse:not(.show) { display: block; }
.tabs-title { display: none; }

@media screen and (max-width: 980px) {
.products_tabs_page .card-body { padding: 0; }
.card-header-box { display: none; }
.tabs-title { display: block; margin: 0; font-size: 1rem; }
.tabs-title-link { display: flex; justify-content: space-between; align-items: center; padding: .75rem; background-color: #f7f7f7; border-bottom: 1px solid rgba(0, 0, 0, .125); }
.tabs-title-link:hover { background-color: rgb(0 0 0 / 8%); }
.tabs-title-link:not(.collapsed) { background-color: rgb(0 0 0 / 8%); }
.tabs-title-link::after { content: "\f077"; font: normal normal normal 14px/1 FontAwesome; }
.tabs-title-link.collapsed::after { content: "\f078"; }
.tab-content > .active .collapse:not(.show) { display: none; }
.collapse:not(.show) { opacity: 0 !important; }
.fade:not(.show) { opacity: 1 !important; }
.tab-content > .tab-pane { display: block !important; }
.products_tabs_txt { padding: 15px; border-bottom: 1px solid rgba(0, 0, 0, .125); }
}