@charset "utf-8";
/* CSS Document */

/* 共通 css開始  */
* {
  box-sizing: border-box;
}
:root {
  --main: #2280c2;
  --pageMenu: #dde8ed;
  --pageText: #213b7c;
  --pageBg: #fff;
  --aquaSky: #0ac3ca;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: "微軟正黑體";
  line-height: 1.5em;
  margin: 0;
  background-color: #fff;
}

@supports (padding-top: constant(safe-area-inset-top)) {
  body {
    padding: env(safe-area-inset-top) env(safe-area-inset-right)
      env(safe-area-inset-bottom) env(safe-area-inset-left);
  }
}

@media (display-mode: fullscreen) {
  body {
    padding: 0;
    padding-top: 44px;
  }
}

@media (display-mode: standalone) {
  body {
    padding: 0;
  }
}

@supports (padding-top: env(safe-area-inset-top)) {
  body {
    --safe-area-inset-top: env(safe-area-inset-top);
    height: calc(100% + var(--safe-area-inset-top));
  }
}

@media (display-mode: fullscreen) {
  body {
    height: 100%;
  }
}

@media (display-mode: standalone) {
  body {
    height: 100%;
  }
}

label {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  outline: none;
  transition: all 0.3s;
}
a img {
  border: none;
}
body.user_is_tabbing a:focus {
  border: 1px dashed #000;
}
img {
  -webkit-user-drag: none;
}
img {
  image-rendering: -moz-crisp-edges; /* Firefox        */
  image-rendering: -o-crisp-edges; /* Opera          */
  image-rendering: -webkit-optimize-contrast; /* Safari         */
  image-rendering: optimize-contrast; /* CSS3 Proposed  */
  -ms-interpolation-mode: nearest-neighbor; /* IE8+           */
}
a:hover,
a:focus {
  text-decoration: none;
}
:focus,
button:focus {
  outline: none;
}
/* Heading styles */
h1,
h2,
h3,
h4,
h5,
h6,
p,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: 0;
  padding: 0;
}
/* List style */
ul {
  /* list-style: none; */
  margin-left: 20px;
  padding: 0;
}
/*------------------------------------*\
    Global
\*------------------------------------*/

@media (min-width: 1200px) {
  .container {
    max-width: 1230px;
  }
}
.gs_container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: 1430px;
}

@media (max-width: 1640px) {
  .gs_container {
    width: 1140px;
  }
}

@media (max-width: 1199px) {
  .gs_container {
    width: 960px;
  }
}

@media (max-width: 991px) {
  .gs_container {
    width: 720px;
  }
}

@media (max-width: 767px) {
  .gs_container {
    width: 540px;
  }
}

@media (max-width: 575px) {
  .gs_container {
    width: 100%;
  }
}
/* ========== 主要按鈕 ========== */
.main_btn {
  /* structure */
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 15px 0;
  width: 184px;

  /* style */
  font-size: 1.25rem;
  text-align: center;

  letter-spacing: 0;
  text-decoration: none;
  /* optional */
  color: #fff;
  background: linear-gradient(to right, var(--main), #213b7c);
  border-radius: 25.5px;
  outline: none;
  box-shadow: 0 3px 6px rgb(0, 0, 0, 0.2);
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .main_btn {
    padding: 10px 0;
    width: 150px;
    font-size: 1rem;
  }
}
.main_btn:hover {
  color: #fff;
  opacity: 0.7;
}
/* ========== 圖片比例 ========== */
.outter {
  width: 100%;
}
.image-container {
  width: 100%;
}
.image-container::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 100%;
}
.image-container.ratio-5-4::before {
  padding-top: 80%;
}
.image-container .image {
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease;
}
/* ========== 分頁 ========== */
.gs_pagination {
  width: 100%;
  padding: 10px 0;
  clear: both;
  text-align: center;
  background: none;
  box-shadow: none;
  margin: 0;
  /* margin-top: 50px; */
  /* margin-bottom: 60px; */
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .gs_pagination {
    justify-content: center;
  }
}
@media (max-width: 767px) {
}
.gs_pagination a.pag_btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--main);
  border: 1px solid var(--main);
  background-color: #fff;
  border-radius: 50%;
  font-size: 1.25rem;
  transition: all 0.2s ease-in-out;
  margin: 0 15px;
}
.gs_pagination strong {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border: 1px solid var(--main);
  background-color: var(--main);
  border-radius: 50%;
  font-size: 1.25rem;
  transition: all 0.2s ease-in-out;
  margin: 0 15px;
}
.gs_pagination a.pag_btn:hover {
  color: #fff;
  border: 1px solid var(--main);
  background-color: var(--main);
}
@media (max-width: 991px) {
  .gs_pagination strong,
  .gs_pagination a.pag_btn {
    font-size: 1.125rem;
    margin: 0 12px;
  }
}

@media (max-width: 575px) {
  .gs_pagination strong,
  .gs_pagination a.pag_btn {
    margin: 0 8px;
  }
}
.gs_pagination a.pag_arrow {
  text-align: center;
  color: var(--main);
  font-size: 1.25rem;
  margin: 0 15px;
  transition: all 0.5s ease-in-out;
  display: inline-block;
  font-weight: bold;
  position: relative;
}
.pag_arrow_left {
  transform: scale(-1);
}
.gs_pagination a.pag_arrow:hover {
  color: #000;
}
.pag_arrow_text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
@media (max-width: 575px) {
  .gs_pagination a.pag_arrow {
    margin: 0 10px;
  }
}
/* ========== 導航欄漢堡特效 ========== */
.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill: none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke: var(--main);
  stroke-width: 8;
  stroke-linecap: round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}
