/* 彰化舊系統 eservice/Index 首頁區塊（對應 .index-body） */
.index-body #bidInquiries {
  background-image: url(../img/bg_Inquiries_left.png);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 50%;
}
.index-body #bidInquiries .h1 {
  margin: 1rem 0;
}
@media (max-width: 991.98px) {
  .index-body #bidInquiries .h1 {
    font-size: 1.75em;
  }
}
.index-body #bidInquiries .row {
  display: flex;
  align-items: stretch;
}
@media (max-width: 767.98px) {
  .index-body #bidInquiries .row {
    flex-direction: column-reverse;
  }
}
.index-body #bidInquiries .row .left {
  display: flex;
  align-items: flex-end;
}
.index-body #bidInquiries .row .left img {
  padding: 20px 0 0 40px;
}
.index-body #bidInquiries .row .right {
  display: flex;
  justify-content: center;
  align-items: center;
}
.index-body #bidInquiries .row .right .formInquirie {
  padding-left: 3rem;
  padding-right: 3rem;
}
@media (max-width: 991.98px) {
  .index-body #bidInquiries .row .right .formInquirie {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
}
.index-body #biddingProcess {
  margin-bottom: 4rem;
  background-color: #ECA8A7;
  padding: 2rem 0;
}
.index-body #biddingProcess .btn-light {
  display: flex;
  align-items: center;
  border-radius: 16px;
  font-size: 1.53125em;
  font-weight: 600;
  padding: 1rem;
  margin: 0.25rem 0;
  background-color: #fff;
  color: #45496A;
  text-decoration: none;
}
@media (max-width: 1199.98px) {
  .index-body #biddingProcess .btn-light {
    font-size: 1.3125em;
  }
}
@media (max-width: 991.98px) {
  .index-body #biddingProcess .btn-light {
    font-size: 1.09375em;
  }
}
.index-body #biddingProcess .btn-light .circle {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ECA8A7;
  width: 95px;
  height: 95px;
  border-radius: 60px;
  margin-right: 0.5rem;
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  .index-body #biddingProcess .btn-light .circle {
    width: 80px;
    height: 80px;
  }
}
@media (max-width: 991.98px) {
  .index-body #biddingProcess .btn-light .circle {
    width: 50px;
    height: 50px;
  }
}
.index-body #biddingProcess .btn-light .word {
  width: calc(100% - 122px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767.98px) {
  .index-body #biddingProcess .col-12 + .col-12 {
    margin-top: 0.5rem;
  }
}
.index-body #popularBid {
  margin-bottom: 4rem;
}
.index-body #popularBid .h1 {
  margin: 1rem 0 2.5rem 0;
}
.index-body #popularBid .btn {
  border-radius: 1.5rem;
  margin-bottom: 0.5rem;
}
.index-body #businessUnit {
  padding-bottom: 4rem;
}
.index-body #businessUnit .h1 {
  margin: 1rem 0 2.5rem 0;
}
.index-body #businessUnit .btn-index {
  font-size: 1.75em;
  font-weight: 500;
  position: relative;
  display: block;
  width: 300px;
  height: 300px;
  max-width: 100%;
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 24px;
  padding: 24px;
  border-radius: 16px;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  transition: 300ms;
  color: inherit;
  text-decoration: none;
}
.index-body #businessUnit .btn-index:hover,
.index-body #businessUnit .btn-index:focus {
  background-color: #f9f2ea;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25) !important;
}
.index-body #businessUnit .btn-index .img-fluid {
  position: absolute;
  right: 0.5rem;
  bottom: 0.5rem;
  height: 60%;
}

/* ================================================================
   彰化首頁主題對齊舊系統（覆蓋 app.css 的臺中橘色主題）
   僅作用於首頁 #wrapper.index，不影響其他頁面。
   舊系統色盤：主色 #45496A（深藍灰）、次色 #ECA8A7（彰化粉）
   ================================================================ */
