/* =========================================================
   about03-shared.css
   載入：shared-typography.css 之後
   頁面：news / 三種內頁 detail
========================================================= */

.year-dropdown-wrap,
.year-select {
    position: relative !important;
}

.history-news-wrap,
.news-history-sidebar,
.news-history,
.news-right,
.news-history-area {
    overflow: visible !important;
}

/* .news-header-wrap 已移至 shared-typography.css */

.year-dropdown-wrap {
  min-width: 140px;
}

.year-select {
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: var(--bs-light);
  font-size: 15px;
  color: var(--bs-gray-dark);
  cursor: pointer;
  outline: none;
  transition: .2s;
}

.year-select:hover {
  background: #e8e8e8;
  border-color: #999;
}

.year-select:focus {
  border-color: var(--bs-primary);
  background: var(--bs-white);
  box-shadow: 0 0 0 3px rgba(0,123,255,0.15);
}

.pagination-box.inter .page-link,
.pagination-box.inter .btn {
  border-radius: 6px;
  padding: 8px 18px;
  font-weight: 600;
}

.btn.line {
  border-radius: 50px;
  font-weight: 600;
}

.btn-outline-primary {
  border: 2px solid var(--primary);
  color: var(--primary);
  background: transparent;
  transition: .25s;
}

.btn-outline-primary:hover {
  background: var(--primary);
  color: #fff;
}

p.note-text {
  font-size: 12px !important;
  line-height: 1.6;
  color: #666;
}