.top_nav_bar {
  display: none;
}
@media (max-width: 991px) {
  .top_nav_bar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #ffffff;
    padding-left: 20px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
  }
  .top_nav_bar.active {
    box-shadow: 0 2px 8px 5px rgba(0, 0, 0, 0.2);
  }
}
.dropdown {
  display: inline-block;
}
.dropdown_control {
  cursor: pointer;
  z-index: 50;
  display: none;
  width: 44px;
}
.dropdown_control.active {
  width: 40px;
}
@media (max-width: 991px) {
  .dropdown_control {
    display: block;
  }
}
/* 行動裝置版選單 */
.head_bar_mobile {
  position: absolute;
  top: 66px;
  left: 0;
  width: 100%;
  height: calc(100vh - 66px);
  background-color: #fff;
  padding: 33px 0px 60px;
  box-shadow: inset 0 3px 20px 0px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  overscroll-behavior: none;
  display: none;
}
@media (min-width: 992px) {
  .head_bar_mobile {
    display: none !important;
  }
}
.ham_logo_pic_wrap {
  text-align: center;
}
.nav_item_mobile {
  width: 100%;
  color: #ffffff;
  font-size: 1.25rem;
  margin-bottom: 25px;
  border-radius: 10px;
  overflow: hidden;
}
.nav_item_mobile_title {
  text-align: center;
  background-color: #dde8ed;
}
.nav_item_mobile_title:hover,
.nav_item_mobile_title.active {
  background-color: var(--main);
}
.nav_link_mobile {
  display: block;
  padding: 18px 0;
  color: #213b7c;
  position: relative;
  font-weight: bold;
}
.nav_item_mobile:last-child .nav_link_mobile {
  border-bottom: none;
}
.nav_link_mobile:hover,
.nav_item_mobile_title.active .nav_link_mobile {
  color: #fff;
}
.nav_link_mobile i {
  font-size: 1rem;
  color: #213b7c;
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.nav_item_mobile_title.active .nav_link_mobile i {
  color: #fff;
  transform: translateY(-50%) rotate(90deg);
}
.nav_item_classification_wrap {
  /* border-top: 1px solid #C7EEFF; */
  background-color: #005ea0;
  /* padding: 0 20px; */
  text-align: center;
  display: none;
}

.nav_item_classification_link {
  display: block;
  padding: 19px;
  color: #fff;
  border-bottom: 1px solid #c7eeff;
  position: relative;
  font-size: 18px;
}
.nav_item_classification_link i {
  font-size: 1rem;
  position: absolute;
  top: 50%;
  right: 32px;
  color: #fff;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.nav_item_classification.active .nav_item_classification_link i {
  transform: translateY(-50%) rotate(90deg);
}

@media (max-width: 991px) {
  .nav_item_classification_link:hover {
    color: #fff;
  }
}
.nav_item_classification_2_wrap {
  background-color: #034c7e;
  display: none;
}
.nav_item_classification_2_link {
  display: block;
  padding: 20px;
  color: #fff;
  border-bottom: 1px dashed #c7eeff;
  font-size: 16px;
}
.nav_item_classification_2:last-child .nav_item_classification_2_link {
  border-bottom: none;
}
/* 行動裝置版icon 按鈕 */
.icon_nav_mobile_wrap {
  padding: 15px 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.icon_nav_mobile_item {
  min-width: 140px;
}
.icon_nav_mobile_wrap .icon_nav_mobile_item:first-child {
  margin-bottom: 15px;
}
.icon_nav_mobile_link {
  font-size: 1.25rem;
  color: var(--main);
  display: flex;
  align-items: center;
}
.icon_nav_mobile_link i {
  display: inline-block;
  font-size: 1.875rem;
  width: 30px;
  margin: 0 10px;
}

.html_ckeditor_outer {
  position: relative;
}
.html_ckeditor_content_title {
  font-size: 1.375rem;
  font-weight: bold;
  margin-bottom: 15px;
}
@media (max-width: 576px) {
  .html_ckeditor_content_title {
    font-size: 1.125rem;
  }
}
/* HTML 文字編輯器內容 */
.html_ckeditor_content * {
  line-height: 1.5em;
}

.html_ckeditor_content {
  width: 100%;
  word-break: break-all;
  box-shadow: 0px 3px 10px rgb(0, 0, 0, 0.2);
  padding: 25px;
  border-radius: 10px;
  background-color: var(--pageBg);
  /* min-height: 200px; */
}
.html_ckeditor_content.business_file_list {
  padding: 15px;
}

.html_ckeditor_content img,
.html_ckeditor img {
  max-width: 100%;
  height: auto !important;
}
.html_ckeditor_content iframe,
.html_ckeditor iframe {
  max-width: 100%;
}
.html_ckeditor_content p,
.html_ckeditor p {
  z-index: 1;
}
.html_ckeditor_content ul,
.html_ckeditor_content ol,
.html_ckeditor ul,
.html_ckeditor ol {
  padding-left: 2rem;
}
.html_ckeditor_content_name {
  font-weight: bold;
  color: var(--pageText);
  font-size: 1.375rem;
  margin-bottom: 45px;
  position: relative;
}
@media (max-width: 767px) {
  .html_ckeditor_content_name {
    font-size: 1.125rem;
  }
}
.html_ckeditor_content_name::after {
  content: "";
  height: 11px;
  width: 130px;
  position: absolute;
  border-radius: 5.5px;
  background-color: #0ac3ca;
  left: 0px;
  bottom: -20px;
}

/* ========== Banner ========== */
.page_banner {
  position: relative;
  z-index: 2;
}
/* 電腦版 */
.page_banner_img {
  width: 100%;
  height: calc(100vw / 1920 * 690);
  object-fit: cover;
}
@media (max-width: 767px) {
  .page_banner_img {
    display: none;
  }
}
/* 手機版 */
.page_banner_img_mobile {
  display: none;
}
@media (max-width: 767px) {
  .page_banner_img_mobile {
    display: block;
    width: 100%;
    height: calc(100vw / 428 * 288);
    object-fit: cover;
  }
}
/* 頁面標題 */
.banner_wrap {
  position: absolute;
  top: 60%;
  left: 0%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 20px;
  width: 100%;
}
@media (max-width: 991px) {
  .banner_wrap {
    top: 50%;
  }
}
@media (max-width: 767px) {
  /* .banner_wrap {
    width: 156px;
    height: 65px;
  } */
}
.head_title_decorate {
  width: 100%;
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.head_title_left_decorate {
  max-width: 43.5px;
}
.head_title_right_decorate {
  max-width: 41.5px;
}
@media (max-width: 767px) {
  .head_title_left_decorate {
    max-width: 25px;
  }
  .head_title_right_decorate {
    max-width: 24px;
  }
}
.banner_title {
  text-align: center;
  font-size: 2.5rem;
  color: var(--main);
  font-weight: bold;
}

@media (max-width: 767px) {
  .banner_title {
    font-size: 1.25rem;
  }
}
/* ===麵包屑=== */
.breadcrumb_wrap {
  margin: 45px 0px;
  text-align: right;
  color: #a1a1a1;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
.breadcrumb_link {
  font-size: 1.125rem;
  color: #a1a1a1;
  transition: all 0.3s;
}
.breadcrumb_link.active {
  color: var(--main);
}
.breadcrumb_link:hover,
.breadcrumb_link.active {
  color: var(--main);
}
@media screen and (max-width: 991px) {
  .breadcrumb_wrap {
    margin: 30px 0px;
  }
  .breadcrumb_link {
    font-size: 1rem;
  }
}
@media (max-width: 767px) {
  .breadcrumb_wrap {
    margin-top: 0px;
    margin-bottom: 30px;
  }
}
@media (max-width: 576px) {
  .breadcrumb_link {
    font-size: 0.875rem;
  }
}
/* ========== 頁面設定 ========== */
.page_wrap {
  padding-top: 10px;
  padding-bottom: 20px;
  position: relative;
  z-index: 1;
  /* background-color: #fbfbfb; */
}

@media (max-width: 767px) {
  .page_wrap {
    padding-top: 15px;
    /* padding-bottom: 130px; */
  }
}
.page_bg {
  position: absolute;
  left: 0;
  bottom: -30px;
  z-index: -1;
  width: 100%;
  height: 100%;
  max-height: 800px;
  object-fit: cover;
}
.page_mobile_bg {
  display: none;
}
.page_right_img {
  position: absolute;
  top: 120px;
  right: 0px;
  z-index: -1;
  width: 100%;
  max-width: 163px;
}
@media (max-width: 991px) {
  .page_right_img {
    display: none;
  }
}
.page_left_img {
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: -1;
  width: 100%;
  max-width: 163px;
}
@media (max-width: 991px) {
  .page_left_img {
    position: absolute;
    top: 40px;
    left: 25px;
    width: 100px;
  }
}
@media (max-width: 767px) {
  .page_bg {
    display: none;
  }
  .page_mobile_bg {
    position: absolute;
    left: 0;
    bottom: -10px;
    z-index: -1;
    width: 100%;
    height: 100%;
    max-height: 800px;
    object-fit: cover;
    display: block;
  }
  .page_right_img {
    top: 60px;
    max-width: 68px;
  }
  .page_left_img {
    /* top: 15px; */
    left: calc((100vw - 540px) / 2 + 30px);
    width: 80px;
  }
}
@media (max-width: 576px) {
  .page_left_img {
    left: 30px;
    width: 57px;
  }
}
.page_title_block {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 35px;
}
.page_title_pic_wrap {
  width: 44px;
  height: 50px;
}
.page_title_pic_wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.page_title {
  color: #3e3a3a;
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 991px) {
  .page_title_block {
    margin-bottom: 30px;
  }
  .page_title_pic_wrap {
    width: 28px;
    height: 30px;
  }
  .page_title {
    font-size: 1.25rem;
  }
}

.page_col_2 {
  display: grid;
  grid-template-columns: 264px 1fr;
  gap: 60px;
}
@media (max-width: 1200px) {
  .page_col_2 {
    grid-template-columns: 200px 1fr;
    gap: 30px;
  }
}
@media (max-width: 991px) {
  .page_col_2 {
    grid-template-columns: 1fr;
  }
}

/* ===其它頁選單=== */
.page_nav_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 64px;
  position: relative;
}
@media (max-width: 991px) {
  .page_nav_list {
    display: none;
  }
}

.page_nav_item {
  position: relative;
}
.page_nav_link {
  display: block;
  padding: 18px 24px;
  width: 100%;
  /* height: 60px; */
  display: flex;
  align-items: center;
  border-radius: 10px;
  background-color: transparent;
  /* border: 1px solid transparent; */
  background-color: var(--pageMenu);
  font-size: 1.25rem;
  color: var(--pageText);
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
}
/* .page_nav_link:not([href]) {
  color: #000;
} */
.page_nav_link i {
  color: var(--pageText);
  font-size: 12px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
.page_nav_link:hover,
.page_nav_link.active {
  background-color: var(--main);
  color: #fff;
  /* border: 1px solid #595757; */
}
.page_nav_link:hover i,
.page_nav_link.active i {
  color: #fff;
}
.page_nav_link.active i {
  transform: translateY(-50%) rotate(90deg);
}
.page_nav_link:not([href]):hover {
  color: #fff;
}

.page_nav_list_2_drop {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 4;
  display: none;
}
.page_nav_link_2 {
  background-color: #e8e5e3;
  color: #000;
  height: 52px;
  padding: 0 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  border-bottom: 1px solid #8d8d8d;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.page_nav_link_2:last-of-type {
  border-bottom: none;
}
.page_nav_link_2:not([href]) {
  color: #707070;
}
.page_nav_link_2 i {
  font-size: 0.75rem;
}

.page_nav_link_2:hover,
.page_nav_link_2.active {
  color: #fff;
  background-color: #dbc591;
}

.page_nav_list_3_drop {
  position: absolute;
  z-index: 2;
  left: 100%;
  top: 0;
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: none;
}

.page_nav_link_3 {
  display: block;
  font-size: 1.125rem;
  padding: 0 20px;
  height: 52px;
  line-height: 52px;
  text-wrap: nowrap;
  color: #000;
}

.page_nav_link_3:hover,
.page_nav_link_3.active {
  color: #fff;
  background-color: #ec938c;
}

.page_nav_text {
  font-size: 1.375rem;
  text-align: center;
}
@media (max-width: 991px) {
  .page_nav_text {
    font-size: 1.125rem;
  }
}
.page_nav_menu {
  padding-left: 24px;
  padding-right: 20px;
  display: none;
}
.page_nav_menu_link {
  display: block;
  color: #000;
  font-size: 1.125rem;
  padding: 20px 0px;
  border-bottom: 1px dashed #b7bec1;
}
.page_nav_menu_link:hover,
.page_nav_menu_link.active {
  color: var(--main);
}
.page_nav_menu_link:last-of-type {
  border-bottom: 0px;
}
/*****************************************************************************/
/*-----------------------------------start-----------------------------------*/
/*****************************************************************************/

/****************************head****************************/
header {
  width: 100%;
  position: fixed;
  top: 40px;
  left: 0;
  z-index: 100;
  transition: all 0.3s;
}

@media (max-width: 991px) {
  header {
    top: 0;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
  }
}
header.active {
}

.head_main_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 98px;
  border-radius: 100px;
  position: relative;
  background-color: #fff;
  padding: 0 27px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  transition: all 0.3s;
}
#head_top_access_key {
  position: absolute;
  top: 5px;
  left: 30px;
  color: #000;
  display: none;
}

.head_main_wrap.active {
  height: 80px;
  border-radius: 50px 50px 0 0;
}
@media (max-width: 991px) {
  .head_main_wrap {
    justify-content: space-between;
    height: 66px;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
  }
  #head_top_access_key {
    top: 4px;
    left: -5px;
  }
}

.head_bottom_wrap {
  padding: 20px 0;
}
@media (max-width: 1199px) {
  .head_bottom_wrap {
    padding: 10px 0;
  }
}
@media (max-width: 991px) {
  .head_bottom_wrap {
    display: none;
  }
}
.header.active .head_bottom_wrap {
  padding: 10px 0;
}
/* head logo */

/* .header.active .head_logo_decorate{
	visibility: hidden;
	opacity: 0;
} */
.head_welcome_link {
  max-width: 222px;
}
.head_welcome_link img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 1640px) {
  .head_welcome_link {
    max-width: 183px;
  }
}
@media (max-width: 991px) {
  .head_welcome_link {
  }
}
.header.active .head_welcome_link {
  /* margin-top: 10px; */
}

