/*#region 整體設定() */
html * { font-family: "Times New Roman", "Noto Sans TC", "Microsoft JhengHei", PingFang, STHeiti, sans-serif, serif; }
html { font-size: 1rem; }
/*body, h1, h2, h3, h4, h5, h6, p, a, div { font-size: 1rem; }*/
body, h1, h2, h3, h4, h5, h6 { font-size: 1rem; }
h1 { font-size: 2rem; }/* 32px */
h2 { font-size: 1.75rem; }/* 28px */
h3 { font-size: 1.5rem; }/* 24px */
h4 { font-size: 1.25rem; }/* 20px */
h5 { font-size: 1rem; }/* 16px */
h6 { font-size: 0.875rem; }/* 14px */
/* === 麵包屑 === */
.breadcrumb-wrapper {margin-top: 1rem;margin-left: 2rem;}
.breadcrumb {background: transparent;padding: 0;font-size: 0.95rem;color: #6d4f19;}
.breadcrumb a {color: inherit;text-decoration: none;}
.breadcrumb a:hover {text-decoration: underline;}
/* === 隱藏reCAPTCHA 保護機制LOGO === */
.grecaptcha-badge {
    display: none !important;
    visibility: hidden !important;
}

/* 顯示徽章時強制復原樣式 */
.recaptcha-visible .grecaptcha-badge {
    display: block !important;
    visibility: visible !important;
}

/* === 導盲磚手機版隱藏 === */
.acc-key { position: absolute; top: 0; left: 0; z-index: 1000; margin-left: 5px; text-decoration: none; color: #000; }
@media (max-width: 767.98px) {
    .acc-key { display:none; }
}
/* === 列印頁面不顯示的按鈕 === */
@media print {
    .grecaptcha-badge { display: none !important; }
    /* 只顯示主要內容 */
    .print-area { display: block; page-break-inside: avoid; /* 若順著向下排列時會切開此元素，則直接換頁 */ }
    .change-page { page-break-after: always; /* 碰到此元素會直接換頁 */ }
    /* 手風琴內容一律顯示 */
    .accordion-collapse { display: block !important;height: auto !important;visibility: visible !important; }
    /* 移除 Bootstrap 的 overflow 限制，避免被裁切 */
    .accordion-body { overflow: visible !important; }
    /* 列印時可隱藏不需要的元素（按鈕、返回頂端等） */
    header, footer, nav, .no-print, .gotop-btn, .accordion-button::after { display: none !important; }
    .for-pdf .no-print,
    .for-pdf .scroll-top,
    .for-pdf .skip-link,
    .for-pdf .anchor-icon { display: none !important; }
    .for-pdf .accordion-body { max-height: none !important;overflow: visible !important; }
    .for-pdf .container,
    .for-pdf .faq-root { max-width: none !important;width: 100% !important;padding: 0 !important;margin: 0 auto !important; }
}
/*#endregion  */
/*#region mainNavBox 導覽列*/
/* === 上層 === */
.mainNavBox .dropdown-item { white-space: nowrap; width: 100%; }
.mainNavBox .dropdown-menu { min-width: 160px; }
.mainNavBox .dropdown-menu .dropdown-item {text-align: center;padding: 12px 20px;}
.mainNavBox .dropdown-submenu {position: relative;}
.mainNavBox .mainNavTop .nav-link:hover {text-shadow: 1px 1px 2px rgba(109, 79, 25, .25);}
.mainNavBox .mainNavTop .left_line {position: relative;display: inline-block;padding-left: 0.75rem;margin-left: 0.75rem;line-height: 1.2;}
.mainNavBox .mainNavTop .left_line::before {content: '';position: absolute;left: -0.5rem;top: 0.15em;bottom: 0.15em; width: 2px;background-color: #6d4f19;}
/* 子選單展開右側 */
.mainNavBox .dropdown-submenu > .dropdown-menu {top: 0;right: 100%;margin-top: -1px;display: none;}
.mainNavBox .logo img{ width:100%; max-width:400px; }
.mainNavBox .collapse.navbar-collapse { flex-grow:unset; }
.mainNavBox .collapse.navbar-collapse .navUlBox .navUl {  margin-left: auto; }
.mainNavBox .mainNavTop .nav-link { color:#7A726C; font-weight:bold;padding:0; margin: .5rem}
/* === 下層 === */
.mainNavBox .mainNavBottom .dropdown-menu { padding: 0; border-radius: 10px;}
/* 第一個 dropdown-item，加上上圓角 */
.mainNavBox .mainNavBottom .dropdown-menu li:first-child .dropdown-item { border-radius: 10px 10px 0 0;}
/* 最後一個 dropdown-item，加上下圓角 */
.mainNavBox .mainNavBottom .dropdown-menu li:last-child .dropdown-item {border-radius: 0 0 10px 10px;}
.mainNavBox .mainNavBottom .dropdown-menu .dropdown-item:hover,
.mainNavBox .mainNavBottom .nav-link:hover:not(.active) { color:#004643;font-weight:bold;background-color:#F1BD58;}
.mainNavBox .mainNavBottom .nav-link { margin: 0 1em 0 0; }
.mainNavBox .nav-link {width: 100%;}
.mainNavBox .mainNavBottom .nav-link.active,
.mainNavBox .mainNavBottom .dropdown-item.active { background-color: #F1BD58;color: #704411 !important;font-weight:bold; }
/* 桌機版（hover 展開） */
@media (min-width: 768px) {
    .mainNavBox .nav-link {text-align: center;}
    .mainNavBox .dropdown-submenu:hover > .dropdown-menu,
    .mainNavBox .dropdown-submenu > .dropdown-menu.show {
        display: block;
    }
}
@media (max-width: 767.98px) {
    .mainNavBox .mainNavBottom .dropdown-menu { padding: 0; border-radius: 10px;}
    /* 第一個 dropdown-item，加上上圓角 */
    .mainNavBox .mainNavBottom .dropdown-menu li:first-child .dropdown-item { border-radius: 10px 10px 0 0;}
    /* 最後一個 dropdown-item，加上下圓角 */
    .mainNavBox .mainNavBottom .dropdown-menu li:last-child .dropdown-item {border-radius: 0 0 10px 10px;}
    .mainNavBox .mainNavBottom .dropdown-menu .dropdown-item { border-radius: 10px;}
    .mainNavBox .nav-link {padding-left: 1rem}
    .mainNavTop, .mainNavBottom {display: flex;flex-direction: column}
    .mainNavTop ul, .mainNavBottom ul {width: 100%;}
    .mainNavBox .mainNavBottom .nav-link {margin: 0;}
    .mainNavBox .dropdown-item {padding: 12px 16px;text-align: left;}
    .mainNavBox .dropdown-toggle::after {float: right;margin-top: 0.5rem;}
    .mainNavBox .dropdown-submenu:hover > .dropdown-menu {display: none;}
    .mainNavBox .dropdown-submenu .dropdown-menu.show {display: block;position: relative;left: 0;top: 0;margin: 0;}
    /* === 箭頭不影響排版 === */
    .mainNavBox .dropdown-toggle {position: relative;}
    .mainNavBox .dropdown-toggle::after {position: absolute;right: 1rem;top: 50%;transform: translateY(-50%);margin: 0;}
    .mainNavBox .collapse.navbar-collapse .navUlBox .navUl { margin-left: 0; margin-right: auto; flex-grow: 1; }
    /* === 手機版隱藏橫豎 === */
    .mainNavBox .mainNavTop .left_line {padding-left: 0;margin-left: 0;}
    .mainNavBox .mainNavTop .left_line::before { display: none; }
}
@media (max-width: 575.98px){
    .mainNavBox .logo img { width: 100%; max-width: 250px; }
}
/*#endregion  */
/*#region mainFooterBox 頁尾*/
.mainFooterBox {margin-top: 20px; background-color: #7A726C; color:#fff; padding-top:20px;}
.mainFooterBox .copyrightBox{text-align:center; padding:15px;}
.mainFooterBox .infoBox{text-align:center;}
.mainFooterBox .infoBox .infoItem div{margin:8px 0;}
/*#endregion  */
/*#region mainHome 首頁*/
/* === 輪播圖暫停播放按鈕 === */
.mainHome .carousel_btn { left: 0;bottom: 2em;padding: 0;transform: translateY(-4px); }
/* === 左側卡片 === */
.mainHome .type_card {background-color: #e7e1da;border-radius: 1rem;overflow: hidden;text-align: center;display: flex;flex-direction: column;justify-content: space-between;min-height: 160px;}
.mainHome .col a {text-decoration:none;}
.mainHome a .type_card:hover {background-color: #F1BD58;transform: scale(1.05);transition: all .2s ease;}
.mainHome .type_icon {background-repeat: no-repeat;background-position: center;background-size: 50%;min-height:120px;}
.mainHome .type_label {word-wrap: break-word;padding: 0.5rem;line-height: 1.2;}
.mainHome .bg_brown {background-color: #6D4F19;}
/* #endregion  */
/*#region mainNews 公告列表*/
/* === 公告項目 === */
.mainNews .news-content {border: 2px solid #F1BD58;border-radius: 1rem;padding: .5rem 0;}
.mainNews .section-title {font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem;}
.mainNews .announcement-item {position: relative;padding: 1rem;}
.mainNews .announcement-item:hover {background-color: rgba(241, 189, 88, .4);cursor: pointer;}
.mainNews .announcement-item:hover .announcement-text {color: #007BEE;}
.mainNews .announcement-item::after {content: "";display: block;height: 1px;background-color: #DBD5CE;position: absolute;bottom: 0;left: 1rem;right: 1rem;}
.mainNews .announcement-item:last-child::after {display: none;}
.mainNews .announcement-item .announcement-inner { display: flex; flex-direction: column; align-items: flex-start; gap:8px; padding:0.5rem 1rem; }
@media (min-width: 768px) {
    .mainNews .announcement-item .announcement-inner { flex-direction: row; align-items: center; }
}
.mainNews .announcement-item.pagination_item:hover {background-color: transparent; cursor: auto;}
.mainNews .announcement-item.pagination_item .pageHandlerPanelBox {display:flex; justify-content:center;}
.mainNews .announcement-item.pagination_item .pageHandlerPanelBox .pageHandlerPanel {display:flex; justify-content:center; align-items:center; gap:16px;}
/* === 內容區塊排列 === */
.mainNews .announcement-inner {display: flex;flex-wrap: wrap;align-items: flex-start;}
/* === 日期樣式 === */
.mainNews .announcement-date {white-space: nowrap;min-width: 100px;text-align: left;color: #058A9A;}
/* === 文字內容 === */
.mainNews .announcement-text {flex: 1;}
/* #endregion  */
/*#region mainAnnouncements 公告頁面*/
/* === 公告卡片區 === */
.mainAnnouncements .container-768 {max-width: 768px;width: 100%;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;}
/* #endregion  */
/*#region mainAnnouncementsContent 公告詳細頁*/
.mainAnnouncementsContent .section-title { color: #6d4f19 }
/* === 公告卡片區 === */
.mainAnnouncementsContent .announcement-content {border: 2px solid #F1BD58;border-radius: 1rem;background-color: #fff;padding: 1rem 0;}
/* === 日期樣式 === */
.mainAnnouncementsContent .announcement-date {white-space: nowrap;min-width: 100px;text-align: left;color: #058A9A;}
/* === 文字內容 === */
.mainAnnouncementsContent .announcement-text {flex: 1;color: #058A9A;}
.mainAnnouncementsContent .container-1024 {max-width: 1024px;width: 100%;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;}
/* === 分享 按鈕 樣式 === */
.mainAnnouncementsContent .shrBtn { background-color: #00c300; color: #fff; border: none; padding: 4px 8px; border-radius: 6px; font-weight: bold; text-decoration: none; display: inline-block; box-shadow: 0 2px 4px rgba(0,0,0,0.2); transition: background-color 0.3s ease; display: inline-flex; align-items: center; }
.mainAnnouncementsContent .shrBtn > .icon { display:inline-block; width:25px; height:25px; background-size:cover; }
.mainAnnouncementsContent .shrBtn.shrBtn_FB { background-color: #0d6efd; }
.mainAnnouncementsContent .shrBtn.shrBtn_FB > .icon { background-image:url(../images/icons/facebook-logo.webp); }
.mainAnnouncementsContent .shrBtn.shrBtn_Line { background-color: #00c300; }
.mainAnnouncementsContent .shrBtn.shrBtn_Line > .icon { background-image: url(../images/icons/line-logo.webp); }
.btn-line:hover {background-color: #00a000;color: #fff;text-decoration: none;}
@media (max-width: 1024px) {
    .mainAnnouncementsContent .container-1024 {max-width: 1024px;}
}
/* #endregion  */
/*#region mainCommunitySide 貼在右邊的社群圖片*/
/* === 右邊社群ICON連結 === */
.mainCommunitySide {height: calc(144px + 30px);}
.mainCommunitySide .social-link {width: 36px;height: 36px;overflow: hidden;display: block;position: relative;border-radius: 5px;}
.mainCommunitySide .instagram-bg {background: linear-gradient(to top right, #FC9D40 0%, #FD1D1D 50%, #9037A4 100%);}
.mainCommunitySide .line-bg {background-color: #39cd00;}
.mainCommunitySide .youtube-bg {background-color: #DC472E;}
.mainCommunitySide .facebook-bg {background-color: #3B5998;}
.mainCommunitySide .img-wrapper {position: relative;width: 100%;height: 100%;}
/* === 圖片共用樣式 === */
.mainCommunitySide .img-wrapper img {position: absolute;left: 50%;transform: translateX(-50%);width: 100%;transition: top 0.3s ease;}
/*  === 初始位置：第一張置中，第二張在下方 === */
.mainCommunitySide .img-wrapper img:first-child {top: 50%;transform: translate(-50%, -50%);}
.mainCommunitySide .img-wrapper img:last-child {top: 150%;transform: translate(-50%, -50%);}
/* === hover 時做交換動畫 === */
.mainCommunitySide .social-link:hover .img-wrapper img:first-child {top: -50%;}
.mainCommunitySide .social-link:hover .img-wrapper img:last-child {top: 50%;}
/* #endregion  */
/*#region mainRelatedLinks 相關連結*/
.mainRelatedLinks .section-title {font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem;}
/* #endregion  */
/*#region mainGuide 應考指南*/
.mainGuide.container-768 {max-width: 768px;width: 100%;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;}
.mainGuide .section-title {font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem;}
.mainGuide .bg-brown {background-color: #6D4F19;}
.mainGuide .bg-content {background-color: #F5F2E6}
.mainGuide .bg-content:hover {background-color: #D3F4ED}
.mainGuide .download-box {display: inline-block;padding: 12px;text-decoration: none;color: #000;font-weight: bold;}
.mainGuide .pdf-icon {width: 50px;height: 50px;}
/*#endregion  */
/*#region mainExam 線上測驗*/
.mainExam .section_title {font-weight: bold; color: #6d4f19;}
.mainExam .text_brown {color:#6D4F19;}
.mainExam .bg_brown {background-color:#6D4F19;}
.mainExam .row {border: none !important;}
.mainExam .img_cursor {max-width: 60px;opacity: 0.3;outline: none;cursor: pointer;transform:scale(1);transition: all 0.3s ease;}
.mainExam .section-title {font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem;}
.mainExam .bg-header {background-color: #6D4F19;}
.mainExam .bg-content {background-color: #f8f6ef;}
.mainExam .download-box {display: inline-block;background-color:#7A726C;padding: 12px;text-decoration: none;color: #000;font-weight: bold;}
.mainExam .download-box:hover {background-color:#F1BD58;}
.mainExam .download-icon {width: 36px;height: auto;}
.mainExam .answer-icon {width: 46px;height: auto;}
.mainExam .row + .row {border-top: 1px solid #ccc;}
.mainExam .card-header {font-size: 1.1rem;}
.mainExam .group-dropdown-menu {max-height: calc(2.5rem * 5);overflow-y: auto;}
/*#endregion  */
/*#region mainExamstatistics 試務統計*/
.mainExamstatistics .section-title {font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem;}
.mainExamstatistics .selectBox .form-select { max-height: 10rem; overflow-y: auto; }
.mainExamstatistics .selectBox { max-width: 30rem; margin: 0 auto; }
.mainExamstatistics .pdfBox { width:90%; margin:0 auto; }
.mainExamstatistics .pdfBox embed { width:100%; min-height:800px; }
/*#endregion  */
/*#region mainFreeback 聯絡我們*/
.mainFreeback .container-768 {max-width: 768px;width: 100%;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;}
.mainFreeback .section-title {font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem;}
.mainFreeback .form-label {color:#6d4f19; min-width:10rem;}
.mainFreeback .btn-bg {background-color: #6D4F19;color: white;font-weight: bold;}
.mainFreeback .btn-bg:focus {border: 2px solid #F1BD58; color: #004643; background-color: #F1BD58}
.mainFreeback .btn-bg:hover {background-color: #F1BD58; color: #004643; box-shadow:0px 0px 5px rgba(0, 0, 0, .25);}
@media (max-width:768px){
    .mainFreeback .btn-bg {width:100%;}
}
/*#endregion  */
/*#region mainElearning 線上學習*/
.mainElearning .section-title {font-weight: bold;color: #6d4f19;}
.mainElearning .text-brown {color:#6D4F19;}
.mainElearning .resultBox .QQRBox{display:flex; flex-direction:column; justify-content:center; align-items:center;}
.mainElearning .resultBox .QQRBox .contentBox{ width:100%; max-width:920px; font-size:2rem; padding:1rem; background-color:#F8F9FA; }
.mainElearning .resultBox .QQRBox .contentBox .picBox{ text-align:center; }
.mainElearning .resultBox .QQRBox .contentBox .picBox img{ width:100%; max-width:200px;  }
.mainElearning .resultBox .QQRBox.QQRBoxRecognize .contentBox .picBox img{ max-width:250px; }
.mainElearning .resultBox .QQRBox.QQRBoxPicTalk .contentBox .picBox img{ max-width:300px; }
.mainElearning .resultBox .QQRBox .audioBox .playBtn{ width:50px; height: 50px; border:none; background-color:transparent; background-image:url(../images/speaker-icon.webp); background-repeat:no-repeat; background-size:80%; background-position:center center; }
.mainElearning .resultBox .QQRBox .audioBox .playBtn:focus,
.mainElearning .resultBox .QQRBox .audioBox .playBtn:focus-visible{ border: 2px solid red; }
/* #endregion  */
/*#region mainExamResult 測驗結果*/
.mainExamResult .bg_brown {background-color: #6D4F19;}
/* #endregion  */
/*#region mainExamComponent 題庫組件互用 */
.mainExamComponent .img_cursor:focus,
.mainExamComponent button:focus {outline: 3px solid #ff8800;outline-offset: 2px;border-radius: 8px;}
.mainExamComponent .audioBox .playBtn { width: 50px; height: 50px; border: none; background-color: transparent; background-image: url(../images/speaker-icon.webp); background-repeat: no-repeat; background-size: 80%; background-position: center center; }
.mainExamComponent .audioBox .playBtn:focus,
.mainExamComponent .audioBox .playBtn:focus-visible { border: 2px solid red; }
.mainExamComponent .chooseItemBox button { width: 80px; height: 80px; border: none; background-color: transparent; background-repeat: no-repeat; background-size: 80%; background-position: center center; }
.mainExamComponent .showAnsBox .chooseItemBox .chooseBtnBox { position: relative; display:inline-block; }
.mainExamComponent .showAnsBox .chooseItemBox .chooseBtnBox::after { content:''; display:inline-block; width:30px; height:30px; background-image: url(../images/delete.png); background-repeat: no-repeat; background-size: 80%; background-position: center center; position:absolute; top:-2px; left:-2px; }
.mainExamComponent .showAnsBox .chooseItemBox .chooseBtnBox.correctItem::after { background-image: url(../images/accept.png); }
/*.mainExamComponent.ExamComponent_YesNo .chooseItemBox button { width: 80px; height: 80px; border: none; background-color: transparent; background-repeat: no-repeat; background-size: 80%; background-position: center center; }*/
.mainExamComponent.ExamComponent_YesNo .chooseItemBox .Btn_Yes { background-image: url(../images/O.webp); }
.mainExamComponent.ExamComponent_YesNo .chooseItemBox .Btn_No { background-image: url(../images/X.webp); }
/* #endregion  */
/*#region mainTestMessage 測驗訊息*/
.mainTestMessage .text-brown,
.mainTestMessage .section_title { color: #6d4f19; }
.mainTestMessage .card-link .card {background-color: #ddd;transition: all 0.3s ease;border-radius: 0.5rem;}
.mainTestMessage .img_block {width: 120px;height: 120px;border-radius: 50%;background-color: white;background-size: 60%;background-repeat: no-repeat;background-position: center;transition: background-color 0.3s ease, transform 0.3s ease, background-image 0.3s ease;}
.mainTestMessage .card-link:hover .card {box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);}
.mainTestMessage .card-link:hover .img_block {background-color: #D8073C;transform: scale(1.05);}
.mainTestMessage .bg_icon_01 {background-image: url('../images/testnotifications/blueprint.png');}
.mainTestMessage .card-link:hover .bg_icon_01 {background-image: url('../images/testnotifications/blueprint_hover.png');}
.mainTestMessage .bg_icon_02 {background-image: url('../images/testnotifications/standard.png');}
.mainTestMessage .card-link:hover .bg_icon_02 {background-image: url('../images/testnotifications/standard_hover.png');}
.mainTestMessage .bg_icon_03 {background-image: url('../images/testnotifications/certificate.png');}
.mainTestMessage .card-link:hover .bg_icon_03 {background-image: url('../images/testnotifications/certificate_hover.png');}
.mainTestMessage .bg_icon_04 {background-image: url('../images/testnotifications/qa.png');}
.mainTestMessage .card-link:hover .bg_icon_04 {background-image: url('../images/testnotifications/qa_hover.png');}
.mainTestMessage .bg_icon_05 {background-image: url('../images/testnotifications/test.png');}
.mainTestMessage .card-link:hover .bg_icon_05 {background-image: url('../images/testnotifications/test_hover.png');}
.mainTestMessage .bg_icon_06 { background-image: url('../images/testnotifications/guide-book.png'); }
.mainTestMessage .card-link:hover .bg_icon_06 { background-image: url('../images/testnotifications/guide-book_hover.png'); }
.mainTestMessage .bg_icon_07 { background-image: url('../images/testnotifications/open-book.png'); }
.mainTestMessage .card-link:hover .bg_icon_07 { background-image: url('../images/testnotifications/open-book_hover.png'); }
.mainTestMessage .bg_icon_08 {background-image: url('../images/testnotifications/mobile-app.png');}
.mainTestMessage .card-link:hover .bg_icon_08 {background-image: url('../images/testnotifications/mobile-app_hover.png');}
/* #endregion  */
/*#region mainReissueCertificate 證明文件補發申請*/
.mainReissueCertificate .section-title {font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem;}
/* 卡片樣式（整張卡可點） */
.mainReissueCertificate .download-card-doc,
.mainReissueCertificate .download-card-pdf { border-radius: .75rem;text-decoration: none;box-shadow: 0 2px 8px rgba(0,0,0,.06);transition: transform .15s ease, box-shadow .15s ease; }
.mainReissueCertificate .download-card-doc { border: 3px solid #0d6efd; }
.mainReissueCertificate .download-card-pdf { border: 3px solid #dc3545; }
.mainReissueCertificate .download-card-doc:hover,
.mainReissueCertificate .download-card-pdf:hover { transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0,0,0,.2);background-color:rgba(13, 170, 253, .2); }
.mainReissueCertificate .download-card-doc:hover { background-color:rgba(13, 170, 253, .2); }
.mainReissueCertificate .download-card-pdf:hover { background-color:rgba(250, 53, 69, .2); }
.mainReissueCertificate .download-card-doc:focus-visible { outline: 3px solid rgba(13, 170, 253, .2);outline-offset: 3px;background-color:rgba(13, 170, 253, .2); }
.mainReissueCertificate .download-card-pdf:focus-visible { outline: 3px solid rgba(250, 53, 69, .2);outline-offset: 3px;background-color:rgba(250, 53, 69, .2); }
/* 手機上確保點擊面積（AA 2.5.8 建議 ≥24x24） */
.download-card .card-body { padding: .9rem 1rem; }
/* #endregion  */
/*#region mainSearch 搜尋*/
.mainSearch .container-1024 {max-width: 1024px;width: 100%;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;}
.mainSearch .text-brown,
.mainSearch .section_title {color: #6d4f19;}
/* #endregion  */
/*#region mainSitemap 網站導覽*/
.mainSitemap .text-brown,
.mainSitemap .section_title {color: #6d4f19;}
.mainSitemap .list-unstyled {list-style-type: none;}
.mainSitemap .link-hover {text-decoration: none;}
.mainSitemap .link-hover:hover {color: #d2691e;text-decoration: underline;font-weight: bold;}
.mainSitemap .container-768 {max-width: 768px;width: 100%;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem;}
/* #endregion  */
/*#region mainExamQuestionTypes 考試題型*/
.mainExamQuestionTypes .ContentBox > .typeBox > .QBox_Outter { border: 1px solid #D1D5DB; margin-bottom:2rem; }
.mainExamQuestionTypes .ContentBox > .typeBox > .QBox_Outter > .QBox_Outter_title { padding:.5rem .3rem; font-size:1.7rem; background-color:#008CAC; color:#fff; font-weight:900; text-align:center; }
.mainExamQuestionTypes .ContentBox > .typeBox > .QBox_Outter > .QBox_Inner > .QBox_Inner_title { padding:.5rem .3rem; font-size:1.2rem; background-color:#6D4F19; color:#fff;font-weight:900; text-align:center; }
.mainExamQuestionTypes .ContentBox > .typeBox > .QBox_Outter > .QBox_Inner > .QBox_Inner_Content { padding:2rem; }
.mainExamQuestionTypes .ContentBox > .typeBox .picBox { text-align: center; }
.mainExamQuestionTypes .ContentBox > .typeBox .picBox img { width: 100%; max-width: 200px; }
.mainExamQuestionTypes .ContentBox > .typeBox .audioBox .playBtn { width: 60px; height: 60px; border: none; background-color: transparent; background-image: url(../images/speaker-icon.webp); background-repeat: no-repeat; background-size: 80%; background-position: center center; }
.mainExamQuestionTypes .ContentBox > .typeBox .audioBox .playBtn:focus,
.mainExamQuestionTypes .ContentBox > .typeBox .audioBox .playBtn:focus-visible{ border: 2px solid red; }
.mainExamQuestionTypes .ContentBox > .typeBox .chooseItemBox button { width: 100px; height: 100px; border: none; background-color: transparent; background-repeat: no-repeat; background-size: 80%; background-position: center center; }
.mainExamQuestionTypes .ContentBox > .typeBox .chooseItemBox .Btn_Yes { background-image: url(../images/O.webp); }
.mainExamQuestionTypes .ContentBox > .typeBox .chooseItemBox .Btn_No { background-image: url(../images/X.webp); }

.mainExamQuestionTypes .ContentBox > .typeBox.typeLv3Box .QBox_Inner > .QBox_Inner_Content,
.mainExamQuestionTypes .ContentBox > .typeBox.typeLv4Box .QBox_Inner > .QBox_Inner_Content{font-size:1.1rem; font-weight:bolder;}
.mainExamQuestionTypes .ContentBox > .typeBox.typeLv4Box .QBox_Inner > .QBox_Inner_Content .Q .conversation::first-letter{ font-size:1.5rem;  margin-right:.5rem;}
.mainExamQuestionTypes .ContentBox > .typeBox.typeLv4Box .QBox_Inner > .QBox_Inner_Content .Q_clozeA .clozeAItem { display: inline-block; min-width: 150px; background-color: #D1D5DB; padding: .2rem .6rem; margin: .2rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mainExamQuestionTypes .ContentBox > .typeBox.typeLv4Box .QBox_Inner > .QBox_Inner_Content .Q_clozeA .clozeAItem .clozeAContent{ color:transparent; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.mainExamQuestionTypes .ContentBox > .typeBox.typeLv5Box .QBox_Inner > .QBox_Inner_Content .Q_clozeA .clozeAItem { display: inline-block; min-width: 150px; background-color: #D1D5DB; padding: .2rem .6rem; margin: .2rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.mainExamQuestionTypes .ContentBox > .typeBox.typeLv5Box .QBox_Inner > .QBox_Inner_Content .Q_clozeA .clozeAItem .clozeAContent{ color:transparent; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
/* #endregion  */
/*#region mainQabook Q&A*/
.mainQabook.container-992 { max-width: 992px;width: 100%;margin-left: auto;margin-right: auto;padding-left: 1rem;padding-right: 1rem; }
.mainQabook .text-brown,
.mainQabook .section_title { color: #6d4f19; }
.mainQabook .accordion-body { line-height: 2rem; }
.mainQabook .accordion-button { font-weight: bold;}
.mainQabook .accordion-item { transition: all .3s ease; }
.mainQabook .accordion-item:hover { transform: translateY(-2px); }
.mainQabook .text_bg { color: #6d4f19;background: rgba(241, 189, 88, 0.2);border:1px solid rgb(224, 198, 138); font-weight:bold; }
.mainQabook .content_width { min-width: 20rem; }
.mainQabook .content_width:hover { outline: 2px ridge rgba(253, 126, 1, 0.6); }
.mainQabook .icon-link { display: inline-block; width: 46px; height: 46px;background-image: url("../images/icons/pdf-default.png");background-size: cover;cursor:pointer; }
.mainQabook .icon-link:hover,
.mainQabook .icon-link:focus{ background-image: url("../images/icons/pdf-hover.png"); }
.mainQabook .icon-link .visually-hidden { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0; }
.mainQabook .section_header { position: relative;gap: 1rem; transition:all .5s ease-in-out;}
.mainQabook .section_header:focus { outline: 2px ridge rgba(253, 126, 1, 0.6);padding:1rem; }
.mainQabook .gotop-btn { width:36px;height:36px;min-width: 36px;min-height: 36px;background-color: #0d6efd;color: white;font-size: 18px;border: none;border-radius: 6px;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);cursor: pointer; }
.mainQabook .gotop-btn:hover,
.mainQabook .gotop-btn:focus { background-color: #084298;outline: 2px ridge rgba(253, 126, 1, 0.5);}
/* 圖示大小至少 24x24*/
.mainQabook .print-icon { width: 24px; height: 24px; }
/* 讓整顆按鈕的可點擊面積 ≥ 24x24（含內距）*/
.mainQabook .print-btn { padding: .5rem; }
/* 焦點可見：確保鍵盤導航有明顯外框 */
.mainQabook .print-btn:focus-visible { outline: 2px solid #0d6efd;outline-offset: 2px; }
/*#endregion */
/*#region mainBookSystem 教材檔案下載*/
.mainBookSystem .section-title { font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem; }
.mainBookSystem .table thead .bg_brown { background:#6D4F19; }
.mainBookSystem .table img { max-width: 3rem; }
/*#endregion */
/*#region mainDiagnosis 自我檢測*/
.mainDiagnosis .section-title { font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem; }
.mainDiagnosis .section_header { position: relative;gap: 1rem; transition:all .5s ease-in-out; }
.mainDiagnosis .section_header:focus { outline: 2px ridge rgba(253, 126, 1, 0.6);padding:1rem; }
.mainDiagnosis .gotop-btn { width:36px;height:36px;min-width: 36px;min-height: 36px;background-color: #0d6efd;color: white;font-size: 18px;border: none;border-radius: 6px;display: flex;align-items: center;justify-content: center;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);cursor: pointer; }
.mainDiagnosis .gotop-btn:hover,
.mainDiagnosis .gotop-btn:focus { background-color: #084298;outline: 2px ridge rgba(253, 126, 1, 0.5);}
.mainDiagnosis .notice-card { background: white;border-radius: 15px;padding: 1rem;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);border-left: 4px solid #ff6b6b;margin: 1rem 0;transition:all .5s ease; }
.mainDiagnosis .text_bg { color: #6d4f19;background: rgba(241, 189, 88, 0.2);border:1px solid rgb(224, 198, 138); font-weight:bold; }
.mainDiagnosis .notice-card:hover { transform: scale(1.01); }
/*#endregion */
/*#region mainDiagnosisResult 自我檢測結果*/
.mainDiagnosisResult.result-page-bg { background: linear-gradient(135deg, #e6f0fb, #d2e4f3);padding: 2rem;}
.mainDiagnosisResult .section-title { font-weight: bold;color: #6d4f19; }
/* === 級數顏色 === */
.mainDiagnosisResult .badge.level-beginner { background-color: #A3CFBB; color: #000; }
.mainDiagnosisResult .badge.level-intermediate { background-color: #8AB6F9;color: #000; }
.mainDiagnosisResult .badge.level-upper { background-color: #FFD89C;color: #000; }
.mainDiagnosisResult .badge.level-advanced { background-color: #F6A6A6;color: #000; }
.mainDiagnosisResult .badge.level-expert { background-color: #BDBDBD;color: #000; }
.mainDiagnosisResult .badge.level-secondary { background-color: #E0E0E0;color: #000; }
.mainDiagnosisResult .table-title { font-size: 1.25rem;font-weight: bold;color: #00bcd4;display: flex;align-items: center;gap: 0.5rem;margin-bottom: 1rem; }
.mainDiagnosisResult .icon-square { width: 10px;height: 10px;background-color: #00bcd4;display: inline-block;border-radius: 2px; }
.mainDiagnosisResult .title_box { background: linear-gradient(to right, #e0f7fa, #e3f2fd); /* 藍綠漸層 */ border-bottom: 2px solid #b2ebf2; }
.mainDiagnosisResult .text_brown { color: #6d4f19; /* 咖啡色調 */ }
.mainDiagnosisResult .close-btn { padding: 0.5rem 1.5rem;font-size: 1.1rem;border-radius: 0.75rem;transition: all 0.3s ease; }
.mainDiagnosisResult .close-btn:hover { background-color: #6c757d;color: white;border-color: #6c757d; }

/*#endregion */
/*#region mainGeneralRegulations 測驗簡章*/
.mainGeneralRegulations .section-title {font-weight: bold;color: #6d4f19;margin-bottom: 1.5rem;}
.mainGeneralRegulations .general-content {border: 2px solid #F1BD58;border-radius: 1rem;background-color: #fff;padding: 1rem 0;}
.mainGeneralRegulations .brochure-hero { border-radius: 18px;padding: clamp(18px, 2.5vw, 28px);background: radial-gradient(1200px 600px at 100% -20%, rgba(255,255,255,.7) 0%, transparent 50%), linear-gradient(135deg, #1B4ECC, #7FAAFB);color: #fff;box-shadow: 0 18px 40px rgba(36,107,235,.22);position: relative;overflow: hidden; }
.mainGeneralRegulations .brochure-hero::after { content: "";position: absolute;right: -60px;bottom: -60px;width: 200px;height: 200px;border-radius: 50%;background: rgba(255,255,255,.18);filter: blur(6px);pointer-events: none;z-index: 0; }
.mainGeneralRegulations .brochure-hero .title{ font-size: clamp(22px, 2.4vw, 34px);font-weight: 800;line-height: 1.25;letter-spacing:.3px; }
.mainGeneralRegulations .brochure-hero .meta{ opacity:.95; font-weight:600; }
.mainGeneralRegulations .btn-hero { display: inline-flex;align-items: center;gap: .5rem;position: relative;z-index: 1;cursor: pointer;background: rgba(255,255,255,0.9);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border-radius: 14px;padding: 18px 28px;color: #246BEB;font-weight: 700;font-size: 1.1rem;box-shadow: 0 6px 20px rgba(36,107,235,.25);transition: transform .2s ease, box-shadow .2s ease, background .2s ease;will-change: transform, box-shadow; }
.mainGeneralRegulations .btn-hero:hover { color: #246BEB;background: rgba(255,255,255,1);transform: translateY(-2px);box-shadow: 0 12px 28px rgba(36,107,235,.35);cursor: pointer; }
.mainGeneralRegulations .history-wrap { margin-top: 22px;background: #fff;border-radius: 18px;border: 1px solid #eef0f6;box-shadow: 0 10px 28px rgba(0,0,0,.06);overflow: hidden; }
.mainGeneralRegulations .history-item { position: relative;display: flex;gap: 16px;align-items: center;padding: 16px 18px;border-bottom: 1px solid #f1f3f8;background: #fff;transition: background-color .2s ease, transform .15s ease; }
.mainGeneralRegulations .history-item:last-child{ border-bottom:none; }
.mainGeneralRegulations .history-item:hover{ background: #fff7e6;transform: translateY(-1px);box-shadow: inset 4px 0 0 var(--brand);cursor: pointer; }
/* 鍵盤焦點明顯 */
.mainGeneralRegulations .btn-hero:focus-visible { outline: 3px solid #fff;outline-offset: 2px;box-shadow: 0 0 0 4px rgba(36,107,235,.45); }
.mainGeneralRegulations .history-dot{ width:10px; height:10px; border-radius:50%;background: #1B4ECC;box-shadow: 0 0 0 3px rgba(36,107,235,.12);flex: 0 0 10px; align-self:center; }
.mainGeneralRegulations .history-date{ color: #246BEB; font-weight:800; min-width: 112px; }
.mainGeneralRegulations .history-title{ font-weight:700; letter-spacing:.2px; }
.mainGeneralRegulations .badge-file{ border:1px solid #d9dfeb; color:#6b7482; background:#f6f8fb;border-radius: 7px; padding:2px 8px; font-size:12px; margin-left:8px; }
.mainGeneralRegulations .history-actions .btn{ border-radius:10px; font-weight:700; }
/* 分頁按鈕 */
.mainGeneralRegulations .pagination .page-link { cursor: pointer; }
.mainGeneralRegulations .pagination_item .pageHandlerPanelBox { display: flex;justify-content: center; }
.mainGeneralRegulations .pagination_item .pageHandlerPanelBox .pageHandlerPanel { display: flex;justify-content: center;align-items: center;gap: 16px; }
/* 分頁按鈕停用時游標樣式 */
.mainGeneralRegulations .page-item.disabled .page-link,
.mainGeneralRegulations .page-link:disabled { cursor: not-allowed !important;pointer-events: none;opacity: .65; }
@media (max-width: 576px){
  .mainGeneralRegulations .history-item{ flex-wrap:wrap; align-items: flex-start; }
  .mainGeneralRegulations .history-actions{ width:100%; text-align:right; }
}
/*#endregion */