#wrapper.index {
  --bs-primary: #45496A;
  --bs-primary-rgb: 69, 73, 106;
  --bs-secondary: #ECA8A7;
  --bs-secondary-rgb: 236, 168, 167;
}

/* 頁面背景：白底 + 右上／左下淡彩裝飾（取代臺中橘色團塊 bg.png） */
#wrapper.index.index-body {
  background-color: #fff !important;
  background-image: url('../img/bg_right.png') !important;
  background-repeat: no-repeat !important;
  background-position: top right !important;
  background-size: 70% !important;
}
@media (max-width: 767.98px) {
  #wrapper.index.index-body {
    background-image: none !important;
  }
}
#wrapper.index.index-body > main#content {
  background-image: url('../img/bg_left.png');
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100%;
}

/* Header：移除臺中橘色頂線，改白底圓角＋陰影（仿舊系統），導覽深藍灰 */
#wrapper.index header#header_apply {
  border-top: none !important;
  background: #fff !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
  border-radius: 0 0 24px 24px;
}
#wrapper.index header#header_apply .navbar .nav-link {
  color: #45496A !important;
  font-size: 1.05em !important;
  padding: 0.5rem 0.45rem !important;
}
#wrapper.index header#header_apply .navbar .nav-link:hover,
#wrapper.index header#header_apply .navbar .nav-link:focus {
  color: #45496A !important;
  background-color: rgba(236, 168, 167, 0.18) !important;
}
#wrapper.index header#header_apply .btn-primary {
  background-color: #45496A !important;
  border-color: #45496A !important;
}

/* Header 版面對齊舊系統：logo｜導覽列｜工具列 同一橫列（單列）
   舊 all.css 以 .header-top flex 排版，臺中版 all.css 無此規則導致導覽被擠到第二列 */
#wrapper.index header#header_apply .navbar,
#wrapper.index header#header_apply .navbar > .container {
  padding: 0;
}
#wrapper.index header#header_apply .header-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1199.98px) {
  #wrapper.index header#header_apply .header-top {
    flex-wrap: wrap;
  }
}
#wrapper.index header#header_apply .header-top .navbar-brand {
  display: flex;
  align-items: center;
}
#wrapper.index header#header_apply .header-top .logo {
  width: 300px;
  margin: 0.5rem 1rem;
}
@media (max-width: 1399.98px) {
  #wrapper.index header#header_apply .header-top .logo {
    width: 260px;
    margin-right: 0.5rem;
  }
}
@media (max-width: 1199.98px) {
  #wrapper.index header#header_apply .header-top .logo {
    width: 220px;
    margin-right: 0;
  }
}
/* 桌機：導覽列（左）與工具列（右）在同列兩端對齊，覆蓋臺中版 justify-content:end */
@media (min-width: 1200px) {
  #wrapper.index header#header_apply .header-top .navbar-collapse {
    display: flex !important;
    flex: 1 1 auto;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    margin-left: 1rem;
  }
  #wrapper.index header#header_apply .header-top .navbar-collapse .navbar-nav {
    margin-left: 0 !important;
    align-items: center;
  }
}

/* 右側工具列按鈕：補回舊系統的 btn-light-theme／btn-outline-light-theme
   （臺中版 all.css 未定義這兩個類別，導致 小中大／列印／官網 變成無樣式按鈕） */