.head_logo_img {
  max-width: 304px;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 1199px) {
  .head_logo_img {
    width: 200px;
  }
}

@media (max-width: 1199px) {
}
/* head選單設定 */
.head_bar_block {
  display: flex;
  align-items: center;
}

.head_bar {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
@media (max-width: 991px) {
  .head_bar {
    display: none;
  }
}
.nav_item {
  position: relative;
  transition: all 0.3s;
}

.nav_link {
  cursor: pointer;
  display: inline-block;
  font-size: 1.375rem;
  padding: 2px 10px;
  color: var(--main);
  border-radius: 10px;
  font-weight: bold;
  position: relative;
}
.nav_link::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  background: url("../img/head_nav_hover.png") no-repeat center center;
  width: 40px;
  height: 21px;
  margin: 0 auto;
  opacity: 0;
  transition: all 0.3s;
}
@media (max-width: 1640px) {
  .nav_link {
    font-size: 1.125rem;
    padding: 2px 5px;
  }
}
@media (max-width: 1199px) {
  .nav_link {
    font-size: 0.875rem;
    padding: 2px 5px;
  }
}
.nav_link:hover,
.nav_link.active {
  color: #0ac3ca;
}
.nav_link:hover::before,
.nav_link.active::before {
  opacity: 1;
}
.nav_item_search_btn i {
  color: var(--main);
  font-size: 1.25rem;
  cursor: pointer;
  transition: all 0.3s;
}
.nav_item_search_btn:hover i {
  color: #0ac3ca;
}
/* hover 選單 */
.nav_hover_wrap {
  visibility: hidden;
  position: absolute;
  top: 104px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #ffffff;
  border-radius: 5px;
  width: 160%;
  border: 5px solid #8bbed1;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s;
}
@media (max-width: 1199px) {
  .nav_hover_wrap {
    top: 84px;
    width: 170%;
  }
}
.nav_hover_link {
  font-size: 1.125rem;
  display: block;
  padding: 0 10px;
  text-align: center;
  color: var(--main);
}
.nav_hover_text {
  display: block;
  padding: 12px;
  border-bottom: 1px solid #a5a5a5;
}
.nav_hover_link:last-child .nav_hover_text {
  border-bottom: 0;
}
.nav_hover_link:hover {
  background-color: #1a80a7;
  color: #ffffff;
}
#has_hover:hover .nav_hover_wrap {
  visibility: visible;
  opacity: 1;
}
/* head icon 按鈕 */
.icon_nav_link {
  font-size: 1.875rem;
  color: var(--main);
  margin-left: 15px;
}
.icon_nav_link:hover {
  color: #8bbed1;
}
.cart_count {
  text-align: center;
  position: absolute;
  top: -7px;
  right: 0;
  width: 23px;
  height: 23px;
  line-height: 23px;
  font-size: 1rem;
  border-radius: 50%;
  background-color: #bc1f21;
  color: #ffffff;
  z-index: 1;
}

/* 搜尋最新消息 */
.head_search_bar {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: var(--main);
  border-radius: 0 0 50px 50px;
  height: 62px;
  padding: 0 80px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  display: none;
}
.head_search_input_block {
  position: relative;
  max-width: 869px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
.head_search_input_title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.head_search_input {
  border: none;
  border-bottom: 1px solid #fff;
  font-size: 1.375rem;
  color: #fff;
  padding: 5px 30px;
  width: 100%;
  background-color: transparent;
  text-align: center;
}
.head_search_input::placeholder {
  color: #fff;
}
.head_search_btn {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}
.head_search_btn i {
  font-size: 1.25rem;
  color: #fff;
}
/* 搜尋最新消息手機版 */
.head_search_mobile_input_block {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
.head_search_mobile_input {
  border: none;
  border: 1px solid #b7bec1;
  border-radius: 50px;
  overflow: hidden;
  font-size: 1.125rem;
  color: #b7bec1;
  padding: 10px 34px 10px 20px;
  width: 100%;
}
.head_search_mobile_input::placeholder {
  color: #b7bec1;
}
.head_search_mobile_btn {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.head_search_mobile_btn i {
  font-size: 1.125rem;
  color: var(--main);
}

/* 上方空白區塊(撐高用) */
.head_top_block {
  height: 0px;
}

@media (max-width: 991px) {
  .head_top_block {
    height: 66px;
  }
}

/****************************head****************************/
/* 快速鍵 */
#left_access_key {
  position: absolute;
  bottom: 100%;
  left: 0px;
  color: #000;
  display: none;
}
#center_access_key {
  position: absolute;
  bottom: 100%;
  left: 0px;
  color: #000;
  display: none;
}

/***************************welcome**************************/
/* ===== 首頁輪播 ===== */
#main_slider_section {
  position: relative;
  z-index: 10;
}
#main_slider_section_mobile {
  display: none;
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  #main_slider_section {
    display: none;
  }
  #main_slider_section_mobile {
    display: block;
  }
}
/* 電腦版圖片 */
.main_slider_img {
  width: 100%;
  height: calc(100vw / 1920 * 910);
  object-fit: cover;
}
/* 手機版圖片 */
.main_slider_img_mobile {
  width: 100%;
  height: calc(100vw / 428 * 302);
  object-fit: cover;
}

/* 輪播箭頭設定 */
.main_slider .slick-arrow {
  width: 54px;
  height: 54px;
  background-color: var(--main);
  color: #fff;
  font-size: 0.875rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  transition: all 0.4s;
}
.main_slider .slick-arrow:hover {
  opacity: 0.7;
}
.main_slider .main_slider_pre_arrow_wrap {
  left: 76px;
  transform: translateY(-50%);
}
.main_slider .main_slider_pre_arrow {
  transform: scale(-1);
}
.main_slider .main_slider_next_arrow_wrap {
  right: 76px;
}
@media (max-width: 991px) {
  .main_slider .slick-arrow {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
  .main_slider .main_slider_pre_arrow_wrap {
    left: 15px;
  }
  .main_slider .main_slider_next_arrow_wrap {
    right: 15px;
  }
}

/* 首頁標題設定 */
.welcome_title_wrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 45px;
}
.welcome_title_wrap::before {
  content: "";
  display: block;
  background: url("../img/title_left_img.png") no-repeat center center/contain;
  width: 43px;
  height: 37px;
  margin-right: 20px;
}
.welcome_title_wrap::after {
  content: "";
  display: block;
  background: url("../img/title_right_img.png") no-repeat center center/contain;

  width: 41.5px;
  height: 38px;
  margin-left: 24px;
}
@media (max-width: 767px) {
  .welcome_title_wrap::before {
    width: 22px;
    height: 20px;
    margin-right: 8px;
  }
  .welcome_title_wrap::after {
    width: 22px;
    height: 20px;
    margin-left: 8px;
  }
}
.welcome_title_block {
  text-align: center;
}
.welcome_title_zh {
  font-size: 2rem;
  font-weight: bold;
  color: #213b7c;
  line-height: 1;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .welcome_title_zh {
    font-size: 1.25rem;
  }
}
.welcome_title_en {
  white-space: nowrap;
  font-size: 2rem;
  color: var(--main);
  line-height: 1;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .welcome_title_en {
    font-size: 1.25rem;
  }
}
/* ========== 首頁便民服務 ========== */
.welcome_service_section {
  padding: 83px 0 200px;
  position: relative;
  z-index: 5;
  overflow: hidden;
  background-color: #fff;
}

