@charset "UTF-8";
@font-face {
  font-family: "Noto Sans TC";
  font-style: normal;
  font-weight: 300;
  src: url(../vendor/googlefonts/NotoSansTC-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url(../vendor/googlefonts/Roboto-Bold.ttf) format("truetype");
}
@font-face {
  font-family: "HanaMinB";
  src: url("https://id.hccg.gov.tw/areas/frontend/assets/fonts/HanaMinB.woff2") format("woff2");
  unicode-range: U+20000-2A6DF; /* CJK 擴展 B 區 */
}
body {
  font-family: "HanaMinB", "Noto Sans TC", sans-serif;
  background-color: #F8FAFF;
}

:root {
  --font-scale: 1;
}

html, body {
  font-size: calc(1rem * var(--font-scale));
}

@media screen and (max-width: 320px) {
  html, body {
    font-size: calc(0.8205rem * var(--font-scale));
  }
}
@media screen and (min-width: 321px) and (max-width: 360px) {
  html, body {
    font-size: calc(0.9231rem * var(--font-scale));
  }
}
@media screen and (min-width: 361px) and (max-width: 375px) {
  html, body {
    font-size: calc(0.9615rem * var(--font-scale));
  }
}
@media screen and (min-width: 411px) and (max-width: 959px) {
  html, body {
    font-size: calc(1.0538rem * var(--font-scale));
  }
}
@media screen and (min-width: 960px) {
  html, body {
    font-size: calc(1.3128rem * var(--font-scale));
  }
}
.search-suggest-container {
  margin: 0 -1rem;
  background-color: #FFFFFF;
}
.search-suggest-container .list {
  display: flex;
  align-items: center;
  padding: 0.875rem 1rem;
  border-bottom: 1px solid #EEEEEE;
  text-decoration: none;
}
.search-suggest-container .list-icon {
  flex: 0 0 auto;
  width: 1.125rem;
  margin-right: 0.875rem;
  opacity: 0.45;
}
.search-suggest-container .list-icon img {
  display: block;
  width: 100%;
}
.search-suggest-container .list-body {
  flex: 1 1 auto;
  min-width: 0;
}
.search-suggest-container .list-title {
  overflow: hidden;
  color: #1F2A52;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-suggest-container .list-text {
  margin-top: 0.125rem;
  color: #757575;
  font-size: 0.8125rem;
}
.search-suggest-container .list-more {
  display: block;
  padding: 1rem;
  color: #6764F0;
  font-size: 0.9375rem;
  border-bottom: 1px solid #EEEEEE;
  text-decoration: none;
}

.search-result-container .search-sort {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.search-result-container .search-sort .form-check-inline {
  margin-right: 0.375rem;
  margin-bottom: 0;
}
.search-result-container .search-sort .form-check-label {
  padding: 0.3125rem 0.75rem;
  font-size: 0.875rem;
  white-space: nowrap;
}
.search-result-container .search-sort .search-sort-label {
  flex: 0 0 auto;
  margin-right: 0.25rem;
  color: #757575;
  font-size: 0.875rem;
}
.search-result-container .search-total {
  color: #757575;
  font-size: 0.875rem;
}
.search-result-container .list {
  display: flex;
  align-items: center;
  padding: 0.875rem 1rem;
  background-color: #FFFFFF;
  border: 1px solid #EAEAFD;
  border-radius: 1rem;
  text-decoration: none;
}
.search-result-container .list.is-top {
  background-color: #F5F6FF;
  border-color: #8282F4;
}
.search-result-container .list-body {
  flex: 1 1 auto;
  min-width: 0;
}
.search-result-container .list-head {
  display: flex;
  align-items: center;
  margin-bottom: 0.125rem;
}
.search-result-container .list-category {
  color: #6764F0;
  font-size: 0.8125rem;
}
.search-result-container .tag-top {
  display: inline-flex;
  align-items: center;
  margin-right: 0.375rem;
  padding: 0.0625rem 0.5rem;
  color: #FFFFFF;
  font-size: 0.75rem;
  background-color: #6764F0;
  border-radius: 1rem;
}
.search-result-container .list-title {
  color: #323232;
  font-size: 1rem;
  font-weight: 700;
}
.search-result-container .list-text {
  margin-top: 0.125rem;
  color: #757575;
  font-size: 0.875rem;
}
.search-result-container .list-right {
  flex: 0 0 auto;
  margin-left: 0.75rem;
}
.search-result-container .list-right img {
  display: block;
  width: 1.25rem;
}