#wrapper.index header#header_apply .btn-light-theme {
  color: #3a3b45 !important;
  background-color: #ECA8A7 !important;
  border-color: #ECA8A7 !important;
}
#wrapper.index header#header_apply .btn-light-theme:hover,
#wrapper.index header#header_apply .btn-light-theme:focus {
  color: #3a3b45 !important;
  background-color: #f1bdbc !important;
  border-color: #e37f7d !important;
}
#wrapper.index header#header_apply .btn-outline-light-theme {
  color: #3a3b45 !important;
  background-color: transparent !important;
  border-color: #ECA8A7 !important;
}
#wrapper.index header#header_apply .btn-outline-light-theme:hover,
#wrapper.index header#header_apply .btn-outline-light-theme:focus,
#wrapper.index header#header_apply .btn-outline-light-theme.active {
  color: #3a3b45 !important;
  background-color: #ECA8A7 !important;
  border-color: #ECA8A7 !important;
}
/* 字級鈕／列印鈕：圓形尺寸＋文字置中（仿舊系統） */
#wrapper.index header#header_apply .header-top .navbar-nav .btn.rounded-circle {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-align: center;
}
/* 官網鈕（pill）使用彰化粉，與舊系統一致 */
#wrapper.index header#header_apply .header-top .navbar-nav .btn-light-theme.rounded-pill {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
/* pill 鈕（官網／登入）文字置中：scoped css 設了固定 height 卻未垂直置中 */
#wrapper.index header#header_apply .header-top .navbar-nav .btn.rounded-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

/* 文字色：標題深藍灰、區塊圖示與次要色為彰化粉 */
#wrapper.index .text-primary,
#wrapper.index .text-theme {
  color: #45496A !important;
}
#wrapper.index .text-secondary {
  color: #ECA8A7 !important;
}

/* 按鈕：搜尋鈕（btn-primary）與熱門申辦外框鈕（btn-outline-primary）對齊舊系統 */
#wrapper.index .btn-primary {
  background-color: #45496A !important;
  border-color: #45496A !important;
  color: #fff !important;
}
#wrapper.index .btn-primary:hover,
#wrapper.index .btn-primary:focus {
  background-color: #363953 !important;
  border-color: #31344b !important;
  color: #fff !important;
}
#wrapper.index .btn-outline-primary {
  color: #45496A !important;
  border-color: #45496A !important;
}
#wrapper.index .btn-outline-primary:hover,
#wrapper.index .btn-outline-primary:focus {
  color: #fff !important;
  background-color: #45496A !important;
}

/* Footer：仿舊系統 — big-footer 淺灰、footer 主體彰化粉、文字深藍灰 */
#wrapper.index footer.footer {
  background-color: #ECA8A7 !important;
  color: #45496A !important;
  padding: 0 !important;
}
/* 還原版面：臺中版 all.css 的 footer .container{flex-direction:column;align-items:center}
   會壓垮彰化頁尾的 Bootstrap grid，改回正常區塊排版 */
#wrapper.index footer.footer .container {
  display: block !important;
  width: 100%;
}
#wrapper.index footer.footer .big-footer {
  background-color: #F2F2F2 !important;
  color: #6e707e !important;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 1199.98px) {
  #wrapper.index footer.footer .big-footer {
    display: none;
  }
}
#wrapper.index footer.footer .big-footer .title {
  display: block;
  padding: 5px 0;
  margin-bottom: 5px;
  border-bottom: 1px solid #b7b9cc;
  font-weight: 500;
  text-align: center;
  color: #45496A;
  text-decoration: none;
}
#wrapper.index footer.footer .big-footer .title:hover,
#wrapper.index footer.footer .big-footer .title:focus {
  border-radius: 100px;
  background-color: #ECA8A7;
  color: #45496A;
}
#wrapper.index footer.footer .big-footer .btn-outline-primary {
  color: #45496A !important;
  border-color: #45496A !important;
}
#wrapper.index footer.footer .footer-main {
  color: #45496A;
  display: flex !important;
  justify-content: space-around !important;
  align-items: flex-start;
  font-size: 0.8em;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 991.98px) {
  #wrapper.index footer.footer .footer-main {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
  }
}
#wrapper.index footer.footer .footer-main .list-unstyled {
  margin-bottom: 0;
}
#wrapper.index footer.footer .footer-main a {
  color: #45496A !important;
}
#wrapper.index footer.footer .footer-main a:hover,
#wrapper.index footer.footer .footer-main a:focus {
  text-decoration: underline;
}

/* 回頁首按鈕：對齊舊系統深藍灰 */
#wrapper.index .btn-top {
  background-color: #fff !important;
  color: #45496A !important;
  border: 1px solid #45496A !important;
}