@media (max-width: 991px) {
  .welcome_service_section {
    padding: 30px 0 77px;
  }
}
.welcome_title_wrap.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_title_wrap.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}
.welcome_service_section .gs_container {
  position: relative;
}

.welcome_service_left_img {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 105px;
  object-fit: contain;
}
.welcome_service_right_img {
  position: absolute;
  z-index: -1;
  right: 56px;
  top: calc(100% - 100px);
  object-fit: contain;
}
@media (max-width: 991px) {
  .welcome_service_left_img {
    top: 39px;
    width: 89px;
  }
  .welcome_service_right_img {
    right: 14px;
    top: auto;
    bottom: 0;
    width: 67px;
  }
}
.welcome_service_list {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 39px;
}
.welcome_service_item {
  border-radius: 40px;
  border: 1px solid #0ac3ca;
  background-color: #0ac3ca;
  color: #fff;
  max-width: 250px;
  aspect-ratio: 1;
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
.welcome_service_item:hover {
  background-color: #fff;
  color: #0ac3ca;
}
.welcome_service_item_icon {
  height: 72px;
}
.welcome_service_item_icon i {
  font-size: 4.5rem;
}
.welcome_service_item_title {
  margin-top: 30px;
  font-size: 2rem;
  font-weight: bold;
}
@media (max-width: 991px) {
  .welcome_service_list {
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 20px;
  }
  .welcome_service_item {
    border-radius: 20px;
    width: calc(33.333% - 15px);
  }
  .welcome_service_item_icon {
    height: 43px;
  }
  .welcome_service_item_icon i {
    font-size: 2.6875rem;
  }
  .welcome_service_item_title {
    font-size: 1.125rem;
    margin-top: 8px;
  }
}

.welcome_service_list.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_service_list.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}

/* ========首頁最新消息======= */
.welcome_news_section {
  padding: 0px 0 250px;
  position: relative;
  z-index: 1;
}
.welcome_news_section::before {
  content: "";
  position: absolute;
  top: -30%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -2;
  background: linear-gradient(to bottom, #fff, #f2fafb);
  pointer-events: none;
}
@media (max-width: 991px) {
  .welcome_news_section {
    padding: 0px 0 100px;
  }
}
.welcome_news_left_bottom_img {
  position: absolute;
  bottom: 1%;
  left: 0;
  z-index: 1;
  object-fit: contain;
  min-height: 350px;
  height: calc(100vw / 1920 * 448);
}
.welcome_news_right_bottom_img {
  position: absolute;
  bottom: 18%;
  right: 86px;
  z-index: -2;
  object-fit: contain;
  min-height: 150px;
  height: calc(100vw / 1920 * 217);
}
.welcome_news_bottom_img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
}
.welcome_news_bottom_mobile_img {
  display: none;
}
@media (max-width: 991px) {
  .welcome_news_left_bottom_img {
    min-height: 152px;
    bottom: 0;
  }
  .welcome_news_right_bottom_img {
    min-height: 92px;
    right: 52px;
    bottom: 6%;
  }
}
@media (max-width: 575px) {
  .welcome_news_right_bottom_img {
    right: 60px;
  }
  .welcome_news_bottom_img {
    display: none;
  }
  .welcome_news_bottom_mobile_img {
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
  }
}
.welcome_news_section .welcome_title_wrap {
  justify-content: flex-start;
}
.welcome_news_section .welcome_title_wrap::before {
  display: none;
}
.welcome_news_section .welcome_title_wrap::after {
  background: url("../img/title_news_right_img.png") no-repeat center
    center/contain;
}
.welcome_news_section .welcome_title_block {
  text-align: left;
}
@media (max-width: 991px) {
  .welcome_news_section .welcome_title_wrap {
    justify-content: center;
  }
  .welcome_news_section .welcome_title_wrap::before {
    display: block;
  }
  .welcome_news_section .welcome_title_wrap::after {
    background: url("../img/title_right_img.png") no-repeat center
      center/contain;
  }
  .welcome_news_section .welcome_title_block {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .welcome_news_section .welcome_title_wrap {
    margin-bottom: 37px;
  }
}

.welcome_news_content_col_2 {
  display: grid;
  grid-template-columns: 0.6fr 0.4fr;
  column-gap: 66px;
}
.welcome_news_list {
  justify-content: center;
  position: relative;
}
.welcome_news_list::before {
  content: "";
  background: url("../img/welcome_news_list_top_img.png") no-repeat center
    center/contain;
  position: absolute;
  right: 0;
  bottom: calc(100% + 4px);
  max-width: 245px;
  aspect-ratio: 2.45;
  width: 100%;
}

@media (max-width: 991px) {
  .welcome_news_content_col_2 {
    grid-template-columns: 1fr;
  }
  .welcome_news_list::before {
    max-width: 106px;
    bottom: 100%;
  }
}
.welcome_news_list.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0.25s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_news_list.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}

@media (max-width: 767px) {
}

.welcome_news_item {
  display: block;
  padding: 23px 8px 10px 42px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  overflow: hidden;
  color: #000;
  background-color: #fff;
  margin-bottom: 28px;
}
.welcome_news_item:last-of-type {
  margin-bottom: 0;
}

.welcome_news_item_title_wrap {
  position: relative;
}
.welcome_news_item_title_wrap::before {
  content: "";
  position: absolute;
  left: -23px;
  top: 0;
  bottom: 0;
  border-radius: 10px;
  background-color: #0ac3ca;
  width: 11px;
  transition: all 0.3s;
}
.welcome_news_item:hover .welcome_news_item_title_wrap::before {
  background-color: #2280c2;
}
.welcome_news_item_title {
  font-size: 1.25rem;
  color: #000;
  line-height: 1.4;
  margin-bottom: 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
  position: relative;
}

.welcome_news_item_date {
  font-size: 1.125rem;
  color: var(--main);
  text-align: right;
  line-height: 1;
}
@media (max-width: 767px) {
  .welcome_news_item {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 14px;
    border: 1px solid #d9d9d9;
  }
  .welcome_news_item_title {
    font-size: 1.125rem;
    -webkit-line-clamp: 4;
  }
  .welcome_news_item_date {
    font-size: 1rem;
  }
}
.welcome_news_btn_wrap {
  margin-top: 85px;
  text-align: right;
}
.welcome_news_section .welcome_news_btn_wrap.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_news_btn_wrap {
    grid-row: 2/3;
    margin-top: 72px;
    margin-bottom: 60px;
    text-align: center;
  }
  .welcome_news_section .welcome_news_btn_wrap.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}

.welcome_news_content_img_wrap {
  display: flex;
  align-items: flex-end;
  max-width: 513px;
  width: 100%;
}
.welcome_news_content_img_wrap img {
  width: 100%;
  object-fit: contain;
}

.welcome_news_content_img_wrap.animation {
  animation-name: ani_slideRight;
  animation-duration: 1s;
  animation-delay: 0.25s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_news_content_img_wrap {
    margin: 0 auto;
  }
  .welcome_news_content_img_wrap.animation {
    animation-name: ani_slideRight_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}
/* ========== 首頁關於我們 ========== */
.welcome_about_section {
  padding: 200px 0 250px;
  position: relative;
  z-index: 1;
}
.welcome_about_section::after {
  content: "";
  position: absolute;
  top: 30%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -5;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.05) 50%,
    #a5e4ff
  );
}

@media (max-width: 991px) {
  .welcome_about_section {
    padding: 50px 0 308px;
  }
}

.welcome_about_left_img {
  position: absolute;
  left: 0;
  top: 30%;
  z-index: -1;
  height: calc(100vw / 1920 * 261);
  min-height: 150px;
  object-fit: contain;
}
.welcome_about_left_bottom_img {
  position: absolute;
  left: 0;
  bottom: 180px;
  z-index: -1;
  height: calc(100vw / 1920 * 216);
  min-height: 89px;
  max-height: 216px;
  object-fit: contain;
}
.welcome_about_sea_img {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  object-fit: contain;
}
.welcome_about_sea_mobile_img {
  position: absolute;
  bottom: 30px;
  left: 0;
  z-index: -2;
  width: 100%;
  object-fit: contain;
  display: none;
}
.welcome_about_right_top_img {
  position: absolute;
  right: 10%;
  top: 20%;
  z-index: -1;
  height: calc(100vw / 1920 * 112);
  min-height: 35px;
  object-fit: contain;
}
.welcome_about_right_bottom_img {
  position: absolute;
  right: 0;
  bottom: 134px;
  z-index: -1;
  height: calc(100vw / 1920 * 428);
  min-height: 146px;
  max-height: 428px;
  object-fit: contain;
}
.welcome_about_mount_mobile_img {
  display: none;
}
.welcome_about_cloud_mobile_img {
  display: none;
}
@media (max-width: 991px) {
  .welcome_about_left_img {
    display: none;
  }

  .welcome_about_right_top_img {
    top: 0;
  }

  .welcome_about_mount_mobile_img {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 220px;
    z-index: -1;
    height: 53px;
    object-fit: contain;
  }
  .welcome_about_cloud_mobile_img {
    display: block;
    position: absolute;
    right: 0;
    bottom: 160px;
    z-index: -2;
    height: 123px;
    object-fit: contain;
  }
}
@media (max-width: 767px) {
  .welcome_about_sea_img {
    display: none;
  }
  .welcome_about_sea_mobile_img {
    display: block;
  }
}

.welcome_about_content_block {
  max-width: 867px;
  margin: 0 auto;
}
.welcome_about_content_wrap {
  /* padding: 0 100px; */
  margin-bottom: 82px;
}
.welcome_about_content_wrap.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0.35s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_about_content_wrap.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}
@media (max-width: 767px) {
  .welcome_about_content_wrap {
    margin-bottom: 58px;
  }
}

.welcome_about_content_text {
  font-size: 1.25rem;
  color: #000;
  line-height: 1.6;
  max-height: 260px;
  overflow: auto;
  text-align: center;
}
@media (max-width: 767px) {
  .welcome_about_content_text {
    max-height: 100%;
    font-size: 1rem;
  }
}

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #ddd;
}
::-webkit-scrollbar-thumb {
  background: var(--main);
}

.welcome_about_btn_wrap {
  text-align: center;
}
.welcome_about_btn_wrap.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0.7s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_about_btn_wrap.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}
@media (max-width: 767px) {
  .welcome_btn_wrap {
    text-align: center;
  }
}
/* ========== 首頁中間橫幅 ========== */
.welcome_mid_section {
  background-color: #a5e4ff;
  position: relative;
}
.welcome_mid_section::after {
  content: "";
  mask-image: url("../img/welcome_mid_bottom_img.png");
  -webkit-mask-image: url("../img/welcome_mid_bottom_img.png");
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: top center;
  -webkit-mask-position: top center;
  mask-repeat: no-repeat;
  background-color: #cee9f6;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20%;
  width: 100%;
  z-index: 0;
  height: calc(100vw / 1920 * 205);
  min-height: 80px;
}
.welcome_mid_img_warp {
  height: calc(100vw / 1920 * 555);
  min-height: 232px;
  mask-image: url("../img/welcome_mid_mask_img.png");
  -webkit-mask-image: url("../img/welcome_mid_mask_img.png");
  mask-size: cover;
  -webkit-mask-size: cover;
  mask-position: top center;
  -webkit-mask-position: top center;
  mask-repeat: no-repeat;
}
.welcome_mid_img_warp img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.welcome_mid_bottom_img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

.welcome_mid_left_img {
  position: absolute;
  left: 0;
  bottom: -4px;
  z-index: 1;
  height: calc(100vw / 1920 * 239);
  min-height: 78px;
}
.welcome_mid_right_img {
  position: absolute;
  right: 0;
  bottom: -30px;
  z-index: 1;
  height: calc(100vw / 1920 * 323);
  min-height: 135px;
}

.welcome_mid_img_warp.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_mid_img_warp.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}

/* ========== 首頁水庫風貌 ========== */
.welcome_reservoir_section {
  padding: 80px 0 140px;
  position: relative;
  z-index: 1;
  background: linear-gradient(to bottom, #cee9f6, #fff);
}
@media (max-width: 991px) {
  .welcome_reservoir_section {
    padding: 28px 0 60px;
  }
}
.welcome_reservoir_left_img {
  position: absolute;
  left: 0;
  top: 5%;
  z-index: -1;
  height: calc(100vw / 1920 * 516);
  min-height: 78px;
}
.welcome_reservoir_bottom_img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
}
@media (max-width: 991px) {
  .welcome_reservoir_left_img {
    display: none;
  }
  .welcome_reservoir_bottom_img {
    display: none;
  }
}
.welcome_reservoir_list {
  margin-bottom: 80px;
}
.welcome_reservoir_list .slick-list {
  margin: 0 -12px;
}
.welcome_reservoir_item {
  margin: 0 12px;
}
.welcome_reservoir_item_img_wrap {
  border-radius: 20px;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  margin-bottom: 26px;
}
.welcome_reservoir_item_img_wrap img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 1.143243;
  border-radius: 20px;
}

.welcome_reservoir_item_title {
  font-size: 1.25rem;
  text-align: center;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
@media (max-width: 991px) {
  .welcome_reservoir_list {
    margin-bottom: 69px;
  }
  .welcome_reservoir_item_img_wrap {
    padding: 14px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .welcome_reservoir_item_title {
  }
}
.welcome_reservoir_list.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0.25s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_reservoir_list.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}

.welcome_reservoir_btn_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 25px;
}
.welcome_reservoir_list_prev,
.welcome_reservoir_list_next {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--main);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 3px 6px rgb(0, 0, 0, 0.2);
  transition: all 0.3s;
}
.welcome_reservoir_list_prev i {
  transform: scale(-1);
}
.welcome_reservoir_list_prev:hover,
.welcome_reservoir_list_next:hover {
  opacity: 0.7;
}
@media (max-width: 991px) {
  .welcome_reservoir_list_prev,
  .welcome_reservoir_list_next {
    width: 40px;
    height: 40px;
  }
  .welcome_reservoir_list_prev:hover,
  .welcome_reservoir_list_next:hover {
    opacity: 1;
  }
}
.welcome_reservoir_btn_wrap.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_reservoir_btn_wrap.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0.5s;
    animation-delay: 0s;
  }
}

/* ========== 首頁相關連結 ========== */
.welcome_related_section {
  padding: 30px 0 140px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .welcome_related_section {
    padding: 0px 0 140px;
  }
}
.welcome_related_left_img {
  position: absolute;
  left: 56px;
  top: -10px;
  z-index: -1;
  height: calc(100vw / 1920 * 94);
  min-height: 50px;
}
@media (max-width: 767px) {
  .welcome_related_left_img {
    left: 15px;
  }
}
.welcome_related_list {
}
.welcome_related_list .slick-list {
  margin: 0 -10px;
}
.welcome_related_item {
  margin: 10px 10px;
}
.welcome_related_item_img_wrap {
  border-radius: 20px;
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
  max-height: 90px;
}
.welcome_related_item_img_wrap img {
  width: 100%;
  /* max-height: 53px; */
  object-fit: cover;
  aspect-ratio: 4.1132;
}

/* 輪播箭頭設定 */
.welcome_related_list .slick-arrow {
  width: 54px;
  height: 54px;
  background-color: var(--main);
  color: #fff;
  font-size: 0.875rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.4s;
}
.welcome_related_list .slick-arrow:hover {
  opacity: 0.7;
}
.welcome_related_list .welcome_related_pre_arrow_wrap {
  right: calc(100% + 25px);
  transform: translateY(-50%);
}
.welcome_related_list .welcome_related_pre_arrow {
  transform: scale(-1);
}
.welcome_related_list .welcome_related_next_arrow_wrap {
  left: calc(100% + 25px);
}

@media (max-width: 1280px) {
  .welcome_related_list .slick-arrow {
    top: calc(100% + 38px);
  }
  .welcome_related_list .welcome_related_pre_arrow_wrap {
    left: 15px;
    right: auto;
    left: calc(50% - 35px);
    transform: translateY(-50%) translateX(-50%);
  }
  .welcome_related_list .welcome_related_next_arrow_wrap {
    right: 15px;
    left: auto;
    right: calc(50% - 35px);
    transform: translateY(-50%) translateX(50%);
  }
}
@media (max-width: 991px) {
  .welcome_related_list .slick-arrow {
    width: 40px;
    height: 40px;
    font-size: 1rem;
  }
}
.welcome_related_list.animation {
  animation-name: ani_slideBottom;
  animation-duration: 1s;
  animation-delay: 0.25s;
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}
@media (max-width: 991px) {
  .welcome_related_list.animation {
    animation-name: ani_slideBottom_stop;
    animation-duration: 0s;
    animation-delay: 0s;
  }
}
/***************************welcome**************************/

/***************************關於我們**************************/

/* 地理位置 */
.local_content_wrap {
  position: relative;
}
.local_content {
  position: relative;
}
.local_list {
  display: grid;
  gap: 25px;
  margin-bottom: 95px;
}
@media (max-width: 767px) {
  .local_list {
    margin-bottom: 65px;
  }
}
.local_item {
  padding: 16px 20px 16px 50px;
  box-shadow: 0px 3px 16px 0px rgb(0, 0, 0, 0.25);
  border-radius: 10px;
  position: relative;
  font-size: 1.25rem;
  color: #000;
  background-color: #fff;
}
.local_item:hover {
  color: #000;
}
.local_item_title_title_wrap {
  position: relative;
}
.local_item_title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
.local_item_title_title_wrap::after {
  content: "";
  background-color: var(--main);
  position: absolute;
  height: calc(100%);
  width: 11px;
  border-radius: 5.5px;
  top: 50%;
  left: -20px;
  transform: translate(-50%, -50%);
  transition: 0.3s;
}
.local_item:hover .local_item_title_title_wrap::after {
  background-color: #0ac3ca;
}

.local_content_date {
  display: inline-block;
  font-size: 1.25rem;
  color: var(--main);
  margin-bottom: 10px;
  padding: 4px 16px;
  border-radius: 5px;
  border: 1px solid #bea06e;
}
.local_content_title {
  font-size: 1.375rem;
  font-weight: bold;
  color: #000;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c9caca;
}
@media (max-width: 767px) {
  .local_item {
    font-size: 1.125rem;
  }
  .local_content_date {
    font-size: 1rem;
  }
  .local_content_title {
    font-size: 1.125rem;
    margin-bottom: 20px;
  }
}

/***************************關於我們**************************/

/***************************最新消息-列表開始**************************/

.news_content {
  position: relative;
}
.news_list {
  display: grid;
  gap: 25px;
  margin-bottom: 95px;
}
@media (max-width: 767px) {
  .news_list {
    margin-bottom: 65px;
  }
}
.news_item {
  background-color: #fff;
  padding: 16px 22px;
  box-shadow: 0px 3px 16px 0px rgb(0, 0, 0, 0.25);
  border-radius: 10px;
  position: relative;
  font-size: 1.25rem;
  color: #000;
}
.news_item:hover {
  color: #000;
}
.news_item_title {
  position: relative;
  padding: 1px 0px;
  margin-bottom: 4px;
  padding-left: 30px;
  font-size: 1.25rem;

  display: -webkit-box; /* ✅ 關鍵：多行截斷一定要有 */
  -webkit-line-clamp: 2; /* 顯示 2 行 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  overflow: hidden; /* 超出隱藏 */
  text-overflow: ellipsis;
}
.news_item_title::after {
  content: "";
  background-color: var(--main);
  position: absolute;
  height: 100%;
  width: 11px;
  border-radius: 5.5px;
  top: 50%;
  left: 0px;
  transform: translate(0%, -50%);
  transition: 0.3s;
}
.news_item:hover .news_item_title::after {
  background-color: #0ac3ca;
}
.news_item_datetime {
  text-align: end;
  color: var(--main);
  font-size: 1.125rem;
}
@media (max-width: 767px) {
  .news_item_title {
    -webkit-line-clamp: 4;
  }
}
/***************************最新消息-列表結束**************************/

/***************************最新消息-內頁**************************/
.news_content_wrap {
  position: relative;
}
.news_content_page_datetime {
  margin-bottom: 14px;
}
.news_content_page_datetime span {
  background-color: var(--main);
  border-radius: 50px;
  color: #fff;
  font-size: 1.125rem;
  display: flex;
  width: 153px;
  height: 33px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 767px) {
  .news_content_page_datetime span {
    background-color: var(--main);
    border-radius: 50px;
    color: #fff;
    font-size: 0.875rem;
    display: flex;
    width: 125px;
    height: 27px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
  }
}
.news_appendix_wrap {
  margin-top: 35px;
}
.news_appendix_title {
  color: var(--pageText);
  font-size: 1.375rem;
  font-weight: bold;
  border-bottom: 1px solid #b7bec1;
  padding-bottom: 10px;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .news_appendix_title {
    font-size: 1.125rem;
  }
}
.news_appendix_item {
  display: block;
  color: #000;
  font-size: 1.125rem;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .news_appendix_item {
    font-size: 1rem;
  }
}
.news_appendix_item:last-of-type {
  margin-bottom: 0px;
}

.back_btn_wrap {
  margin-top: 70px;
  text-align: center;
}
@media (max-width: 767px) {
  .back_btn_wrap {
    margin-top: 50px;
  }
}
.back_btn {
  margin: 0px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 195px;
  height: 54px;
  border-radius: 25.5px;
  background: linear-gradient(90deg, #2280c2 0%, #213b7c 100%);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
  color: #fff;
  font-weight: bold;
  font-size: 1.125rem;
  transition: all 0.3s;
}
.back_btn:hover {
  opacity: 0.7;
  /* background-color: #fff; */
  color: #fff;
}
@media (max-width: 767px) {
  .back_btn {
    /* font-size: 1.125rem; */
  }
}
/***************************最新消息-內頁**************************/

/***************************業務內容-開始**************************/
.business_content_wrap {
  position: relative;
}
.business_content {
  position: relative;
}
.business_list {
  display: grid;
  gap: 25px;
  margin-bottom: 95px;
  background-color: #fff;
}
@media (max-width: 767px) {
  .business_list {
    margin-bottom: 65px;
  }
}
.business_item {
  padding: 16px 22px;
  box-shadow: 0px 3px 16px 0px rgb(0, 0, 0, 0.25);
  border-radius: 10px;
  position: relative;
  font-size: 1.25rem;
  color: #000;
}
.business_item:hover {
  color: #000;
}
.business_item_title {
  position: relative;
  padding: 1px 0px;
  margin-bottom: 4px;
  padding-left: 30px;
  font-size: 1.25rem;

  display: -webkit-box; /* ✅ 關鍵：多行截斷一定要有 */
  -webkit-line-clamp: 2; /* 顯示 2 行 */
  -webkit-box-orient: vertical; /* 垂直排列 */
  overflow: hidden; /* 超出隱藏 */
  text-overflow: ellipsis;
}
.business_item_title::after {
  content: "";
  background-color: var(--main);
  position: absolute;
  height: 100%;
  width: 11px;
  border-radius: 5.5px;
  top: 50%;
  left: 0px;
  transform: translate(0%, -50%);
  transition: 0.3s;
}
.business_item:hover .business_item_title::after {
  background-color: #0ac3ca;
}
.business_item_datetime {
  text-align: end;
  color: var(--main);
  font-size: 1.125rem;
}

.business_content_page_datetime {
  margin-bottom: 14px;
}
.business_content_page_datetime span {
  background-color: var(--main);
  border-radius: 50px;
  color: #fff;
  font-size: 1.125rem;
  display: flex;
  width: 153px;
  height: 33px;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
@media (max-width: 767px) {
  .business_item_title {
    font-size: 1.125rem;
  }
  .business_content_page_datetime span {
    background-color: var(--main);
    border-radius: 50px;
    color: #fff;
    font-size: 0.875rem;
    display: flex;
    width: 125px;
    height: 27px;
    justify-content: center;
    align-items: center;
    margin-left: auto;
  }
}
.business_appendix_wrap {
  margin-top: 35px;
}
.business_appendix_title {
  color: var(--pageText);
  font-size: 1.375rem;
  font-weight: bold;
  border-bottom: 1px solid #b7bec1;
  padding-bottom: 10px;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .business_appendix_title {
    font-size: 1.125rem;
  }
}
.business_appendix_item {
  display: block;
  color: #000;
  font-size: 1.125rem;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .business_appendix_item {
    font-size: 1rem;
  }
}
.business_appendix_item:last-of-type {
  margin-bottom: 0px;
}
.business_file_list {
  margin-bottom: 80px;
  background-color: #fff;
}
.business_file_item {
  display: flex;
  justify-content: space-between;
  font-size: 1.25rem;
  color: #000;
  padding: 19px 25px;
  column-gap: 4px;
  position: relative;
}
.business_file_item::after {
  content: "";
  position: absolute;
  left: 19px;
  right: 19px;
  top: 0;
  border-top: 1px solid #b7bec1;
}
.business_file_item_title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
@media (max-width: 767px) {
  .business_file_item {
    font-size: 1.125rem;
    padding: 19px 5px;
    flex-direction: column;
  }
  .business_file_item::after {
    left: 0;
    right: 0;
  }
  .business_file_item_title {
    display: block;
  }
}
.business_file_item:hover {
  background-color: #0ac3ca;
  color: #fff;
  border-radius: 10px;
}
.business_file_item:hover::after {
  border-color: transparent;
}
.business_file_item:hover + .business_file_item::after {
  border-color: transparent;
}
.business_file_item:first-of-type::after {
  border-top: none;
}
.business_file_item_size {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .business_file_item:hover {
    background-color: #fff;
    color: #000;
    border-radius: 0;
  }
  .business_file_item:hover::after {
    border-color: #b7bec1;
  }
  .business_file_item:hover + .business_file_item::after {
    border-color: #b7bec1;
  }

  .business_file_item_size {
    text-align: right;
  }
}
/***************************業務內容-結束**************************/

/**********************水庫風貌-開始*********************/
.view_list_page {
  margin-bottom: 80px;
  width: 100%;
  word-break: break-all;
  box-shadow: 0px 3px 10px rgb(0, 0, 0, 0.2);
  padding: 15px;
  border-radius: 10px;
  background-color: var(--pageBg);
  position: relative;
}
.view_img_list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
@media (max-width: 991px) {
  .view_img_list {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .view_img_list {
    row-gap: 35px;
    column-gap: 10px;
  }
}

.view_img_link {
  /* 313 * 268 */
  width: calc((100% - 90px) / 4);
  height: 268px;
  position: relative;
}
@media (max-width: 1640px) {
  .view_img_link {
    /* width: 1140px; */
    height: 206px;
  }
}

@media (max-width: 1199px) {
  .view_img_link {
    /* width: 960px; */
    width: calc((100% - 60px) / 3);
    height: 232px;
  }
}

@media (max-width: 991px) {
  .view_img_link {
    /* width: 720px; */
    width: calc((100% - 40px) / 3);
    height: 163px;
  }
}

@media (max-width: 767px) {
  .view_img_link {
    /* width: 540px; */
    width: calc((100% - 10px) / 2);
    height: 191px;
  }
}

@media (max-width: 575px) {
  .view_img_link {
    /* width: 100%; */
    width: calc((100% - 10px) / 2);
    height: calc((100vw - 54px) / 2 / 313 * 268);
  }
}
.view_img_link::after {
  content: "";
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0;
  position: absolute;
  left: 0px;
  top: 0px;
  transition: 0.3s;
}
.view_img_link::before {
  font-family: "Peggy02";
  font-weight: 900;
  content: "\f0fa";
  color: #0ac3ca;
  font-size: 28px;
  position: absolute;
  height: 55px;
  width: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0;
  transition: 0.3s;
}
.view_img_link:hover::after {
  opacity: 0.5;
}
.view_img_link:hover::before {
  opacity: 1;
}
.view_img_link img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 1.168199;
}

.view_img_fixed {
  position: fixed;
  z-index: -200;
  inset: 0 0;
  background: rgb(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s;
}
.view_img_fixed.active {
  opacity: 1;
  z-index: 200;
}
.view_img_fixed_img_wrap {
  position: relative;
  z-index: 210;
  min-height: 311px;
  height: calc(100vw / 1920 * 761);
}
.view_img_fixed_close {
  position: absolute;
  top: 10px;
  right: 8px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
  border: 2px solid #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.view_img_fixed_close i {
  font-size: 23px;
  color: #fff;
}
.view_img_fixed_close:hover {
  opacity: 0.7;
}
.view_img_fixed_img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1.168199;
}
@media (max-width: 991px) {
  .view_img_fixed_close {
    width: 40px;
    height: 40px;
  }
  .view_img_fixed_close i {
    font-size: 19px;
  }
}
/**********************水庫風貌-結束*********************/

/**********************影音專區-開始*********************/
.yt_list_page {
  margin-bottom: 80px;
  width: 100%;
  word-break: break-all;
  box-shadow: 0px 3px 10px rgb(0, 0, 0, 0.2);
  padding: 27px 33px;
  border-radius: 10px;
  background-color: var(--pageBg);
  position: relative;
}
@media (max-width: 767px) {
  .yt_list_page {
    padding: 20px 18px;
  }
}

.yt_img_list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 20px;
}
@media (max-width: 991px) {
  .yt_img_list {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .yt_img_list {
    row-gap: 5px;
    column-gap: 10px;
  }
}

.yt_iframe_card {
  /* 428 * 302 */
  width: calc((100% - 50px) / 3);
}
.yt_iframe_box {
  height: 302px;
  position: relative;
}
@media (max-width: 1640px) {
  .yt_iframe_box {
    height: 234px;
  }
}

@media (max-width: 1199px) {
  .yt_iframe_card {
    width: calc((100% - 25px) / 2);
  }
  .yt_iframe_box {
    height: 296px;
  }
}

@media (max-width: 991px) {
  .yt_iframe_box {
    height: 212px;
  }
}

@media (max-width: 767px) {
  .yt_iframe_card {
    width: calc((100% - 10px) / 2);
  }
  .yt_iframe_box {
    height: 164px;
  }
}

@media (max-width: 575px) {
  .yt_iframe_box {
    height: calc((100vw - 76px) / 2 / 428 * 302);
  }
}
.yt_iframe_box iframe {
  width: 100%;
  height: 100%;
  margin-bottom: 10px;
}
.yt_title {
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
  margin-top: 20px;
  height: 51px;
  overflow-y: auto;
}
@media (max-width: 767px) {
  .yt_title {
    font-size: 1.125rem;
  }
}
/**********************影音專區-結束*********************/

/**********************常見問題-開始*********************/
.qa_list_page {
  position: relative;
}
.qa_item_box {
  padding: 25px 70px 25px 90px;
  box-shadow: 0px 3px 10px 0px rgb(0, 0, 0, 0.2);
  border-radius: 10px;
  margin-bottom: 30px;
  background-color: var(--aquaSky);
  cursor: pointer;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .qa_item_box {
    padding: 14px 50px 14px 75px;
    margin-bottom: 25px;
  }
}
.qa_item_box.active {
  background-color: #fff;
}
.question_box {
  display: flex;
  align-items: flex-start;
  font-weight: bold;
  font-size: 1.375rem;
  color: #fff;
  position: relative;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .question_box {
    font-size: 1.125rem;
  }
}
.question_box.active {
  color: var(--pageText);
}
.question_box::before {
  content: "Q";
  text-align: center;
  background-color: var(--aquaSky);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  left: -50px;
  top: -5px;
  line-height: 30px;
  color: #fff;
  border: 2px solid #fff;
}
.question_box i {
  font-size: 21px;
  position: absolute;
  right: -25px;
  top: 0px;
  color: #fff;
  transition: 0.3s;
  transform-origin: center center;
  top: 5px;
}
.question_box.active i {
  color: var(--aquaSky);
  transform: rotate(90deg);
}
.question_box span {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow: hidden;
}
.question_box.active span {
  display: block;
}
@media (max-width: 767px) {
  .question_box i {
    font-size: 15px;
  }
}
.answer_box {
  display: none;
}
.answer_box_text {
  font-size: 1.25rem;
  color: #000;
  padding: 20px 0px;

  box-shadow: none;
  border-radius: 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .answer_box_text {
    font-size: 1rem;
    padding: 15px 0px;
  }
}
.answer_box_appendix {
  border-top: 1px solid #b7bec1;
}
.answer_box_appendix_title {
  font-weight: bold;
  font-size: 1.375rem;
  color: var(--pageText);
  padding: 20px 0px;
}
@media (max-width: 767px) {
  .answer_box_appendix_title {
    font-size: 1.125rem;
    padding-top: 15px;
    padding-bottom: 10px;
  }
}
.answer_box_appendix_file {
  display: block;
  color: #000;
  font-size: 1.25rem;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .answer_box_appendix_file {
    font-size: 1rem;
  }
}

/**********************常見問題-結束*********************/

/**********************網站地圖-結束*********************/
.sitemap_page {
  width: 100%;
  word-break: break-all;
  box-shadow: 0px 3px 10px rgb(0, 0, 0, 0.2);
  padding: 45px;
  border-radius: 10px;
  background-color: var(--pageBg);
  font-size: 1.25rem;
  position: relative;
}
.sitemap_page_hint {
  margin-bottom: 30px;
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .sitemap_page {
    padding: 20px 15px;
  }
  .sitemap_page_hint {
    font-size: 1rem;
  }
}
.sitemap_page_title {
  margin-top: 45px;
  font-size: 1.5625rem;
  color: var(--pageText);
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .sitemap_page_title {
    font-size: 1.25rem;
  }
}
.sitemap_item_box {
  margin-bottom: 35px;
}
.sitemap_item_title {
  display: block;
  font-size: 1.375rem;
  color: var(--pageText);
  font-weight: bold;
  background-color: var(--pageMenu);
  padding: 15px 25px;
  border-radius: 10px;
  transition: all 0.3s;
}
.sitemap_item_title:hover {
  color: var(--pageText);
  opacity: 0.7;
}
@media (max-width: 767px) {
  .sitemap_item_title {
    font-size: 1.125rem;
  }
}
.sitemap_item_box_2 {
  display: block;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .sitemap_item_box_2 {
    margin-left: 25px;
  }
}
.sitemap_item_box_2_row {
  display: block;
  padding-left: 20px;
  position: relative;
  border-bottom: 1px dashed #b7bec1;
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
  color: #000;
  transition: all 0.3s;
}
.sitemap_item_box_2_row:hover {
  color: #000;
  opacity: 0.7;
}
@media (max-width: 767px) {
  .sitemap_item_box_2_row {
    font-size: 1.125rem;
  }
}
.sitemap_item_box_2_row::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--aquaSky);
  position: absolute;
  left: 0px;
  top: 24px;
}
.sitemap_item_box_3 {
  margin-left: 55px;
  /* border-bottom: 1px dashed #B7BEC1; */
  font-size: 1.25rem;
}
@media (max-width: 767px) {
  .sitemap_item_box_3 {
    font-size: 1rem;
  }
}
.sitemap_item_box_3_row {
  position: relative;
  border-bottom: 1px dashed #b7bec1;
  padding-top: 15px;
  padding-bottom: 15px;
}
.sitemap_item_box_4_row {
  display: block;
  border-bottom: 1px dashed #b7bec1;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-left: 25px;
  color: #000;
  cursor: pointer;
  transition: all 0.3s;
}
.sitemap_item_box_4_row:hover {
  opacity: 0.7;
  color: #000;
}
@media (max-width: 767px) {
  .sitemap_item_box_4_row {
    margin-left: 20px;
  }
}
.sitemap_item_box_4_row:last-of-type {
  border-bottom: 0px;
}
/**********************網站地圖-結束*********************/

/****************************foot***************************/
footer {
  /* background-color: var(--pageBg); */
  position: relative;
  z-index: 0;
}
#go_top {
  cursor: pointer;
  position: fixed;
  z-index: 20;
  bottom: 10%;
  right: 3%;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
#go_top.active {
  visibility: visible;
  opacity: 1;
}
#go_top.bottom_active {
  bottom: 180px;
}
#go_top:hover {
  transform: scale(0.9);
}
.go_top_img {
  height: 107px;
  object-fit: contain;
}
@media (max-width: 991px) {
  #go_top.bottom_active {
    bottom: 300px;
  }
}
@media (max-width: 767px) {
  #go_top {
    right: 2%;
  }
  #go_top.bottom_active {
    bottom: 265px;
  }
  .go_top_img {
    height: 92px;
  }
}

.foot_page_background {
  position: absolute;
  z-index: -1;
  bottom: 50%;
  left: 0;
  right: 0;
}
.foot_page_background_img {
  width: 100%;
  object-fit: cover;
}
.foot_page_background_mobile_img {
  width: 100%;
  object-fit: cover;
  display: none;
}
@media (max-width: 991px) {
  .foot_page_background {
    bottom: 60%;
  }
}
@media (max-width: 575px) {
  .foot_page_background {
    bottom: 40%;
  }
  .foot_page_background_img {
    display: none;
  }
  .foot_page_background_mobile_img {
    display: block;
  }
}
.foot_top_wrap {
  /* padding-top: 170px; */
  position: relative;
  z-index: 0;
}
.foot_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.foot_bg_flat {
  display: none;
}
.foot_bg_mobile {
  display: none;
}
@media (max-width: 1200px) {
  .foot_bg_pc {
    display: none;
  }
  .foot_bg_flat {
    display: block;
  }
}
@media (max-width: 575px) {
  .foot_bg_flat {
    display: none;
  }
  .foot_bg_mobile {
    display: block;
  }
}
@media (max-width: 767px) {
  .foot_top_wrap {
  }
}
.foot_main_wrap {
  display: flex;
  /* flex-wrap: wrap; */
  justify-content: space-between;
  padding-top: 180px;
  padding-bottom: 20px;
}
@media (max-width: 1640px) {
  .foot_main_wrap {
    padding-top: 220px;
  }
}
@media (max-width: 1199px) {
  .foot_main_wrap {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .foot_main_wrap {
    padding-top: 200px;
  }
}
@media (max-width: 575px) {
  .foot_main_wrap {
    padding-top: 128px;
  }
}
@media (max-width: 500px) {
  .foot_main_wrap {
    padding-top: 80px;
  }
}
.foot_left {
  display: flex;
}
@media (max-width: 1199px) {
  .foot_left {
    margin-bottom: 12px;
  }
}
@media (max-width: 991px) {
  .foot_left {
    width: 100%;
    /* justify-content: center; */
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .foot_left {
    margin: 10px 0px;
  }
}
.footer_outer_right {
  display: flex;
  justify-content: center;
}
.foot_right {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  /* padding: 20px 0; */
}
@media (max-width: 991px) {
  .foot_right {
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .foot_right {
    padding: 0;
  }
}
/* 頁底logo */
.foot_logo_wrap {
  /* padding-right: 48px; */
}
@media (max-width: 991px) {
  .foot_logo_wrap {
    /* padding: 0 30px; */
  }
}
@media (max-width: 767px) {
  .foot_logo_wrap {
    /* width: 100%;
    padding: 0;
    text-align: center; */
  }
}
.foot_logo {
  width: 247px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .foot_logo {
    width: 183px;
    /* width: 50px;
    height: 97px;
    object-fit: contain; */
  }
}

/* copyright設定 */
.foot_copyright {
  width: 100%;
  font-size: 1.25rem;
  color: #fff;
  /* display: flex;
  flex-wrap: wrap; */
}
@media (max-width: 991px) {
  .foot_copyright {
    position: relative;
    justify-content: center;
    padding-top: 8px;
  }
}
@media (max-width: 767px) {
  .foot_copyright {
    font-size: 1rem;
  }
}
@media (max-width: 576px) {
  .foot_copyright {
    font-size: 0.875rem;
  }
}
.foot_copyright a {
  color: #fff;
}
.foot_copyright a:hover {
  color: #fff;
  opacity: 0.7;
}
@media (max-width: 991px) {
  .foot_copyright.desk {
    display: none;
  }
}
.foot_copyright.mobile {
  display: none;
}
@media (max-width: 991px) {
  .foot_copyright.mobile {
    display: flex;
  }
}
@media (max-width: 767px) {
  .copyright_text {
    display: block;
  }
}
.accessibility_img {
  /* width: 197px; */
  display: flex;
  align-items: end;
}
.accessibility_img img {
  width: 100%;
  max-width: 197px;
}
@media (max-width: 1640px) {
  .accessibility_img {
    display: none;
  }
}
.accessibility_mobile_img {
  display: none;
  margin: 5px 0px;
}
.accessibility_mobile_img img {
  width: 100%;
  max-width: 137px;
}
@media (max-width: 1640px) {
  .accessibility_mobile_img {
    display: block;
  }
}
/* foot導覽列 */
.foot_nav_browse_block {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
}

.foot_nav_list {
  display: flex;
  align-items: center;
  column-gap: 30px;
  margin-bottom: 13px;
}
@media (max-width: 767px) {
  .foot_nav_list {
    margin-bottom: 6px;
  }
}
@media (max-width: 490px) {
  .foot_nav_list {
    column-gap: 7px;
  }
}
.foot_nav_item {
  font-size: 1.375rem;
  color: #fff;
  position: relative;
  font-weight: bold;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .foot_nav_item {
    font-size: 1.125rem;
  }
}
@media (max-width: 576px) {
  .foot_nav_item {
    font-size: 1rem;
  }
}
@media (max-width: 420px) {
  .foot_nav_item {
    font-size: 0.875rem;
  }
}
.foot_nav_item:hover {
  color: #fff;
  opacity: 0.7;
}
.foot_nav_item::after {
  content: "";
  width: 1px;
  background-color: #fff;
  position: absolute;
  top: 3px;
  bottom: 3px;
  right: -15px;
}
.foot_nav_item:last-of-type::after {
  display: none;
}
@media (max-width: 490px) {
  .foot_nav_item::after {
    right: -3.5px;
  }
}

.foot_browse_log {
  font-size: 22px;
  color: #fff;
  margin-bottom: 13px;
}

@media (max-width: 767px) {
  .foot_browse_log {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

/* 店家資訊 */
.foot_info_wrap {
}
@media (max-width: 767px) {
  .foot_info_wrap {
  }
}
.foot_info_item {
  color: #ffffff;
  display: flex;
  gap: 22px;
  padding-bottom: 8px;
  margin-bottom: 6px;
  border-bottom: 1px solid #fff;
  padding-right: 30px;
}
@media (max-width: 1640px) {
  .foot_info_item {
    flex-direction: column;
    gap: 13px;
  }
}
@media (max-width: 1199px) {
  .foot_info_item {
    flex-direction: row;
  }
}
@media (max-width: 991px) {
  .foot_info_item {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .foot_info_item {
    gap: 6px;
    margin-bottom: 0px;
    padding-right: 00px;
  }
}
.info_text {
  font-size: 1.375rem;
  display: flex;
}
.foot_info_item .info_text:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .info_text {
    font-size: 1.125rem;
    margin-bottom: 0px;
  }
  .foot_info_item .info_text:last-child {
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .info_text {
    font-size: 1rem;
  }
}
.info_title {
  position: relative;
  color: #fff;
}

.foot_info_item a {
  color: #fff;
}
.foot_info_item a:hover {
  opacity: 0.7;
}
.foot_info_item a:not([href]) {
  color: #fff;
}
/* 頁面連結 */
.foot_link_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 991px) {
  .foot_link_wrap {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .foot_link_wrap {
    justify-content: start;
  }
}
@media (max-width: 575px) {
  .foot_link_wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
.foot_link_text {
  color: #ffffff;
  font-size: 1rem;
  white-space: nowrap;
  padding: 0 6px;
}

.foot_link_text:hover {
  color: #ffffff;
  opacity: 0.7;
}
.foot_link_item {
  display: flex;
}
@media (max-width: 575px) {
  .foot_link_wrap .foot_link_item:first-child {
    margin-bottom: 10px;
  }
}
.foot_link_text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 1.2px;
  height: 80%;
  background-color: #ffffff;
}
.foot_link_wrap .foot_link_item:last-child .foot_link_text:last-child::after {
  display: none;
}
@media (max-width: 575px) {
  .foot_link_wrap
    .foot_link_item:first-child
    .foot_link_text:last-child::after {
    display: none;
  }
}
/****************************foot***************************/

/* 隱藏reCAPTCHA徽章 */
/* .grecaptcha-badge { visibility: hidden; } */

.grecaptcha_text {
  color: var(--main);
}
.grecaptcha_text a {
  color: var(--main);
  opacity: 0.7;
}