@charset "utf-8";

/* 思源黑體Noto Sans TC & 思源宋體Noto Serif TC */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Noto+Serif+TC:wght@200..900&display=swap'); */

:root {
  --text_color: #231815;
  --text_focusColor: #9e1823;
  --text_focusTwoColor: #a37148;
  /* --text_hoverColor: #9e1823; */
  --text_hoverColor: #f25d27;
  --text_thin: 400;
  --text_bold: bold;
  --text_fz46: 46px;  /*add*/
  --text_fz42: 42px;  /*add*/
  --text_fz40: 40px;
  --text_fz36: 36px;
  --text_fz30: 30px;
  --text_fz28: 28px;
  --text_fz26: 26px;  /* .contentList、最小字18px */
  --text_fz24: 24px;
  --text_fz22: 22px;
  --text_fz20: 20px;
  --text_fz18: 18px;
  --text_fz16: 16px;
  --text_fz14: 14px;
  --text_fz12: 12px;

  --bgc_light: #f7f3ed;
  --bgc-01: #af9982;
  --bgc-02: #8c837d;
  --bgc-03: #f2f2f2;

  --border_gray: #dfdfdf;
  --border_gray-02: #b5b6b6;
}

body,html {
  font-family: 'Noto Sans TC', sans-serif;
  color: var(--text_color);
  line-height: 1.35;
  font-weight: 500;
}
@media (min-width: 769px) {
  body {
    padding-top: 174px !important;
  }
}
@media (max-width: 768px) {
  body {
    padding-top: 113px !important;
  }
}

::selection {
  background: #999;
}

.w1460 {
  max-width: 1460px;
  margin: 0 auto;
  padding: 0 30px;
}

h1 {
  margin: 0;
  font-size: initial;
}

h2 {
	font-family: 'Noto Serif TC', serif;
}

h3 {
  font-size: 16px;
}

img {
  display: block;
}

a {
  transition: all .2s;
  color: inherit;
}
/* a:hover {
  color: var(--text_hoverColor);
} */
a:active, a:focus {
  color: inherit;
}

time {
  color: #b4b6b8;
  font-size: 12px;
}

em {
    font-style: italic;
}

input, button {
  border-radius: 0;
  appearance: none;
  box-shadow: none;
  background: none;
}
input::placeholder,
textarea::placeholder {
  /* color: #989898; */
  color: #b6b6b6;
}

.pageTitleStyle-2 {
  margin-top: 0;
  margin-bottom: 0;
}

/* .containerRow 全站容器使用 S */
.containerRow {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 30px;
}

.asideLeft {
  width: 55.43878%;
  /* max-width: 1055px; */
}

aside {
  width: 16.552811%;
  /* max-width: 315px; */
}

.containerCol {
  width: calc(71.991591% + 30px);
  /* max-width: 1400px; */
}

.containerFull {
  width: 100%;
}

@media screen and (min-width: 769px) and (max-width: 950px) {
  /* 側邊欄min-width220px */
  aside {
    min-width: 220px;
  }
  .containerCol {
    min-width: calc((61.99539% + 220px) + 30px);
  }
}

@media (max-width: 1499px) {
  /* 左右留白縮小設定
  1483-822.156-245.469-30 = 385.375/2 = 192.6875
  192.6875 / 1683 *100 = 11.449%
  11.449% / 2 = 5.72452% */
  .asideLeft {
    width: 61.99539%;
  }
  aside {
    width: 23.109421%;
  }
  .containerCol {
    width: calc(85.104811% + 30px);
  }
}

@media (max-width: 768px) {
  .asideLeft, aside, .containerCol {
    width: 100%;
    padding: 0 15px;
  }
  aside {
    padding: 0;
  }
}
/* .containerRow 全站容器使用 E */


/* 共用class S */
.bgcLight {
  background-color: var(--bgc_light);
}

.mt-100 {
  margin-top: 100px;
}
.mt-80 {
  margin-top: 80px;
}
@media (max-width: 768px) {
  .mt-100 {
    margin-top: 30px;
  }
  .mt-80 {
    margin-top: 30px;
  }
}

.mt-30 {
  margin-top: 30px;
}

  /* 標題有底線 */
.titleUnderline {
  font-size: var(--text_fz24);
  color: var(--text_focusColor);
  display: inline-block;
  border-bottom: 1px solid var(--text_focusColor);
  padding-bottom: 0.125em;
  margin-bottom: 1.0416em;
}
@media (max-width: 576px) {
  .titleUnderline {
    font-size: 18px;
  }
}

  /* .smallBg 內頁小字底紅框 */
.smallBg {
  font-size: 12px;
  font-weight: var(--text_thin);
  letter-spacing: 1px;
  color: #fff;
  background-color: var(--text_focusColor);
  padding: 1px 10px;
}

  /* .imgLink 圖片移入動畫 */
.imgLink {
  display: block;
  overflow: hidden;
}
.imgLink picture {
  display: block;
  overflow: hidden;
}
.imgLink img,
.imgLink source {
  transition: all .3s;
}
.imgLink:hover img,
.imgLink:hover source {
  transform: scale(1.05);
}

  /* 限制行數1行 */
.textRows-01 {
  display: -webkit-box;
  -webkit-line-clamp: 1 !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
  /* 限制行數2行 */
.textRows-02 {
  display: -webkit-box;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

  /* 按鈕 .btn-01 */
.btn-01 {
  text-align: center;
}
.btn-01 button {
  position: relative;
  font-size: 18px;
  font-weight: var(--text_thin);
  color: #fff;
  background-color: var(--bgc-01);
  width: 185px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
}
.btn-01 button::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: rgba(0,0,0,.1);
  border-radius: 5px;
  opacity: 0;
  transition: all .4s;
}
.btn-01 button i {
  margin-right: 5px;
  transform: scaleX(-1);
}
.btn-01 button:hover::after {
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

  /* 按鈕 .btn-02 */
.btn-02 {
  text-align: center;
}
.btn-02 button {
  position: relative;
  font-size: var(--text_fz20);
  font-weight: var(--text_thin);
  color: #fff;
  background-color: var(--text_focusColor);
  width: 100%;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
}
.btn-02 button.w255 {
  max-width: 255px;
}
.btn-02 button::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: rgba(255,255,255,.2);
  border-radius: 5px;
  opacity: 0;
  transition: all .4s;
}
.btn-02 button:hover::after {
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

  /* 按鈕 .btn-03 */
.btn-03 {
  text-align: center;
}
.btn-03 button,
.btn-03 a {
  position: relative;
  display: inline-block;
	font-family: 'Noto Serif TC', serif;
  font-size: var(--text_fz20);
  font-weight: var(--text_thin);
  color: #fff;
  background-color: var(--text_focusColor);
  border-radius: 50px;
  width: 280px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  cursor: pointer;
}
.btn-03 button::after,
.btn-03 a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: rgba(255,255,255,.2);
  border-radius: 50px;
  opacity: 0;
  transition: all .4s;
}
.btn-03 button:hover::after,
.btn-03 a:hover::after {
  width: 100%;
  height: 100%;
  opacity: 0.8;
}

  /* .flexBox_03 flex均分三等份 */
.flexBox_03 {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.flexBox_03>div,
.flexBox_03>section,
.flexBox_03>a {
  width: 33.33%;
  padding: 0 15px;
}

  /* .dots 圓點縮排 */
.dots {
  position: relative;
  padding-left: 1.2em;
}
.dots::before {
  content: "";
  position: absolute;
  width: 11px;
  height: 11px;
  top: 0.4em;
  left: 0;
  border-radius: 50%;
  background-color: #b0b1b1;
}

  /* .videoNews加icon */
    /* picture.videoNews加icon */
.videoNews {
  position: relative;
}
.videoNews::before {
  content: "";
  background: url(../img/icon/videoNews.svg) no-repeat;
  position: absolute;
  width: 31px;
  height: 31px;
  bottom: 6px;
  left: 6px;
  display: block;
  z-index: 1;
}
    /* h3、h2、p.videoNews加icon */
h3.videoNews,
h2.videoNews,
p.videoNews,
span.videoNews {
  text-indent: 1em;
  -webkit-text-indent: 1em;
  /* display: block; */
  /* line-height: 1.2; */
}
h3.videoNews::before,
h2.videoNews::before,
p.videoNews::before,
span.videoNews::before {
  /* top: 0.2em; */
  top: 0.5em;
  transform: translateY(-30%);
  bottom: auto;
  left: 0;
  width: 0.8em;
  height: 0.8em;
}

  /* contentList 內容有標題+文字+more+底線 */
.contentList {
  position: relative;
}
.contentList .list {
  display: block;
  padding-bottom: 8px;
  border-bottom: solid 1px var(--border_gray);
  margin-bottom: 40px;
}
.contentList .list:last-of-type {
  margin-bottom: 0;
}
.contentList h3 {
  font-size: var(--text_fz26);
  color: var(--text_focusTwoColor);
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 1.35;
}
.contentList p {
  color: #333333;
  line-height: 1.6;
  margin-bottom: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.contentList .more {
  font-family: 'Alexandria', sans-serif;
  font-size: 14px;
  text-align: right;
  color: var(--text_focusTwoColor);
  transition: all .3s;
}
.contentList .more span {
  margin-right: 5px;
}
.contentList .more i {
  font-size: 18px;
}

.contentList a:hover h3 {
  color: var(--text_hoverColor);
}
.contentList a:hover .more {
  transform: translateX(8px);
}
  @media (max-width: 767px) {
    .contentList .list {
      margin-bottom: 20px;
    }
    .contentList p {
      margin-bottom: 5px;
      -webkit-line-clamp: 2;
    }
  }

  
  /* contentListImg 內容有左側圖片，右側標題+文字+more+底線 */
.contentListImg a {
  margin-bottom: 60px;
  overflow: visible;
}

.contentListImg picture source,
.contentListImg picture img {
  aspect-ratio: 250/168;
  object-fit: cover;
  width: 100%;
}

.contentListImg .contentList .list {
  margin-bottom: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.contentListImg .contentList .list .more {
  margin-top: auto;
}

.contentListImg a:hover h3 {
  color: var(--text_hoverColor);
}
.contentListImg a:hover .more {
  transition: all .3s;
  transform: translateX(8px);
}

  @media (min-width: 768px) {
    .contentListImg .row {
      height: 168px;
    }
    .contentListImg .col-md-3 {
      flex: 0 0 26.54%;
      max-width: 26.54%;
      min-width: 210px;
    }
    .contentListImg .col-md-9 {
      flex: 0 0 73.46%;
      max-width: calc(100% - 210px);
    }
  }
  @media (min-width: 1499px) {
    .contentListImg .row {
      height: 176px;
    }
  }

  @media (max-width: 767px) {
    .contentListImg .row {
      margin: 0 -5px;
    }
    .contentListImg [class^=col] {
      padding: 0 5px;
    }
    .contentListImg a {
      margin-bottom: 30px;
      border-bottom: solid 1px var(--border_gray);
    }
    .contentListImg .contentList .list {
      border-bottom: none;
    }
    .contentListImg .contentList h3 {
      -webkit-line-clamp: 2;
      height: 2.7em;
    }
  }
/* 共用class E */

/* slick解決閃爍白邊的問題 */
.slick-slide {
  will-change: transform;
  /* backface-visibility: hidden; */
}

/* .slick-slider .slick-arrow slick箭頭取消原樣式 S */
.slick-slider .slick-arrow {
  background-color: transparent;
  opacity: 1;
  border-radius: 0;
  z-index: 2;
}
.slick-slider .slick-arrow.slick-prev {
  left: 0;
}
.slick-slider .slick-arrow.slick-next {
  right: 0;
}
.slick-slider .slick-arrow i {
  font-size: 56px;
  padding: 0 20px;
}
.slick-slider .slick-arrow:hover {
  background-color: transparent;
}
/* .slick-slider .slick-arrow slick箭頭取消原樣式 E */

/* .newsTitleArea 新聞種類名稱時間 共用 S */
.newsTitleArea {
  display: block;
  position: relative;
  line-height: 1.5;
}

.newsTitleArea::after {
  content: "";
  width: 100%;
  height: 33%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(transparent 0%, rgba(0,0,0,.5) 25.63%, black 100%);
}
.newsTitleArea.noAfter::after {
  display: none;
}

.newsTitle {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 1;
  left: 8px;
  bottom: 8px;
}
  /* .newsTitle 間距 */
.newsTitle.l-100 {
  left: 100px;
}
.newsTitle.l-35 {
  left: 35px;
}
.newsTitle.l-10 {
  left: 10px;
}
.newsTitle.r-100 {
  right: 100px;
}
.newsTitle.r-50 {
  right: 50px;
}
.newsTitle.r-35 {
  right: 35px;
}
.newsTitle.r-10 {
  right: 10px;
}
.newsTitle.b-60 {
  bottom: 60px;
}
.newsTitle.b-50 {
  bottom: 50px;
}
.newsTitle.b-10 {
  bottom: 10px;
}
.newsTitle .storyList span {
  font-size: 12px;
  font-weight: var(--text_thin);
  letter-spacing: 1px;
  color: #fff;
  background-color: var(--text_focusColor);
  padding: 1px 10px;
  display: inline-block;
}
.newsTitle .title h2,
.newsTitle .title h3 {
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.newsTitle .title h2 {
  font-size: var(--text_fz30);
}
.newsTitle .title h3 {
  font-weight: var(--text_thin);
}
/* .newsTitleArea 新聞種類名稱時間 共用 E */

/* .newsListTit 新聞類別標題MORE 共用 S */
.newsListTit {
  margin-bottom: 20px;
  position: relative;
  display: flex;
  align-items: flex-end;
  margin-top: 30px;
  /* background-color: #fff; */
  /* justify-content: space-between; */
  /* padding: 0 20px 0 25px; */
  /* min-height: 30px; */
}
.newsListTit * {
  position: relative;
  line-height: 1;
}
/* .newsListTit::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #aaa;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
} */

.newsListTit.bgcLight {
  background-color: var(--bgc_light);
}

.newsListTit.noMore {
  padding: 0 0 0 25px;
}

.newsListTit>div {
  display: flex;
  height: 100%;
  min-height: 30px;
}

.newsListTit h2,
.newsListTit h1 {
  font-family: 'Noto Serif TC', serif;
  font-weight: bold;
  font-size: var(--text_fz36);
  letter-spacing: 1px;
  color: var(--text_focusColor);
  margin: 0;
  /* padding: 0 10px; */
  /* background-color: #fff; */
  margin-right: 20px;
  align-self: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.newsListTit.bgcLight h2 {
  background-color: var(--bgc_light);
}

.newsListTit small {
  font-size: 12px;
  color: var(--bgc-01);
}

.newsListTit a {
  font-family: 'Alexandria', sans-serif;
  font-weight: 200;
  font-size: 18px;
  color: #ae9881;
  /* padding: 0 10px;
  background-color: #fff; */
}
.newsListTit.bgcLight a {
  background-color: var(--bgc_light);
}
.newsListTit a[href]:hover {
  color: var(--text_hoverColor);
}
.newsListTit.noMore a {
  display: none;
}

  @media (min-width: 769px) {
    .newsListTit {
      margin-top: 60px;
    }
    .newsListTit.mt-0 {
      margin-top: 0;
    }
    .newsListTit.mt-20 {
      margin-top: 20px;
    }
  }
  @media (min-width: 1500px) {
    .newsListTit {
      margin-top: 80px;
    }
  }

  @media (max-width: 768px) {
    .newsListTit.noMore {
      padding: 0 20px 0 25px;
    }
    .newsListTit.noMore a {
      display: block;
    }
  }

/* .newsListTit 新聞類別標題MORE 共用 E */

/* aside 共用 S */
.asideCommercial {
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
}
.asideCommercial .slideCommercialOne source,
.asideCommercial .slideCommercialOne img {
  /* aspect-ratio: 315/250; */
  object-fit: cover;
  width: 100%;
}

.asideCommercial .slideCommercialOneajax img {
  /* aspect-ratio: 315/250; */
  object-fit: cover;
  width: 100%;
}

.asideArea {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.asideArea .card {
  background-color: var(--bgc_light);
  padding: 0 10px 20px 10px;
}
.asideArea .card:not(:last-of-type) {
  margin-bottom: 30px;
}
  @media (max-width: 768px) {
    .asideCommercial {
      padding: 0 15px;
    }
    .asideArea .card {
      padding: 0 15px 20px 15px;
    }
  }

.asideWeatherForecast .textLink {
  display: inline-block;
  color: #315df0;
  font-size: 14px;
  margin-top: 5px;
}
.asideWeatherForecast .textLink:hover {
  color: var(--text_hoverColor);
}
  @media (max-width: 480px) {
    .asideWeatherForecast .list {
      /* max-width: 310px; */
      margin: 0 auto;
    }
  }

.asideArea .newsTitleArea {
  line-height: 1.2;
}
/* aside 共用 E */

/* .flexLeftBig 在.flexLeftBig_right又有flex結構 共用 S */
.flexLeftBig {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
}
.flexLeftBig_left {
  width: 66.214%;
}
.flexLeftBig_right {
  width: calc(33.786% - 20px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: -10px 0;
}
.flexLeftBig_right>.list {
  padding: 10px 0;
}
.flexLeftBig_right>.list img {
  aspect-ratio: 450/277;
  object-fit: cover;
  width: 100%;
}
  @media (max-width: 768px) {
    .flexLeftBig_left,
    .flexLeftBig_right {
      width: 100%;
    }
    .flexLeftBig_right {
      flex-direction: row;
      margin: 10px 0 0;
      gap: 10px;
    }
    .flexLeftBig_right>.list {
      padding: 0;
      width: calc((100% - 10px) / 2);
    }
  }
/* .flexLeftBig 在.flexLeftBig_right又有flex結構 共用 E */

/* .slideShowOne 秀一則輪播 共用 S */
.slideShowOne .slick-arrow {
  top: auto;
  transform: initial;
  bottom: 8%;
}
.slideShowOne h3 {
  font-size: var(--text_fz24);
}
.slideShowOne source,
.slideShowOne img {
  aspect-ratio: 927/580;
  object-fit: cover;
  width: 100%;
}
.slideShowOne .newsTitleArea::after {
  height: 22%;
}
/* .slideShowOne 秀一則輪播 共用 E */

/* .slideShowOne 秀三則輪播 共用 S */
.slideShowThree.slick-slider .slick-arrow {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: var(--text_focusColor);
}
.slideShowThree .slick-arrow.slick-prev {
  left: 10px;
}
.slideShowThree .slick-arrow.slick-next {
  right: 10px;
}
.slideShowThree .slick-arrow i {
  font-size: 40px;
  padding: 0;
}

.slideShowThree .slick-slide {
  margin: 0 10px;
}
.slideShowThree h3 {
  font-size: 16px;
}
.slideShowThree source,
.slideShowThree img {
  aspect-ratio: 450/300;
  object-fit: cover;
  width: 100%;
}
/* .slideShowThree .newsTitle .title h3 {
  -webkit-line-clamp: 2;
} */
.slideShowThree .newsTitleArea::after {
  height: 22%;
}

.slideShowThree.slick-slider .slick-arrow:hover {
    background-color: var(--text_focusColor);
}
/* .slideShowThree.slick-slider:hover .slick-arrow.slick-prev {
  left: 10px;
}
.slideShowThree.slick-slider:hover .slick-arrow.slick-next {
  right: 10px;
} */
  @media (max-width:1200px) {
    /* .slideShowThree .newsTitle .title h3 {
      -webkit-line-clamp: 1;
    } */
    .slideShowThree .newsTitle .title h3 .textRows-02 {
      -webkit-line-clamp: 1 !important;
    }
  }
  @media (max-width:576px) {
    .slideShowThree .newsTitle .storyList {
      display: none;
    }
    .slideShowThree .slick-slide {
      margin: 0 5px;
    }
    .slideShowThree .slick-arrow.slick-prev {
      left: 5px;
    }
    .slideShowThree .slick-arrow.slick-next {
      right: 5px;
    }
    .slideShowThree source,
    .slideShowThree img {
      aspect-ratio: 200/150;
    }
  }
/* .slideShowOne 秀三則輪播 共用 E */

/* ----------------------------以上共用---------------------------- */

/* ------ header ------ */
.headerStyle02 {
  padding: 0;
  color: #000;
  font-size: var(--text_fz22);
  box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
.headerStyle02 .header_inner {
  display: block;
  height: 100%;
  position: relative;
  z-index: 2;
}

.headerStyle02 .header_inner .logo img {
  height: auto;
  max-height: 60px; /*240813前原80px*/
}

.headerTop {
  position: relative;
  padding: 5px 0 15px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--border_gray);
  align-items: flex-end;
}
@media (max-width: 768px) {
  .headerTop {
    padding: 15px 0;
  }
}
.headerTop .logo {
  /* align-self: flex-end; */
  display: flex;
  align-items: center;
}
.headerTop .logo h1 {
  /* margin-right: 1.5vw; */
  /* max-width: 262px; */
  max-width: 242px;
}

@media (min-width: 769px) {
  /* header 滾動後動作 */
  .headerStyle02.scroll .header_weather {
    display: none;
  }
  .headerStyle02.scroll .header_inner .logo img {
    height: 50px;
  }
  .headerStyle02.scroll .downMenu .downMenuInner {
    top: 126px;
  }
}

  /* .header_weather 天氣API */
.header_weather {
  font-size: var(--text_fz14);
  display: flex;
  align-items: center;
  min-height: 100px;
  max-height: 100px;
}
.header_weather img {
  height: auto !important;
}
.header_weather .wL {
  position: relative;
  /* width: 221px; */
  width: 316px;
  min-width: 316px;
}
.header_weather .wL a.box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.header_weather .wR {
  line-height: 1.35;
  padding: 5px 0 5px 10px;
  border-left: 1px solid #cbcbc5;
}
  /* 測試都改不了 .header_weather iframe裡面的 */
/* .header_weather span#openWeather {
  display: none;
}
.header_weather .currentWeather .w-icon {
  width: 50px !important;
  height: auto !important;
}
.header_weather .currentWeather {
  padding: 0 !important;
} */

  /* .menu_blk */
.headerStyle02 .header_inner .menu_blk {
  align-items: flex-end;
  border-left: none;
  padding-left: 0;
  z-index: auto;
}
.headerStyle02 .header_inner .menu_blk a {
  font-size: var(--text_fz18);
}
.headerStyle02 .header_inner .menu_blk a.active {
  color: var(--text_hoverColor);
}

.headerTop .menu_blk .list {
  margin-right: 1vw;
}
@media (min-width: 1500px) and (max-width: 1600px) {
  .headerTop .menu_blk .list {
    margin-right: 7px;
  }
}
.headerTop .menu_blk .border {
  border-right: solid 1px #000;
  padding-right: 10px;
  margin-right: 10px;
}
@media (min-width: 1500px) and (max-width: 1600px) {
  .headerTop .menu_blk .border {
    padding-right: 5px;
    margin-right: 5px;
  }
}
@media (min-width: 769px) and (max-width: 800px) {
  .headerTop .menu_blk .border {
    padding-right: 1px;
    margin-right: 1px;
  }
}
.headerStyle02 .header_inner .menu_blk .btn-list {
  margin-top: 0;
  margin-left: 10px;
}

nav {
  height: 55px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow-y: hidden;
  overflow-x: auto;
}
nav>.list {
  /* height: 100%; */
  flex-shrink: 0;
  padding-right: 12px;
}
nav>.list:last-of-type {
  padding-right: 0;
}

nav a {
  height: 100%;
  display: flex;
  align-items: center;
  transition: none;
}
nav a.pc i {
  margin-left: 5px;
  color: #808080;
}
nav a span {
  border-bottom: 2px solid transparent;
  transition: all .2s;
}
nav a:hover span {
  border-bottom: 2px solid var(--text_hoverColor);
  color: #000;
}
nav .list.active a span {
  border-bottom: 2px solid var(--text_hoverColor);
}
  /* nav 滾動條樣式 */
nav::-webkit-scrollbar {
  width: 12px;
  height: 3px;
  background-color: #F5F5F5;
}
nav::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  background-color: #bbb;
}
nav::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  border-radius: 10px;
  background-color: #F5F5F5;
}

  /* .downMenu 下選單 */
.downMenu {
  overflow: hidden;
}
.downMenu .downMenuInner {
  /* display: none; */
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 0;
  top: 174px;
  left: 0;
  background-color: var(--bgc_light);
  overflow-y: auto;
  transition: all .3s ease-in-out;
  border-bottom: 15px solid var(--bgc-01);
  pointer-events: none;
}

.downMenu:hover .downMenuInner, 
.downMenu:active .downMenuInner,
.downMenu:focus .downMenuInner {
  /* display: block; */
  opacity: 1;
  height: auto;
  max-height: calc(100vh - 173px);
  padding: 3.5% 0 3%;
  pointer-events: auto;
}

.downMenuInnerList .list {
  margin-bottom: 30px;

  display: flex;
}
.downMenuInnerList .list picture {
  width: 33.6%;
  margin-right: 20px;
}
.downMenuInnerList .list picture source,
.downMenuInnerList .list picture img {
  aspect-ratio: 150/100;
  object-fit: cover;
  width: 100%;
}

.downMenuInnerList .list .text {
  width: calc(66.4% - 20px);

  align-self: center;
}
.downMenuInnerList .list .text span {
  display: inline-block;
  font-size: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid var(--bgc-01);
}
.downMenuInnerList .list:hover .text span {
  border-bottom: 1px solid var(--text_hoverColor);
}


  /* .fullMenu 以下展開設定 */
  /* 展開按鈕 */
.mobile-menu-btn {
  height: auto;
  width: auto;
  display: flex;
}
.mobile-menu-btn .btn-list_after {
  display: none;
}

.headerStyle02 .header_inner .fullMenu {
  background-color: var(--bgc_light);
  z-index: 9;
}

.fullMenuArea {
  /* margin: 8.5% 0 4.25%; */
  margin-bottom: 4.25%;
}

  /* .searchBox 搜尋框共用 S */
.searchBox {
  width: 50%;
}
.searchBox form {
  width: 100%;
  height: 36px;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 15px;
}
.searchBox input {
  width: 93%;
  height: 100%;
  padding: 0 15px;
  background-color: transparent;
  border: 1px solid #b0b1b1;
  font-size: var(--text_fz18);
}
.searchBox button {
  font-size: 28px;
  color: var(--text_focusColor);
  background-color: transparent;
  cursor: pointer;
}
  /* .searchBox 搜尋框共用 E */

.fullMenuNav {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.fullMenuNav .list {
  width: 33.33%;
  margin-top: 60px;
  padding: 0 15px;
}

.fullMenuArea p {
  font-size: 20px;
  border-bottom: 1px solid var(--text_focusColor);
  padding-bottom: 5px;
  margin-bottom: 0;
}
.fullMenuNav .item {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.fullMenuNav .item a {
  width: 50%;
  margin-top: 15px;
  font-size: var(--text_fz18);
  padding: 0 10px;
}
.fullMenuNav .item a.dots {
  padding-left: 2em;
}
.fullMenuNav .item a.dots::before {
  left: 0.7em;
}

.fullMenuNav .list.quickClassification {
  width: 66.67%;
}
.fullMenuNav .list.quickClassification .item a {
  width: 16.66%;
}
  @media (min-width:769px) {
    /* .btn-list */
    .btn-list {
      z-index: 0;
    }
    .btnCloseBox {
      margin: 30px 0 50px;
      text-align: right;
    }
    .btnCloseBox .btnClose {
      cursor: pointer;
      background: transparent;
      border: none;
    }
  }
  @media (max-width:1024px) {
    .fullMenuNav .list.goodLink {
      order: 1;
    }
    .fullMenuNav .list.quickClassification {
      width: 100%;
    }
    .fullMenuNav .list {
      width: 50%;
      margin-top: 40px;
    }
  }
  @media (max-width:768px) {
    .headerStyle02 .header_inner .fullMenu {
      top: 113px;
    }
    .open_menu .headerStyle02 .header_inner .fullMenu {
      height: calc(100% - 113px);
    }
    /* .btn-list */
    .mobile-menu-btn.active .btn-list_before {
      display: none;
    }
    .mobile-menu-btn.active .btn-list_after {
      display: block;
      width: 26px;
      height: 21px;
    }
    .btnCloseBox {
      display: none;
    }

    .fullMenuArea {
      margin: 20px 0 40px;
    }
    .fullMenuNav .list, .searchBox {
      width: 100%;
    }
    .fullMenuNav .list.quickClassification .item a {
      width: 25%;
    }
  }
  @media (max-width:576px) {
    .fullMenuNav .list.quickClassification .item a {
      width: 50%;
    }
  }


/* ------ footer ------ */
footer {
  background-color: #eeefee;
  line-height: 1.8;
}

.footerTop {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 55px 0 60px;
}
.footerTop>div {
  width: 33.33%;
}
@media (min-width: 1025px) {
  .ftLogo .Logo {
    max-width: 190px;
    text-align: center;
  }
}
.ftLogo .Logo a {
  display: inline-block;
}
.ftLogo .Logo img {
  max-width: 200px;
  max-height: 80px;
}
.ftSocial {
  display: flex;
  margin-top: 30px;
}
.ftSocial li:not(:last-of-type) {
  margin-right: 17px;
}
.ftSocial li a img {
  transition: all .3s;
  width: 35px;
  height: 35px;
}
.ftSocial li a:hover img {
  transform: scale(1.08);
}

.ftInfo span {
  font-family: 'Noto Serif TC', serif;
  border-bottom: 1px solid var(--text_focusColor);
  font-size: 22px;
  padding-bottom: 4px;
  line-height: 1;
}
.ftInfo ul {
  margin-top: 23px;
}
.ftInfo ul li i {
  width: 16px;
  margin-right: 7px;
}

.ftSubscription {
  font-weight: 300;
}
.ftSubscription .link {
  display: flex;
  margin-bottom: 30px;
}
.ftSubscription .link>a {
  width: 100%;
  max-width: 125px;
  height: 90px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.ftSubscription .link>a span {
  font-size: 18px;
  color: #fff;
  padding-top: 3px;
}
.ftSubscription .link .subscription {
  background-color: #999999;
  margin-right: 10px;
}
.ftSubscription .link .subscription img {
  width: 23px;
  height: 27px;
}
.ftSubscription .link .donation {
  background-color: #de5e5e;
  margin-right: 10px;
}
.ftSubscription .link .donation img {
  width: 30px;
  height: 27px;
}
.ftSubscription .link .support {
  background-color: #999999;
}
.ftSubscription .link .support img {
  width: 23px;
  height: 23px;
}
.ftSubscription .link>a:hover {
  opacity: 0.8;
}

.ftSubscription form {
  width: 100%;
  max-width: 395px;
  display: flex;
}
.ftSubscription form input {
  border: 1px solid var(--text_focusColor);
  height: 40px;
}
.ftSubscription form input[type="email"] {
  width: 100%;
  max-width: calc(100% - 120px);
  padding: 0 7px;
}
.ftSubscription form input[type="submit"] {
  background-color: var(--text_focusColor);
  width: 100%;
  max-width: 120px;
  padding: 0 10px;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
.ftSubscription form input[type="submit"]:hover {
  opacity: 0.8;
}

.footerBottom {
  font-size: 12px;
  color: #666666;
  background-color: #b5b5b5;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  column-gap: 50px;
}
.footerBottom>div a:not(:last-of-type) {
  border-right: 1px solid #666666;
  padding-right: 5px;
  margin-right: 3px;
}

.ftInfo ul li, .footerBottom {
  font-weight: 300;
}


/* ------ .fixedTool 頁面側邊浮動icon ------ */
.fixedTool {
  position: fixed;
  top: 61.5%;
  transform: translateY(-50%);
  right: 1.6%;
  display: block;
  z-index: 8;
  transition: all .2s ease-in-out;
} 
.fixedTool a {
  display: block;
  margin: 0 auto 10px;
}

.fixedTool a.go_top {
  cursor: pointer;
}
.fixedTool a.go_top img {
  width: 7px;
  height: 32px;
  margin: 0 auto;
  position: relative;
  transition: all .3s;
  animation: go_top .8s infinite alternate;
}
@keyframes go_top {	
  /* 0% {top: 0;}	
  100% { top: -10px;}		 */
  0% {transform: translateY(0);}	
  100% {transform: translateY(-10px);}		
}

.fixedTool a.vertical {
  font-size: 12px;
  writing-mode: vertical-lr;
}
.fixedTool a.vertical span {
  color: var(--bgc-01);
}

.fixedTool a.icon img {
  transition: all .3s;
}
.fixedTool a.icon:hover img {
  transform: scale(1.1);
}
  @media (max-width:768px) {
    .fixedTool {
      transform: none;
      top: auto;
      bottom: 6%;
    }
    .fixedTool a {
      display: none;
    }
    .fixedTool a.go_top,
    .fixedTool a.icon_support,
    .fixedTool a.subscription {
      display: block;
    }
  }


/* ------ .breadcrumb 麵包屑 ------ */
.breadcrumb {
  padding: 15px 0 0;
}
.breadcrumb a {
  font-size: 12px;
}
.breadcrumb li+li:before {
  color: #999;
}


/* ------ .pageNum 頁次 ------ */
.pageNum {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
  @media (max-width: 768px) {
    .pageNum {
      margin-bottom: 70px;
    }
  }
.pageNum a {
  cursor: pointer;
}
.pageNum .btn {
  font-size: 18px;
  font-weight: bold;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  color: #fff;
  background-color: var(--text_focusColor);
}
.pageNum .btn.prev {
  margin-right: 15px;
}
.pageNum .btn.next {
  margin-left: 15px;
}

.pageNum .btn.disabled {
  background-color: #b4b5b5 !important;
  cursor: auto;
}
.pageNum .btn.disabled * {
  color: #fff;
}
.pageNum .btn.disabled::after {
  background: transparent;
}

.pageNum .btn:hover {
  opacity: 0.7;
}
.pageNum .btn.disabled:hover {
  opacity: 1;
}


.pageNum .btn i {
  font-size: 22px;
}
.pageNum .btn.prev i {
  margin-left: -2px;
}
.pageNum .btn.next i {
  margin-right: -2px;
}

.pageNum ul {
  height: 30px;
  border-radius: 50px;
  border: 1px solid #b4b5b5;
  padding: 0 30px;
}
.pageNum ul li {
  display: inline-block;
  font-weight: bold;
}
.pageNum ul li:not(:last-child) {
  margin-right: 15px;
}
.pageNum ul li a {
  margin: 2px 0 0;
  display: block;
}
.pageNum ul li a.active {
  border-bottom: 2px solid var(--text_focusColor);
}
  @media (max-width: 576px) {
    /* .pageNum ul li:nth-of-type(4),
    .pageNum ul li:nth-of-type(5) {
      display: none;
    } */
    .pageNum ul {
      padding: 0 20px;
      flex-grow: 1;
    }
    .pageNum ul li:not(:last-child) {
      margin-right: 10px;
    }
  }

.pageNum form {
  display: flex;
  column-gap: 5px;
  margin-left: 15px;
}
.pageNum input {
  width: 50px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #bbb;
  border-radius: 3px;
  padding: 0 10px;
}
.pageNum .btn-02 button {
  font-size: 16px;
  width: auto;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border-radius: 3px;
}
  @media (max-width: 480px) {
    .pageNum {
      flex-wrap: wrap;
    }
    .pageNum form {
      width: 100%;
      margin-left: 0;
      margin-top: 15px;
      justify-content: center;
    }
  }



/* ------ index ------ */
.index .asideLeft, .index aside {
  margin-top: 0;
}

.bannerPLR {
  padding: 0 5.3%;
}

  /* .marqueeRow 跑馬燈 */
.marqueeRow {
  background-color: var(--bgc_light);
  height: 43px;
  width: 100%;
}
.marqueeTitle {
  height: 100%;
  float: left;
  position: relative;
  background-color: #E26000;
  font-size: var(--text_fz22);
  font-weight: 300;
  color: #fff;
  display: flex;
  align-items: center;
  letter-spacing: 5px;
  padding: 0 15px 0 35px;
  margin-right: 30px;
}
.marqueeTitle::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 43px solid transparent;
  border-left: 20px solid #E26000;
  transform: translateX(98%);
}

.marqueeArea {
  height: 100%;
  display: flex;
  align-items: center;
}
.marqueeArea a {
  display: block;
}
.marqueeArea h3 {
  font-size: var(--text_fz22);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

  /* .indexBannerArea */
.indexBannerArea {
  padding-top: 50px;
  padding-bottom: 10px;
  background-color: #efefef;
}

  /* .indexBanner */
.indexBanner .newsTitleArea {
  line-height: 1.6;
}

.indexBanner .newsTitle .title h2 {
  line-height: 1.2;
  margin: 5px 0;
}

  /* .bgi 使用背景圖共用 */
.bgi {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 50%;
  width: 100%;
}
.indexBanner .bgi {
  /* height: 958px; */
  /* height: 100vh; */
  height: 60vh;
}
@media (max-width: 1024px) {
  .indexBanner .bgi {
    height: 515px;
  }
}
@media (max-width: 650px) {
  .indexBanner .bgi {
    height: 415px;
  }
}
@media (max-width: 480px) {
  .indexBanner .bgi {
    height: 300px;
  }
}

/* .indexBanner .newsTitleArea picture source,
.indexBanner .newsTitleArea picture img {
  aspect-ratio: 1720/968;
  object-fit: cover;
  width: 100%;
} */
.indexBanner .newsTitleArea::after {
  /* height: 20%; */
  height: 23%;
}
  /* @media (max-width:768px) {
    .indexBanner .newsTitleArea picture source,
    .indexBanner .newsTitleArea picture img {
      aspect-ratio: 768/512;
    }
  } */

    /* .indexBanner .slick-dots */
.indexBanner .slick-dots {
  position: absolute;
  left: 50%;
  bottom: 3%;
  transform: translateX(-50%);
}
.indexBanner.slick-slider .slick-dots li button {
  width: 35px;
  height: 5px;
  border-radius: 0;
  background: #d9d9d9;
  border-color: #d9d9d9;
  cursor: pointer;
}
.indexBanner.slick-slider .slick-dots li button:after {
  border-radius: 0;
  background: #d9d9d9;
}
.indexBanner.slick-slider .slick-dots li.slick-active button {
  border-color: var(--text_focusColor);
}
.indexBanner.slick-slider .slick-dots li.slick-active button:after {
  background: var(--text_focusColor);
}
    /* .indexBanner .slick-arrow */
.indexBanner .slick-arrow {
  top: auto;
  transform: initial;
  bottom: 8%;
}
.indexBanner .slick-arrow i {
  font-size: 56px;
  padding: 0 20px;
}

  /* .indexNewsCategory */
.indexNewsCategory {
  display: flex;
  flex-wrap: wrap;
  margin: 20px -10px 0 -10px;
}

.indexNewsCategory .list {
  padding: 0 10px;
  width: 16.66%;
  margin-bottom: 20px;
}
.indexNewsCategory .list .item {
  position: relative;
  display: block;
  color: #666666;
  font-size: 26px;
  height: 86px;
  background-color: #E5DBD1;
  border-radius: 5px;
  box-shadow: 3px 4px 10px rgb(0 0 0 / 30%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.indexNewsCategory .list .item.bg_gray {
  background-color: #DDDDDD;
}

.indexNewsCategory .list .item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background-color: rgba(0,0,0,.1);
  border-radius: 5px;
  opacity: 0;
  transition: all .4s;
}
.indexNewsCategory .list .item:hover::after {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.indexNewsCategory .list .item span {
  display: block;
  width: 96%;
  height: 72px;
  line-height: 72px;
  border-radius: 5px;
  background: linear-gradient(transparent 0%, rgba(225,225,227,.2) 54%, rgba(225,225,227,.5) 100%);
  box-shadow: 0px 2px 3px rgb(170 170 170 / 30%);
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}


  /* .commercial_horizontal_small 小版水平廣告 - 共用 */
.commercial_horizontal_small {
  max-width: 728px;
  margin-left: auto;
  margin-right: auto;

  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.commercial_horizontal_small a {
  display: inline-block;
}
.commercial_horizontal_small source,
.commercial_horizontal_small img {
  /* aspect-ratio: 728/90; */
  object-fit: cover;
  width: 100%;
}

.indexContainerRow .commercial_horizontal_small {
  margin-bottom: 0;
}

.newsDetailContainerRow .commercial_horizontal_small {
  margin-top: 0;
}
@media (min-width: 769px) {
  .commercial_horizontal_small {
    margin-top: 0;
    margin-bottom: 70px;
  }
  .commercial_horizontal_small.mt-70 {
    margin-top: 70px;
  }
  .commercial_horizontal_small.mt-0 {
    margin-top: 0px;
  }
  .commercial_horizontal_small.mb-70 {
    margin-bottom: 70px;
  }
  .commercial_horizontal_small.mb-0 {
    margin-bottom: 0;
  }

  .indexContainerRow .commercial_horizontal_smallBox .commercial_horizontal_small {
    margin-top: 70px;
    margin-bottom: 30px; /*add*/
  }
  .indexContainerRow .commercial_horizontal_smallBox02 .commercial_horizontal_small {
    margin-bottom: 70px;
  }
}
.mb-30 {
  margin-bottom: 30px;
}


  /* .instantNews 即時新聞 */
.instantNews .slideShowOne .bgi {
  height: 438px;
}
@media (max-width: 1300px) {
  .instantNews .slideShowOne .bgi {
    height: 335px;
  }
}
@media (max-width: 1024px) {
  .instantNews .slideShowOne .bgi {
    height: 397px;
  }
}
@media (min-width: 769px) and (max-width: 850px) {
  .instantNews .slideShowOne .bgi {
    height: 298px;
  }
}
@media (max-width: 480px) {
  .instantNews .slideShowOne .bgi {
    height: 253px;
  }
}

/* .instantNews .slideShowOne source,
.instantNews .slideShowOne img {
  aspect-ratio: 700/438;
  object-fit: cover;
  width: 100%;
}
  @media (max-width:768px) {
    .instantNews .slideShowOne source,
    .instantNews .slideShowOne img {
      aspect-ratio: 768/432;
    }
  } */

.instantNews .flexLeftBig_left {
  width: 66.35%;
}
.instantNews .flexLeftBig_right {
  width: calc(33.65% - 20px);
  margin: -10px 0;
}
.instantNews .flexLeftBig_right>.list {
  padding: 10px 0;
}

.instantNews .flexLeftBig_right .bgi {
  height: 207px;
}
@media (max-width: 1300px) {
  .instantNews .flexLeftBig_right .bgi {
    height: 155px;
  }
}
@media (max-width: 1024px) {
  .instantNews .flexLeftBig_left,
  .instantNews .flexLeftBig_right {
    width: 100%;
  }
  .instantNews .flexLeftBig_right {
    flex-direction: row;
    margin: 10px 0 0;
    gap: 10px;
  }
  .instantNews .flexLeftBig_right>.list {
    padding: 0;
    width: calc((100% - 10px) /2);
  }
  .instantNews .flexLeftBig_right .bgi {
    height: 193px;
  }
}
@media (min-width: 769px) and (max-width: 850px) {
  .instantNews .flexLeftBig_right .bgi {
    height: 145px;
  }
}
@media (max-width: 480px) {
  .instantNews .flexLeftBig_right .bgi {
    height: 135px;
  }
}
/* .instantNews .flexLeftBig_right>.list source,
.instantNews .flexLeftBig_right>.list img {
  aspect-ratio: 340/210;
  object-fit: cover;
  width: 100%;
} */

  /* .hotNews 熱門新聞 */
.keywordsArea {
  /* max-height: 5.2em; */
  max-height: 5em;
  overflow: hidden;
}
.keywordsArea .btn {
  border: 1px solid #aaa;
  color: #aaa;
  background-color: #fff;
  display: inline-block;
  padding: 4px 13px;
  margin: 0 10px 10px 0;
  transition: all .5s;
  cursor: pointer;
}
.keywordsArea .btn:hover {
  border: 1px solid var(--text_hoverColor);
  background-color: var(--text_hoverColor);
  color: #fff;
}

.hotNews .list {
  margin-top: 30px;
}

.hotNews img,
.hotNews source {
  aspect-ratio: 331/221;
  object-fit: cover;
  width: 100%;
}
.hotNews .newsTitleArea::after {
  display: none;
}

.hotNews .item {
  display: block;
  border-bottom: 1px solid var(--border_gray);
  padding-bottom: 10px;
  margin-top: 15px;
  min-height: 74px;
}
.hotNews .item h3 span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
  @media (max-width:576px) {
    .hotNews .item {
      min-height: auto;
    }
    .hotNews .item h3 span {
      -webkit-line-clamp: 1;
    }
  }

  /* .videoSlide 影音專區 */
.videoSlide {
  display: flex;
  margin: 0 -5px;
}
.videoSlideOne {
  width: 75.45%;
  padding: 0 5px;
}
.videoSlideContent {
  width: 24.55%;
  padding: 0 5px;
}

.videoSlideOne .list {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.videoSlideOne .list iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoSlideContent .slick-list {
  margin: -5px 0;
}
.videoSlideContent .list {
  cursor: pointer;
  padding: 5px 0;
}
.videoSlideContent .list source,
.videoSlideContent .list img {
  aspect-ratio: 265/149;
  object-fit: cover;
  width: 100%;
}

    /* .videoSlide 箭頭 */
.videoSlide .slick-slider .slick-arrow.slick-prev {
  top: 1px;
  left: 50%;
  transform: translateX(-50%);
}
.videoSlide .slick-slider .slick-arrow.slick-next {
  top: auto;
  bottom: 1px;
  right: 50%;
  transform: translateX(50%);
}

.videoSlide .slick-slider .slick-arrow i {
  font-size: 56px;
  padding: 0 22px;
  height: 38px;
  display: flex;
  align-items: center;
  background: linear-gradient(transparent 0%, rgba(0,0,0,.5) 25.63%, black 100%);
}
.videoSlide .slick-slider .slick-arrow i.fa-angle-up {
  background: linear-gradient(to top, transparent 0%, rgba(0,0,0,.5) 75%, black 100%);
}

.videoSlide .slick-disabled {
  color: #aaa;
}

  /* .asideMaster 側邊欄星雲大師 */
.asideMaster .newsTitleArea picture source,
.asideMaster .newsTitleArea picture img {
  aspect-ratio: 300/200;
  object-fit: cover;
  width: 100%;
}

.asideMaster .item {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.asideMaster .item>picture {
  width: 19%;
}
.asideMaster .item>picture source,
.asideMaster .item>picture img {
  aspect-ratio: 53/53;
  object-fit: cover;
  width: 100%;
}
.asideMaster .item>h3 {
  width: 79%;
  height: fit-content;
}
  @media (max-width:768px) {
    .asideMaster .item>picture {
      width: 49%;
    }
    .asideMaster .item>picture source,
    .asideMaster .item>picture img {
      aspect-ratio: 187/137;
      width: 100%;
    }
    .asideMaster .item>h3 {
      width: 49%;
      align-self: center;
    }
  }

  /* .asideEpaper 側邊欄電子報 */
.asideEpaper picture source,
.asideEpaper picture img {
  /* aspect-ratio: 768/1035; */
  object-fit: cover;
  width: 100%;
}

  /* .asideSubEpaper 側邊欄訂閱電子報 */
.asideSubEpaper form {
  font-weight: 300;
}
.asideSubEpaper [type="email"] {
  width: 100%;
  padding: 0 1.2em;
  border: 1px solid var(--text_focusColor);
  height: 41px;
  line-height: 41px;
}
.asideSubEpaper .btnBox {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
.asideSubEpaper .btnBox input {
  width: 48%;
  color: #fff;
  height: 38px;
  line-height: 38px;
  background-color: var(--text_focusColor);
  cursor: pointer;
}
.asideSubEpaper .btnBox input.CancelBtn {
  background-color: #b0b1b1;
}
.asideSubEpaper .btnBox input:hover {
  opacity: 0.7;
}

  /* .asideFeverRanking 側邊欄發燒排行 */
.asideFeverRanking picture source,
.asideFeverRanking picture img {
  aspect-ratio: 295/197;
  width: 100%;
  object-fit: cover;
}

.asideFeverRanking .title {
  display: flex;
  justify-content: space-between;
}
.asideFeverRanking .title>span {
  color: #fff;
  background-color: #ae9881;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  text-align: center;
}
.asideFeverRanking .title h3 {
  width: calc(100% - 46px);
}

.asideFeverRanking .newsTitleArea .title>span {
  background-color: var(--text_focusColor);
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 36px;
}
.asideFeverRanking .newsTitleArea .title h3 {
  width: calc(100% - 65px);
  align-self: center;
}

.asideFeverRanking a.title {
  margin-top: 20px;
}

  /* .vegetarianMap 蔬食地圖 */
.vegetarianMapBG {
  background: url(../img/index/vegetarianMap_bg.webp) no-repeat 60% center/cover ;
}
.vegetarianMap {
  max-width: 1150px;
  margin-left: auto;
  padding: 15.5% 0 8.5%;
  overflow: hidden;
}

.vegetarianMap .newsListTit {
  background-color: transparent;
  margin-left: 90px;
}

.vegetarianMapSlide {
  margin-left: 40px;
}
.vegetarianMapSlide .slick-list {
  padding: 30px 13.5% 10px 0;
  margin-left: 50px;
}
.vegetarianMapSlide .list {
  cursor: pointer;
  display: block;
  padding: 12px;
  background-color: #fff;
  border-bottom: solid 4px var(--text_focusColor);
  margin: 0 6px;
  box-shadow: 0 2px 7px rgb(0 0 0 / 20%);
}
.vegetarianMapSlide source,
.vegetarianMapSlide img {
  aspect-ratio: 270/270;
  object-fit: cover;
  width: 100%;
}
.vegetarianMapSlide p {
  margin-top: 12px;
  margin-bottom: 0;
}

.vegetarianMapSlide.slick-slider .slick-arrow i {
  font-size: 42px;
  padding: 0 12px;
  height: 40px;
  display: flex;
  align-items: center;
  background: var(--text_focusColor);
}
  @media (max-width:768px) {
    /* 改變順序 */
    .indexContainerRow .commercial_horizontal_smallBox {
      order: -3;
    }
    .indexContainerRow .asideLeft {
      order: -2;
    }
    .indexContainerRow aside {
      order: 0;
    }
    .indexContainerRow .vegetarianMapBG {
      order: -1;
      background: none;
    }
    .indexContainerRow aside .asideSubEpaper {
      order: 1;
    }

    .vegetarianMap {
      padding: 0;
    }
    .vegetarianMap .newsListTit {
      margin-left: 15px;
      margin-right: 15px;
    }
    .vegetarianMap .newsListTit h2, .vegetarianMap .newsListTit a {
      background-color: #fff;
    }
    .vegetarianMapArea {
      background: url(../img/index/vegetarianMap_bg_mb.jpg) no-repeat center /cover;
    }
    .vegetarianMapSlide {
      margin-left: 15px;
    }
    .vegetarianMapSlide .slick-list {
      padding: 25px 13.5% 25px 0;
    }
  }

  /* .indexSec_03
  .indexSec_03結構 ->1201px以上、577px-1200px、576以下 */
.indexSec_03 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 50px 0 70px;
}
.indexSec_03 .inner {
  border-top: solid 1px var(--border_gray);
}
.indexSec_03 .inner.noBT {
  border-top: none;
}
@media (min-width: 651px) {
  /* 只有在平板以上前兩個不要有上框線 */
  .indexSec_03 > section:nth-child(-n+2) .top .inner {
    border-top: none;
  }
}

.ad.adHorizontal {
  display: none;
}

.indexSec_03 h3 {
  margin-bottom: 5px;
}

.indexSec_03 .top picture source,
.indexSec_03 .top picture img {
  aspect-ratio: 425/285;
  object-fit: cover;
  width: 100%;
}
.indexSec_03 .top .text {
  padding: 30px 0;
}

.indexSec_03 .bottom .inner {
  padding-top: 20px;
  padding-bottom: 20px;
}
.indexSec_03 .bottom picture {
  float: left;
  width: 37.6%;
}
.indexSec_03 .bottom picture source,
.indexSec_03 .bottom picture img {
  aspect-ratio: 160/107;
  object-fit: cover;
  width: 100%;
}
.indexSec_03 .bottom .text {
  float: right;
  width: 57.6%;
}
.indexSec_03 .bottom .text h3 {
  min-height: 2.7em;
}
.indexSec_03 .commercial .slideCommercialOne source,
.indexSec_03 .commercial .slideCommercialOne img {
  /* aspect-ratio: 415/850; */
  object-fit: cover;
  width: 100%;
  /* max-height: 830px; */
}
  @media screen and (min-width: 651px) and (max-width: 1200px) {
    /* .indexSec_03 ->1201px以上、651px-1200px、650以下 */
    /* 621 - 61 = 560 / 2 = 280px
    280px / 621 *100 = 45.08856% */
    .indexSec_03>section:nth-of-type(odd) {
      width: calc(45.08856% + 30px);
    }
    .indexSec_03>section:nth-of-type(even) {
      width: calc(45.08856% + 31px);
      border-right: solid 1px var(--border_gray);
    }
    .indexSec_03>section:nth-of-type(even) .inner,
    .indexSec_03>section.one .inner {
      padding-right: 30px;
    }
    .indexSec_03>section:nth-of-type(odd) .inner,
    .indexSec_03>section.two .inner {
      padding-left: 30px;
    }

    .indexSec_03>section:nth-of-type(1) {
      width: calc(45.08856% + 31px);
      border-right: solid 1px var(--border_gray);
    }
    .indexSec_03>section:nth-of-type(2) {
      border-right: none;
      width: calc(45.08856% + 30px);
    }
    .indexSec_03>section:nth-of-type(1) .inner {
      padding-right: 30px;
      padding-left: 0;
    }
    .indexSec_03>section:nth-of-type(2) .inner {
      padding-left: 30px;
      padding-right: 0;
    }

    .indexSec_03 .newsListTit.mt-0 {
      margin-top: 30px;
    }
    /* 廣告隱藏 */
    .indexSec_03 .commercial {
      display: none;
    }
  }
  @media screen and (min-width: 1201px) {
    /* .indexSec_03 ->1201px以上、577px-1200px、576以下
    1200px -> 1036.78px 
    1036.78 - 120 - 2 = 914.78 / 3 = 304.926666px
    304.926666px / 1036.78 *100 = 29.41093%
    */
    /* 但是1182px就掉版 */
    .indexSec_03>section {
      width: calc(29.41093% + 30px);
    }
    .indexSec_03>section.mid {
      width: calc(29.41093% + 62px);
      border-left: solid 1px var(--border_gray);
      border-right: solid 1px var(--border_gray);
    }
    .indexSec_03 .inner {
      padding: 0 30px;
    }
    .indexSec_03 .left .inner {
      padding-left: 0;
    }
    .indexSec_03 .right .inner {
      padding-right: 0;
    }
    .indexSec_03>section:not(:nth-of-type(-n+3)) .top .inner {
      padding-top: 40px;
    }
    .indexSec_03>section:not(:nth-last-of-type(-n+3)) {
      padding-bottom: 20px;
    }
  }
  @media (max-width:650px) {
    .indexSec_03 .commercial {
      order: 1;
      border-bottom: none;
      margin-top: 20px;
      padding-bottom: 0;
      text-align: center;
    }
    .indexSec_03 .commercial img {
      margin: 0 auto;
    }
    .indexSec_03 {
      margin: 0 0 20px;
    }
    .indexSec_03>section {
      border-bottom: solid 1px var(--border_gray);
      padding-bottom: 20px;
      width: 100%;
    }
    .indexSec_03 .top .text {
      padding: 10px 0 0;
    }
    .indexSec_03 .inner {
      border-top: none;
    }
    .indexSec_03 .bottom .inner {
      padding-bottom: 0;
    }
    .indexSec_03 h3 {
      margin-bottom: 0;
    }
    .indexSec_03 .bottom .text h3 {
      min-height: auto;
    }
  }


/* ------ .pageBanner 內頁banner ------ */
.pageBanner {
  height: 300px;
  line-height: initial;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  
}
.pageBanner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.45;
}

.pageBannerTxt {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  z-index: 1;
}
.pageBannerTxt h1 {
  font-size: var(--text_fz36);
  font-weight: 300;
  letter-spacing: 2px;
  color: #fff;
  position: relative;
  padding: 0 5px 3px;
  line-height: 1.2;
}
.pageBannerTxt h1::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.65em;
  width: 100%;
  background-color: var(--text_focusColor);
  z-index: -1;
}
.pageBannerTxt span {
  font-size: var(--text_fz14);
}
  @media (max-width: 768px) {
    .pageBanner {
      height: 200px;
    }
  }

/* ------ .pageListBtnBox 內頁類別上選單 ------ */
.pageListBtnBox {
  background-color: var(--bgc_light);
  border-bottom: 3px solid var(--bgc-01);
  height: 50px;
  line-height: 50px;
}
.pageListBtnSlide {
  padding: 0 5.3%;
}
.pageListBtnSlide .slick-track {
  margin: 0 auto;
  width: max-content !important;
}

.pageListBtnSlide .slick-slide {
  padding: 0 2.1vw;
}
.pageListBtnSlide .slick-slide:first-of-type {
  padding-left: 0;
}
.pageListBtnSlide .slick-slide:last-of-type {
  padding-right: 0;
}
.pageListBtnSlide .slick-slide.active {
  color: var(--text_hoverColor);
}

.pageListBtnSlide a {
  font-size: var(--text_fz20);
}
.pageListBtnSlide a h2 {
  font-size: inherit;
  font-family: inherit;
}

.pageListBtnSlide.slick-slider .slick-arrow {
  color: var(--bgc-01);
}
.pageListBtnSlide.slick-slider .slick-arrow i {
  font-size: 46px;
  font-weight: bold;
}
  @media (max-width: 768px) {
    .pageListBtnSlide {
      padding: 0 40px;
    }
    .pageListBtnSlide .slick-slide {
      padding: 0 15px;
    }
  }


/* ------ second_index 次首頁 ------ */
  /* .second_indexLatestNews 最新消息 */
.second_indexLatestNews {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.857%;
}
.second_indexLatestNews .left {
  position: relative;
  width: 43.42%;
}
.second_indexLatestNews .right {
  width: 53.723%;
}

.second_indexLatestNews .left picture {
  position: relative;
  width: 100%;
  height: 100%;
} 
.second_indexLatestNews .left picture source,
.second_indexLatestNews .left picture img {
  aspect-ratio: 608/604;
  object-fit: cover;
  width: 100%;
}
  @media (min-width:577px) {
    .second_indexLatestNews .left picture source,
    .second_indexLatestNews .left picture img {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
    }
  }
.second_indexLatestNews .left picture::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(35,24,21,.4);
}
.second_indexLatestNews .imgInner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%,-50%);
  color: #fff;
  text-align: center;
  z-index: 1;
}
.second_indexLatestNews .imgInner h3 {
  font-family: 'Noto Serif TC', serif;
  font-size: var(--text_fz26);
  font-weight: var(--text_thin);
  padding: 10px 0 5px;
  display: inline-block;
  border-bottom: solid 1px var(--text_focusColor);
  margin: 0 10px 0;
}
.second_indexLatestNews .imgInner span.videoNews::before {
  top: 50%;
}
  @media (max-width: 576px) {
    .second_indexLatestNews .left {
      width: 100%;
    }
    .second_indexLatestNews .right {
      width: 100%;
      margin-top: 20px;
    }
  }

  /* .second_indexLatestNews02 最新消息 */
.second_indexLatestNews02 + .second_indexLatestNews02 {
  margin: 70px 0 50px;
}

.second_indexLatestNews02 {
  column-gap: 4.93%;
}
.second_indexLatestNews02 .left {
    width: 41.785%;
}
.second_indexLatestNews02 .right {
    width: 53.285%;
}

.second_indexLatestNews02 .left picture::after {
  display: none;
}

.second_indexLatestNews02 .newsTitleArea::after {
  height: 22%;
}
.second_indexLatestNews02 .left picture source, .second_indexLatestNews02 .left picture img {
    aspect-ratio: 585/390;
}
.second_indexLatestNews02 .newsTitle .storyList span {
  font-size: 16px;
}
.second_indexLatestNews02 .newsTitle .title h3 {
  font-size: 20px;
  margin-top: 5px;
}

.second_indexLatestNews02 .right p {
  height: 4.8em;
}
  @media (max-width: 1499px) {
    .second_indexLatestNews02 .newsTitle .storyList span {
      font-size: 12px;
    }
    .second_indexLatestNews02 .newsTitle .title h3 {
      font-size: 18px;
    }
  }
  @media (max-width: 767px) {
    .second_indexLatestNews02 .right p {
      height: 3.2em;
    }
  }
  @media (max-width: 576px) {
    .second_indexLatestNews02 + .second_indexLatestNews02 {
      margin: 30px 0 30px;
    }
    .second_indexLatestNews02 .left {
        width: 100%;
        order: 1;
    }
    .second_indexLatestNews02 .right {
        width: 100%;
        order: 2;
    }
  }

  /* .second_indexToday 今日推薦 */
.second_indexToday [class*="col"] {
  margin-bottom: 40px;
}

.second_indexToday .list {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.second_indexToday picture source,
.second_indexToday picture img {
  aspect-ratio: 450/300;
  object-fit: cover;
  width: 100%;
}

.second_indexToday .bottom {
  padding: 15px 5%;
  background-color: var(--bgc_light);
  border-bottom: 3px solid var(--bgc-01);
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.second_indexToday .bottom.gray {
  background-color: var(--bgc-03);
  border-bottom: 3px solid #b5b6b6;
}

.second_indexToday .bottom h3 {
  margin-top: 5px;
  flex-grow: 1;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.second_indexToday .btn-01 {
  margin: 10px 0 60px;
}
  @media (max-width: 767px) {
    .second_indexToday .row {
      margin: 0 -5px;
    }
    .second_indexToday [class*="col"] {
      margin-bottom: 10px;
      padding: 0 5px;
    }
    .second_indexToday .btn-01 {
      margin: 20px 0 30px;
    }
  }

  /* .second_indexBgc 淺色背景顏色 */
.second_indexBgc {
  background-color: var(--bgc_light);
}
.second_indexBgc_gray {
  background-color: var(--bgc-03);
}

  /* .second_indexBigArea 次首頁大版面 */
.second_indexBigArea {
  padding: 80px 0 60px;
}
  @media (max-width: 768px) {
    .second_indexBigArea {
      padding: 10px 0 30px;
    }
  }

.second_indexBigArea .row>section:not(:last-of-type) {
  padding-bottom: 20px;
}
  @media (min-width: 768px) {
    .second_indexBigArea .row>section {
      padding-bottom: 0;
    }
    .second_indexBigArea .row .col-md-6:nth-child(odd) {
      border-right: 1px solid var(--border_gray);
    }
    .second_indexBigArea .row>section:nth-of-type(1),
    .second_indexBigArea .row>section:nth-of-type(2) {
      padding-bottom: 4%;
    }
  }

  @media (min-width: 1024px) {
    /* .second_indexBigArea .row & .col-md-6 
    改變間距，只到1024px之後不夠空間去推 */
    .second_indexBigArea .row {
      margin: 0 -3.57%;
    }
    .second_indexBigArea .row .col-md-6 {
      padding: 0 3.333%;
    }
  }

.second_indexBigArea picture source,
.second_indexBigArea picture img {
  aspect-ratio: 647/430;
  object-fit: cover;
  width: 100%;
}

.second_indexBigArea .imgTxt {
  padding: 10px 20px 20px;
  background-color: var(--bgc-01);
}
.second_indexBigArea .imgTxt.darkGray {
  background-color: #999999 !important;
}
  @media (min-width: 768px) {
    .second_indexBigArea section:nth-of-type(2) .imgTxt,
    .second_indexBigArea section:nth-of-type(3) .imgTxt {
      background-color: var(--bgc-02);
    }
  }
  @media (max-width: 767px) {
    .second_indexBigArea section:nth-of-type(even) .imgTxt {
      background-color: var(--bgc-02);
    }
  }

.second_indexBigArea .imgTxt h3 {
  color: #fff;
  font-size: var(--text_fz26);
  font-weight: var(--text_thin);
  margin-top: 5px;
  height: 2.7em;
}

.second_indexBigArea .contentList {
  margin-top: 50px;
}
.second_indexBigArea .contentList .list {
  margin-bottom: 30px;
}
.second_indexBigArea .contentList .list:last-of-type {
  margin-bottom: 0;
}
.second_indexBigArea .contentList h3 {
  color: #333333;
  position: relative;
  padding-left: 1em;
}
.second_indexBigArea .contentList h3::before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 0.5em;
  top: 0.45em;
  left: 0;
  border-radius: 50%;
  background-color: var(--text_focusTwoColor);
}
.second_indexBigArea .contentList p {
  -webkit-line-clamp: 2;
  height: 3.2em;
}
  @media (max-width: 767px) {
    .second_indexBigArea .contentList {
      margin-top: 20px;
    }
    .second_indexBigArea .contentList .list {
      margin-bottom: 20px;
    }
  }

  /* .second_indexBigArea02 次首頁大版面02 */
.second_indexBigArea02 .row {
  margin: 0 -15px;
}
.second_indexBigArea02 .row .col-md-6 {
    padding: 0 15px;
}
.second_indexBigArea02 .row .col-md-6:nth-child(odd) {
    border-right: none;
}
.second_indexBigArea02 .row>section:nth-of-type(1), .second_indexBigArea02 .row>section:nth-of-type(2) {
  padding-bottom: 20px;
}
  @media (min-width: 768px) and (max-width: 991px) {
    .second_indexBigArea02 .row>section:nth-of-type(3) {
      display: none;
    }
  }
  @media (max-width: 767px) {
    .second_indexBigArea02 .row>section:nth-of-type(1), .second_indexBigArea02 .row>section:nth-of-type(2) {
      padding-bottom: 50px;
    }
  }

.second_indexBigArea02 .imgTxt {
  background-color: var(--bgc-01) !important;
}
.second_indexBigArea02 .imgTxt h3 {
  font-size: var(--text_fz24);
  font-weight: var(--text_thin);
  margin-top: 5px;
  height: 2.69em;
}
@media (max-width: 576px) {
  .second_indexBigArea02 .imgTxt h3 {
    font-size: 18px;
  }
}

.second_indexBigArea02 .contentList {
  margin-top: 25px;
}
.second_indexBigArea02 .contentList .list {
    margin-bottom: 15px;
}
.second_indexBigArea02 .contentList h3 {
  font-size: 16px;
  padding-left: 0;
  margin-bottom: 5px;
}
.second_indexBigArea02 .contentList h3::before {
  display: none;
}


/* ------ news page ------ */
  /* .pageSelect */
.pageSelect {
  margin: 35px 0 25px;
  text-align: left;
}
.pageSelect li {
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 10px;
}
.pageSelect li:not(:last-of-type) {
  border-right: solid 1px var(--border_gray);
}
.pageSelect li a {
  color: #999999;
  font-size: var(--text_fz20);
}
.pageSelect li a.active {
  color: #333333;
  border-bottom: 3px solid var(--bgc-01);
}
.pageSelect li a:hover {
  color: #333333;
}
  @media (max-width:576px) {
    .pageSelect {
      text-align: center;
    }
    .pageSelect li {
      padding: 0 10px;
    }
  }

  /* .pageCommercial */
.pageCommercial {
  margin: 40px 0;
}
.pageCommercial .slideCommercialOne source,
.pageCommercial .slideCommercialOne img {
  /* aspect-ratio: 740/390; */
  object-fit: cover;
  width: 100%;
}


/* ------ newsdetail page ------ */
.writerInfo .newsListTit {
  align-items: flex-end;
  justify-content: space-between;
  padding: 0 0 10px 0;
  border-bottom: 2px solid var(--text_focusColor);
}
.writerInfo .newsListTit::before {
  display: none;
}
.writerInfo .newsListTit h2 {
  font-size: var(--text_fz40);
  display: initial;
  color: #231815;
  padding: 0;
}
.writerInfo .newsListTit small {
  min-width: 101px;
}
  @media (max-width:768px) {
    .writerInfo .newsListTit h2 {
      margin-right: 0;
    }
    .writerInfo .newsListTit small {
      display: none;
    }
  }

.writerInfo .writer,
.writerInfo time {
  display: inline-block;
  font-size: 14px;
  color: #666666;
}
.writerInfo .writer {
	font-family: 'Noto Serif TC', serif;
  padding-right: 10px;
  margin-right: 10px;
  border-right: solid 1px var(--border_gray);
}

  /* .詳細頁要sticky */
@media (min-width: 769px) {
  .newslistdetail_1 aside {
    position: relative;
  }
  .newslistdetail_1 .asideArea {
    position: sticky;
    top: 174px;
  }
}

.pageTool {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid var(--border_gray);
  margin-bottom: 20px;
  justify-content: space-between;
}

.voiceBox {
flex-grow: 1;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.voiceBox .text {
  color: #315df0;
  display: inline-block;
  width: 65px;
  white-space: nowrap;
  cursor: pointer;
}
.voiceBox .text:hover,
.voiceBox .text:active {
  color: var(--text_focusColor);
}
.audioBox {
  margin-left: 1.3%;
  border-radius: 8px;
  overflow: hidden;
}
.audioBox audio {
  display: block;
  width: 250px;
  border-radius: 6px;
  background-color: #f1f3f4;
}
  @media (max-width: 1200px) {
    .pageTool {
      justify-content: flex-start;
      border-bottom: none;
    }
    .voiceBox {
      width: 100%;
      border-bottom: 1px solid var(--border_gray);
      padding-bottom: 15px;
    }
  }
  @media (max-width: 768px) {
    .pageTool {
      margin-top: 30px;
    }
  }

.fontLevelBox {
  display: flex;
  align-items: center;
  font-size: var(--text_fz18);
  margin-right: 3%;
}
/* .fontRound 共用 */
.fontRound {
  color: #fff;
  background: var(--bgc-01);
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.fontRound:hover {
  opacity: 0.8;
}

.keepBox {
  font-size: var(--text_fz18);
  display: flex;
  align-items: center;
}
.keepBox a {
  margin-left: 5px;
}
  /* .keepBtn 收藏按鈕 */
.keepBtn.keep {
  background-color: var(--text_focusColor);
}
.keepBtn .heartBefore {
  color: #fff;
}
.keepBtn .heartAfter {
  display: none;
  color: #fff;
}

.likeBoxTop {
  float: left;
}
  /* .likeBox 共用 */
.likeBox ul {
  border: 1px solid var(--text_focusTwoColor);
  border-radius: 5px;
  display: flex;
}
.likeBox ul li {
  display: inline-block;
  color: var(--text_focusTwoColor);
  padding: 5px 15px;
  font-weight: 300;
  cursor: pointer;
}
.likeBox ul li i {
  margin-right: 5px;
}
.likeBox .addOne {
  background-color: var(--text_focusTwoColor);
  color: #ffffff;
  border-radius: 0 3px 3px 0;
}
.likeBox a:hover {  /*add 2024-04-09*/
  opacity: 0.8;
}

  /* .share_socialTop 上方分享社群組 */
.share_socialTop {
  float: left;
}
.share_socialTop ul {
  height: 34px;
  display: flex;
  column-gap: 15px;
  align-items: center;
  margin-left: 20px;
}
@media (max-width: 576px) {
  .share_socialTop ul {
    column-gap: 12px;
    margin-left: 12px;
  }
}
.share_socialTop a {
  color: var(--text_focusTwoColor);
  cursor: pointer;
  font-size: 18px;
}
.share_socialTop a:hover {
  opacity: 0.8;
}
.share_socialTop a.btn_clipboard img {
  width: 18px;
}
/* .share_socialTop.share_social ul li {
  height: 34px;
  line-height: 34px;
} */
/* .share_socialTop.Smb {
  display: none;
} */
/* @media (max-width: 1024px) {
  .share_socialTop.Spc {
    display: none;
  }
  .share_socialTop.Smb {
    display: block;
    margin-left: 0;
    padding-top: 15px;
    float: none;
    clear: both;
  }
} */

  /* .keywordsAreaTop 上方關鍵詞組 */
.keywordsAreaTop {
  clear: both;
  padding-top: 20px;
  max-height: calc(2.5em + 20px);
}

  /* .watchBox */
.watchBox {
  float: right;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
}
.watchBox img {
  display: inline-block;
  margin-right: 5px;
}
  @media (max-width:576px) {
    .likeBox ul li {
      padding: 5px 5px;
    }
    .watchBox {
      font-size: 12px;
    }
  }

  /* .articleBox 編輯器內頁文章設定 */
.articleBox {
  font-family: 'Noto Serif TC', serif;
  font-size: 18px;
  text-align: justify;
  line-height: 1.75;
  clear: both;
  padding-top: 30px;
}

.articleBox source,
.articleBox img {
  /* aspect-ratio: 1055/703;
  object-fit: cover; */
  width: 100%;
  display: inline;
  vertical-align: middle;
  object-fit: cover;
}

.articleBox .bigFont {
  font-size: 2em !important;
  margin-right: 5px;
  float: left;
}

.articleBox video {
  width: 100%;
}

  /* figcaption , .ytBox */
.articleBox figcaption,
.articleBox .ytBox {
  margin-bottom: 1.5em;
}
  /* 上方放圖片說明 */
.articleBox figure {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5;
  font-style: italic;
  margin-top: 0.2em;
}
.articleBox figure span {
  margin-left: 0.5em;
}

  /* 上方放yt */
/* .articleBox .ytBox {
  position: relative;
  padding-bottom: 56.25%;
}
.articleBox .ytBox iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
} */

  /* 編輯器內放 iframe影片 */
  /* 2024-06-20註解 #3051 各自iframe尺寸客可接受 */
.articleBox iframe {
  /* width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  display: block; */
  max-width: 100%;
}

  /* 編輯器內放 yt影片 */
.articleBox iframe[title*="YouTube"] {
  width: 100%;
  /* height: 100%; */
  height: auto;
  aspect-ratio: 16/9;
  display: block;
}

  /* 編輯器內放 fb直式影片，height="314"會這樣指定是因為fb帶入的寫法 */
.articleBox iframe[height="314"] {
  width: 100%;
  /* height: 100%; */
  height: auto;
  aspect-ratio: 16/9;
  display: block;
}

  /* 編輯器內放 instagram */
  /* 2024-06-20註解 #3051 各自iframe尺寸客可接受 */
/* .articleBox iframe[class*='instagram'] {
  width: 100% !important;
  aspect-ratio: auto;
  height: revert-layer;
} */

  /* 編輯器內放廣告 */
.articleBox .asideCommercial {
  margin-bottom: 1em;
}

  /* .articleSlide 新增文章詳細頁輪播 */
.articleSlide {
  margin-bottom: 1.5em;
  overflow: visible;
}
.articleSlide figcaption {
  margin-bottom: 0;
}
.articleSlide .newsTitleArea::after {
  height: 15%;
}
.articleSlide source,
.articleSlide img {
  /* aspect-ratio: 927/580;
  object-fit: cover; */
  width: 100%;
  aspect-ratio: 1055/660;
  object-fit: contain;
}
.articleSlide figure {
  padding: 0 3px;
}
/* 箭頭樣式 */
.articleSlide .slick-arrow {
  top: auto;
  transform: initial;
}
@media (max-width: 768px) {
  .articleSlide .newsTitleArea::after {
    display: none;
  }
  .articleSlide .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
  }
}

  /* .articleInnerBox */
.articleInnerBox {
  max-width: 550px;
  margin: 30px auto 50px;
  background: #fffaf3;
  border: 1px solid var(--bgc-01);
  border-bottom: 10px solid var(--bgc-01);
}

  /* .articleSubEpaper */
.articleSubEpaper {
  color: var(--text_focusTwoColor);
  border: 1px solid var(--text_focusTwoColor);
  border-bottom: 10px solid var(--text_focusTwoColor);
  padding: 20px 40px;
}
.articleSubEpaper form {
  font-weight: 300;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
}
.articleSubEpaper [type^=email] {
  height: 40px;
  width: 62%;
  border: 1px solid var(--text_focusTwoColor);
  padding: 0 10px;
}
.articleSubEpaper [type^=submit] {
  height: 40px;
  width: 35%;
  color: #ffffff;
  background-color: var(--text_focusTwoColor);
  cursor: pointer;
}
.articleSubEpaper [type^=submit]:hover {
  opacity: 0.7;
}
  @media (max-width:576px) {
    .articleSubEpaper [type^=email],
    .articleSubEpaper [type^=submit] {
      width: 100%;
    }
  }

  /* .articleSupport */
.articleSupport {
  color: var(--text_focusColor);
  text-align: center;
  padding: 30px 10px;
}
.articleSupport p {
  font-size: 18px;
}
.articleSupport a {
  font-weight: 300;
  display: inline-block;
  color: #ffffff;
  background-color: var(--text_focusColor);
  width: 130px;
  height: 40px;
  line-height: 40px;
}
.articleSupport a:hover {
  opacity: 0.7;
}

  /* .lineBox */
.lineBox {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-weight: 300;
  max-width: 400px;
  margin: 50px auto;
  height: 80px;
  line-height: 80px;
  background-color: #00b900;
  border-radius: 10px;
}
.lineBox i {
  font-size: 46px;
  margin-right: 20px;
}
.lineBox:hover {
  opacity: 0.8;
  color: #fff;
}
.lineBox:focus {
  color: #fff;
}
  @media (max-width:576px) {
    .lineBox {
      font-size: 22px;
    }
  }

  /* .pageShareBox 分享框 */
.pageShareBox {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  border-bottom: 1px solid var(--border_gray);
  padding-bottom: 20px;
  margin-bottom: 30px;
}
.pageShareBox .keywordsArea {
  /* width: calc(100% - 230px); */
  width: 100%;
}

.pageShareBox .likeBoxBottom {
  width: 210px;
  margin-top: 10px;
  position: relative;
}
.pageShareBox .likeBoxBottom a {
  height: 100%;
}
  .likeBoxBottom ul {
    display: flex;
  }
  .likeBoxBottom ul li {
    width: 50%;
    text-align: center;
  }

.pageShareBox .share_social {
  /* width: calc(100% - 190px); */
  width: calc(100% - 230px);
  margin-top: 10px;
  margin-bottom: 0;
}
  .share_social ul {
    display: flex;
  }
  .share_social ul li {
    margin-left: 0;
    text-align: center;
    background-color: #999999;
    width: 95px;
    height: 40px;
    line-height: 40px;
  }
  .share_social ul li:not(:last-of-type) {
    border-right: solid 1px #fff;
  }
  .share_social ul li a {
    display: inline-block;
    color: #fff;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .share_social ul li img {
    display: inline-block;
  }
  .share_social ul li i {
    font-size: 20px;
  }
  .share_social ul li a:hover {
    background-color: var(--text_focusColor);
  }

.pageShareBox .fbLikeBox {
  width: 170px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 10px;
}
  /* @media (max-width:576px) */
  @media (max-width: 650px) {
    .pageShareBox {
      gap: 20px;
    }
    .pageShareBox .keywordsArea {
      /* width: 100%; */
      max-height: 10em;
    }
    .pageShareBox .likeBoxBottom {
      width: 100%;
      margin-top: 0;
    }
    .pageShareBox .share_social {
      width: 100%;
      margin-top: 0;
    }
    .pageShareBox .fbLikeBox {
      width: 100%;
      justify-content: flex-start;
      margin-top: 0;
    }
  }
  
  /* .pageBtnBox */
.pageBtnBox {
  justify-content: space-between;
  align-items: flex-start;
  column-gap: 15px;
}
.pageBtnBox a {
  text-align: left;
  max-width: 49%;
}
.pageBtnBox a:last-child {
  text-align: right;
}

.pageBtnBox .btn {
  display: inline-block;
  margin-bottom: 10px;
  text-align: center;
}

.pageBtnBox span {
  border-bottom: solid 1px var(--text_focusColor);
}

.pageBtnBox a.forbid .btn {
  background-color: #b4b5b5;
}
.pageBtnBox a.forbid span {
  border-bottom: solid 1px #b4b5b5;
}
.pageBtnBox a.forbid:hover {
  color: var(--text_color);
}
.pageBtnBox a.forbid:hover .btn {
  opacity: 1;
}
  @media (max-width:768px) {
    .pageBtnBox {
      margin-bottom: 40px;
    }
  }
  @media (max-width:576px) {
    .pageBtnBox p {
      display: none;
    }
  }

  /* .relatedATBox */
.relatedATBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 40px;
}

.relatedATBox .list {
  width: calc((100% - 40px) / 2);
}

.relatedATBox .list ul {
  padding-bottom: 5px;
}
.relatedATBox .list ul li {
  display: none;
}

.relatedATBox a.dots {
  font-size: var(--text_fz18);
  margin-bottom: 0.8em;
  display: inline-block;
}
.relatedATBox a.dots::before {
  background-color: var(--text_focusTwoColor);
}

.relatedATBox .more {
  text-align: right;
}
.relatedATBox .more span {
  font-size: 18px;
  font-weight: var(--text_thin);
  color: var(--text_focusTwoColor);
  padding-bottom: 2px;
  border-bottom: solid 1px var(--text_focusTwoColor);
}
.relatedATBox .more i {
  font-size: 24px;
  margin-left: 5px;
  vertical-align: bottom;
  position: relative;
  transition: all .3s ease-in-out;
  top: 0;
}
.relatedATBox .more:hover i {
  top: 3px;
}
  @media (max-width:1024px) {
    .relatedATBox .list {
      width: 100%;
    }
    .relatedAT {
      order: 1;
    }
    .moreRelated {
      order: 2;
    }
    .hotAT {
      order: 3;
    }
    .moreHot {
      order: 4;
    }
  }
  @media (max-width:768px) {
    .relatedATBox .moreRelated {
      margin-bottom: 20px;
    }
    .relatedATBox .moreHot {
      margin-bottom: 50px;
    }
  }

  /* .likeATBox */
.likeATBox {
  padding-bottom: 50px;
}

  /* .newsDetailContainerRow 改變順序 */
.newsDetailContainerRow .containerFull {
  background-color: var(--bgc_light);
}

  @media (max-width:768px) {
    .newsDetailContainerRow .containerFull {
      order: 1;
    }
    .newsDetailContainerRow aside {
      order: 2;
      /* margin-top: 30px; */
    }
  }


/* ------ .special_columnPage 專欄頁面 ------ */
.special_columnPage {
  line-height: 1.75;
}

.special_columnPageBanner {
  position: relative;
  height: auto;
  line-height: initial;
}

.special_columnPageBanner picture source,
.special_columnPageBanner picture img {
  /* aspect-ratio: 1920/900; */
  object-fit: cover;
  width: 100%;
}


  /* special_columnPageBanner 文字另外寫 */
.special_columnPageBannerTxt {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  z-index: 1;
  max-width: 890px;
  margin: 0 auto;
  padding: 0 15px;
}
.special_columnPageBannerTxt h2 {
  font-size: var(--text_fz40);
}
.special_columnPageBannerTxt p {
  font-size: var(--text_fz18);
  font-weight: 300;
  display: inline-block;
  margin: 30px 3.5% 0;
}

  /* .columnsBox 專題報導 */
.columnsBox {
  margin: 0;
  clear: both;
}
/* 區塊間距統一 */
.margin-50,.newstopic_1 .containerFull,.upTitle,.newstopic_1 .special_columnClassicBg,.container.video,.newstopic_1 .containerRow.video{
  margin: 60px auto;
}
@media (max-width: 576px) {
  .margin-50,.newstopic_1 .containerFull,.upTitle,.newstopic_1 .special_columnClassicBg,.container.video,.newstopic_1 .containerRow.video{
    margin: 40px auto;
  }
}
.newstopic_1 .newsListTit{
  margin-top: 0;
}
    /* .uprightTitle 直立標題 */
.uprightTitle {
  font-family: 'Noto Serif TC', serif;
  color: var(--bgc-01);
  letter-spacing: 5px;
  line-height: 1;
  writing-mode: vertical-lr;
  float: left;
  width: 110px;
  margin-top: 15px;
}
.uprightTitle span {
  font-size: var(--text_fz28);
}
.uprightTitle h2 {
  font-size: 66px;
  margin-left: 15px;
}
  @media (max-width: 1499px) {
    .uprightTitle {
      width: 80px;
    }
    .uprightTitle h2 {
      font-size: 40px;
    }
  }
  @media (max-width: 768px) {
    .uprightTitle {
      float: none;
      width: 100%;
      margin-top: 0;
      writing-mode: initial;
    }
    .uprightTitle h2 {
      margin-left: 0;
      margin-top: 5px;
    }
  }
  @media (max-width: 576px) {
    .uprightTitle h2 {
      font-size: 28px;
    }
  }
/* .upTitle 橫式大標題 */
  .upTitle {
    font-size: 52px;
    text-align: center;
    color: var(--text_focusTwoColor);
    line-height: 1.2;
    font-weight: bold;
    letter-spacing: 3px;
}
@media (max-width: 1499px) {
  .upTitle {
    font-size: 44px;
  }
}
@media (max-width: 576px) {
  .upTitle {
    font-size: 30px;
  }
}
/* .fullBlock 滿版圖片區塊 */
.fullBlock img{
  width: 100%;
}
.imgBlock{
  width: 100%;
}
/* .影音區塊 */
.container.video>a{
  display: block;
  margin: 0 auto;
  max-width: 900px;
  height: auto;
  position: relative;
}
.container.video>a img{
  width: 100%;
}
.container.video>a:hover::before{
  opacity: 1;
}
.container.video>a::before {
  content: "";
  background: url(../img/icon/videoNews.svg) no-repeat;
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 9;
  transition: .3s;
  opacity: .7;
}
.newstopic_1 .containerRow{
  /* margin: 50px auto 0; *//*lin 註解 會影響到下拉*/
}
/* MORE+按鈕樣式 */
[class^="addmore_"] {
  width: 100%;
}
[class^="addmore_"] .btn{
  background: var(--text_focusTwoColor);
  color: #fff;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  cursor: pointer;
  line-height: 1;
  transition: .3s;
}
[class^="addmore_"] .btn:hover{
  filter: brightness(1.2);
}
[class^="addmore_"] .btn span.big{
  font-size: 30px;
  line-height: 0.5;
}
@media (max-width: 576px) {
  [class^="addmore_"] .btn{
    width: 65px;
    height: 65px;
    line-height: 0.8;
  }
  [class^="addmore_"] .btn span.big{
    font-size: 28px;
  }
}
  /* .columnsTitle 專欄標題共用 */
.columnsTitle {
  font-size: var(--text_fz28);
  color: var(--text_focusTwoColor);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
a:hover .columnsTitle {
  color: var(--text_hoverColor);
}
.newstopic_1 .newsListTit{
  justify-content: center;
}


.columnsNews {
  float: right;
  /* 110+50空格=160px */
  width: calc(100% - 160px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
  @media (max-width: 1499px) {
    .columnsNews {
      /* 80+30空格=110px */
      width: calc(100% - 110px);
    }
  }

.columnsNews>a {
  display: block;
  margin-bottom: 60px;
}
.columnsNewsB {
  width: 56.45%;
}
.columnsNewsS {
  width: 40.322%;
}

.columnsNewsB picture source, .columnsNewsB picture img {
  aspect-ratio: 700/394;
  object-fit: cover;
  width: 100%;
}
.columnsNewsS picture source, .columnsNewsS picture img {
  aspect-ratio: 500/281;
  object-fit: cover;
  width: 100%;
}

.columnsNewsTxtBox {
  margin-top: 20px;
}

.columnsNews h3.videoNews::before {
  top: 0.7em;
}

.columnsNews p {
  font-size: var(--text_fz18);
  color: #333333;
  margin-bottom: 0;
}
  /* .columnsNewsB 大塊區域 */
.columnsNewsB h3 {
  float: left;
  width: 44%;
}
.columnsNewsB p {
  float: right;
  width: 49%;
}
.columnsNewsB p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
  /* .columnsNewsS 小塊區域 */
.columnsNewsS p {
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 10px;
}

  @media (max-width: 768px) {
    .columnsNews {
      width: 100%;
      float: none;
      margin-top: 30px;
    }
    .columnsNews>a {
        margin-bottom: 30px;
    }
  }

  @media (max-width: 576px) {
    .columnsNewsB {
      width: 100%;
    }
    .columnsNewsS {
      width: 100%;
    }
    .columnsNewsB h3, .columnsNewsB p {
      float: none;
      width: 100%;
    }
    .columnsNewsTxtBox {
      margin-top: 10px;
    }
    .columnsNewsTxtBox p {
      margin-top: 10px;
      -webkit-line-clamp: 2;
    }
  }

/* .special_columnSlideBox 專欄輪播 */
.special_columnSlideBox {
  max-width: 1790px; /* 1760 + 30 */
  margin: 0 auto;
  padding: 30px 15px 0;
}

.special_columnSlideList .img {
  float: left;
  /* 960/1760*100 = 54.54% */
  width: 54.54%;
}
.special_columnSlideList picture source, .special_columnSlideList picture img {
  aspect-ratio: 960/640;
  object-fit: cover;
  width: 100%;
}

.special_columnSlideList .text {
  float: left;
  width: 45.46%;
  background: var(--bgc_light);
  border-bottom: 15px solid var(--bgc-01);
  padding: 9.1% 7.4% 9.8%;
}

.special_columnSlideList .text .columnsTitle {
  font-size: var(--text_fz36);
  line-height: 1.35;
}

.special_columnSlideList .text p {
  font-size: var(--text_fz18);
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 0;
}

.special_columnSlide .slick-dots {
  position: absolute;
  width: 45.46%;
  right: 0;
  top: 75%;
}
.special_columnSlide .slick-dots li+li {
  margin-left: 20px;
}
.special_columnSlide .slick-dots li button {
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.special_columnSlide .slick-dots li button:after {
  background: var(--bgc-01);
  opacity: 0.5;
}
.special_columnSlide .slick-dots li.slick-active button {
  background: var(--bgc-01);
  opacity: 1;
}
.special_columnSlide .slick-dots li.slick-active button:after {
  background: var(--bgc-01);
  opacity: 1;
}
@media (max-width: 1499px) {
  .special_columnSlideList .text {
    padding: 90px 4% 100px;
  }
  .special_columnSlide .slick-dots {
    top: 350px;
  }
}
@media (max-width: 768px) {
  .special_columnSlideBox {
    padding-bottom: 30px;
  }
  .special_columnSlideList .img,
  .special_columnSlideList .text {
    float: none;
    width: 100%;
  }
  .special_columnSlideList .text {
    padding: 6% 4% 70px;
  }
  .special_columnSlide .slick-dots {
    width: 100%;
    top: auto;
    bottom: 40px;
  }
}

  /* .recommendedReading 推薦閱讀 */
.recommendedReading picture source, .recommendedReading picture img {
  aspect-ratio: 260/260;
  object-fit: cover;
  width: 100%;
}

.recommendedReading.newsListType5 {
    margin-top: 0;
    margin-bottom: 0;
}

.recommendedReading .item {
  padding-top: 0;
  padding-bottom: 60px;
}

.recommendedReading .item a:first-child {
  width: 37.96%;
}
.recommendedReading .item a:nth-child(2) {
  width: 62.04%;
}

.recommendedReading .item a .itemTitle {
  font-size: var(--text_fz28);
  font-weight: 400;
  color: var(--text_focusTwoColor);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.recommendedReading .item a .itemTitle.videoNews::before {
  top: 0.7em;
}

.recommendedReading .item a .itemContent {
  font-size: var(--text_fz18);
  color: #333333;
  margin-top: 5px;
}
  @media (min-width: 1200px) {
  .recommendedReading .item a .itemContent {
    -webkit-line-clamp: 3;
  }
  }

.recommendedReading .item a .moreStyleBlock {
  border-bottom: solid 1px var(--border_gray);
  display: block;
}
.recommendedReading .more {
  font-family: 'Alexandria', sans-serif;
  font-size: 14px;
  text-align: right;
  color: var(--text_focusTwoColor);
  transition: all .3s;
}
.recommendedReading .more span {
  margin-right: 5px;
}
.recommendedReading .more i {
  font-size: 18px;
}

.recommendedReading .item a:nth-child(2):hover .itemTitle {
  color: var(--text_focusColort_);
}
.recommendedReading .item a:nth-child(2):hover .more {
  transform: translateX(8px);
}

  @media (max-width: 576px) {
    .recommendedReading .item {
      padding-bottom: 30px;
    }
    .recommendedReading .item a:first-child {
      margin-bottom: 0;
    }
    .recommendedReading .item a:nth-child(2) {
      padding-left: 10px;
    }
    .recommendedReading .item a .itemContent {
      -webkit-line-clamp: 2;
    }
    .recommendedReading .item a .moreStyleBlock {
      width: calc(100% - 10px);
      position: absolute;
    }
  }
  @media (max-width: 420px) {
    .recommendedReading .item a .moreStyleBlock {
      position: relative;
    }
  }

  /* .special_columnClassic 專欄classic */
.special_columnClassicBg {
  position: relative;
  height: 900px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 4.2%;
}
.special_columnClassicBg::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: linear-gradient(rgba(0,0,0,.7) 0%, rgba(0,0,0,.3) 50%, transparent 100%);
}

.special_columnClassic {
  position: relative;
  color: #fff;
  margin-top: 80px;
}

.special_columnClassic .uprightTitle {
  color: #fff;
  margin-top: 0;
}

.special_columnClassic .ClassicTxtBox {
  float: left;
  width: 100%;
  max-width: 600px;
  margin: 40px 0 0 11.42%;
}
.ClassicTxtBox h3 {
  font-family: 'Noto Serif TC', serif;
  font-size: var(--text_fz36);
  line-height: 1.35;
}
.ClassicTxtBox p {
  font-size: var(--text_fz18);
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 35px 0 0;
}

/* .ClassicTxtBox a:hover {
  color: #999;
} */
@media (min-width: 769px) and (max-width: 1499px) {
  .special_columnClassic .ClassicTxtBox {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .special_columnClassic .ClassicTxtBox {
    max-width: 550px;
  }
}
@media (max-width: 768px) {
  .special_columnClassicBg {
    background-attachment: initial;
    height: 700px;
  }
  .special_columnClassic .ClassicTxtBox {
    margin-left: 0;
    max-width: initial;
  }
  .ClassicTxtBox p {
    margin-top: 10px;
  }
}

  /* .wonderfulReview 精彩回顧 */
.wonderfulReview picture source, .wonderfulReview picture img {
  aspect-ratio: 435/435;
  width: 100%;
  object-fit: cover;
}

.wonderfulReview .newsTitleArea {
  margin-bottom: 30px;
}
.wonderfulReview .newsTitle .title h3 {
  font-size: var(--text_fz22);
}
@media (max-width: 768px) {
  .wonderfulReview .newsTitle .title h3 {
    font-size: 18px;
  }
}
.wonderfulReview p {
  font-size: var(--text_fz18);
  /* font-weight: var(--text_thin); */
  font-weight: 300;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 0; 
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.wonderfulReview .newsTitleArea:hover {
  box-shadow: 0px 0px 17px rgba(0,0,0,.4);
}
@media (min-width: 1200px) {
  .wonderfulReview .row {
    margin-right: -25px;
    margin-left: -25px;
  }
  .wonderfulReview .col-lg-4 {
    padding-right: 25px;
    padding-left: 25px;
  }
  .wonderfulReview .newsTitleArea {
    margin-bottom: 60px;
  }
  .wonderfulReview .newsTitle .title h3 .textRows-01 {
    -webkit-line-clamp: 2 !important;
  }
}
@media (min-width: 576px) and (max-width: 991px) {
  .wonderfulReview>.row>.col-sm-6:last-of-type {
    display: none;
  }
}


/* ------ 捐款、訂閱頁面 ------ */
  /* ..authenticateCodeStyle 驗證碼樣式共用 S */
.authenticateCode a.icon-link {
  color: var(--text_focusColor);
}
.authenticateCode a i {
  color: var(--text_focusColor);
}

.authenticateCodeStyle01 {
  display: flex;
  flex-wrap: wrap;
}
.authenticateCodeStyle01 .oneRow {
  width: 100%;
  margin-top: 10px;
}
.authenticateCodeStyle01 input {
  flex: 1;
  max-width: calc(100% - 100px);
  border: 1px solid #b6b6b6;
  margin-right: 0;
}
.authenticateCodeStyle01 .txt {
  font-style: italic;
  max-width: 100px;
  vertical-align: bottom;
}
@media (max-width: 768px) {
  .authenticateCodeStyle01 img, .authenticateCodeStyle01 input {
    margin-bottom: 0;
  }
  .authenticateCodeStyle01 a {
    margin-bottom: 0;
  }
}

.authenticateCodeStyle02 {
  flex-wrap: wrap;
}
.authenticateCodeStyle02 input {
  flex: 100%;
  width: 100%;
  max-width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}
  /* ..authenticateCodeStyle 驗證碼樣式共用 E */

  /* 捐款 */
.donate_steps .authenticateCodeStyle01 input {
  max-width: calc(100% - 110px) !important;
}
.donate_steps .authenticateCodeStyle01 .txt {
  max-width: 110px;
}


/* ------ member_login 會員登錄 ------ */
  /* .form_group 共用 S */
.form_group {
  margin-bottom: 30px;
}
.form_group label,
.form_group input {
  font-size: var(--text_fz18);
}

.form_group label {
  display: block;
}

.form_group input {
  display: block;
  width: 100%;
  border-bottom: 1px solid var(--border_gray-02);
  margin-top: 5px;
}

.form_group textarea {
  font-weight: 400;
  display: block;
  width: 100%;
  border: 1px solid var(--border_gray-02);
  border-radius: 5px;
  background-color: #ffffff;
  padding: 0.6em 1em;
  margin-top: 20px;
}
  /* .form_group 共用 E */

.memberBox {
  line-height: 2;
  width: 100%;
  max-width: 600px;
  margin: 100px auto;
  background-color: #fff;
  box-shadow: 0px 0px 15px rgba(0,0,0,.2);
}
@media (max-width: 768px) {
  .memberBox {
    width: 85%;
    margin: 50px auto;
  }
}

.memberBox .tit {
  height: 80px;
  line-height: 80px;
  display: flex;
  justify-content: center;
  text-align: center;
}
@media (max-width: 768px) {
  .memberBox .tit {
    height: 60px;
    line-height: 60px;
  }
}

.memberBox .tit .list {
  font-size: var(--text_fz26);
  display: inline-block;
  height: 100%;
  width: 50%;
  border-bottom: 3px solid var(--border_gray-02);
}

.memberBox .tit .list.one {
  width: 100%;
}

.memberBox .tit .list.active {
  border-bottom: 3px solid var(--text_focusColor);
}
.memberBox .tit .list.active:hover {
  color: initial;
}

.memberBox form {
  padding: 50px 70px 70px;
}
@media (max-width: 768px) {
  .memberBox form {
    padding: 7% 7% 50px;
  }
}

.memberBox .form_group {
  margin-bottom: 20px;
}

.memberBox label,
.memberBox input {
  display: block;
}

.memberBox label {
  font-size: var(--text_fz20);
}

.memberBox input {
  border-bottom: 1px solid var(--border_gray-02);
  width: 100%;
}

.memberBox .linkRight {
  text-align: right;
  font-size: var(--text_fz18);
  font-weight: 400;
}

.memberBox p {
  font-size: var(--text_fz18);
  font-weight: 400;
  line-height: 1.35;
}

.memberBox .btn-02 {
  margin-top: 50px;
}

.authenticate__Code {
  display: flex;
  align-items: center;
}

.quickLoginBox {
  position: relative;
  background-color: #ecedec;
  min-height: 165px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.quickLoginBox span {
  font-size: var(--text_fz18);
  text-align: center;
  line-height: 1.5;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #ecedec;
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  top: -20px;
}

.quickLoginBox p {
  font-size: var(--text_fz18);
  font-weight: 400;
}

.quickLoginBoxIcon .icon {
  display: inline-block;
}
.quickLoginBoxIcon .icon + .icon {
  margin-left: 50px;
}
.quickLoginBoxIcon .icon img {
  width: 40px;
  height: 40px;
}


/* ------ memberCenter 會員中心-共用 ------ */
  /* .nullBox 為空資料樣式 */
.memberCenter .nullBox {
  background-color: var(--bgc_light);
  height: 470px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.memberCenter .nullBox p {
  font-size: var(--text_fz20);
  letter-spacing: 1.5px;
  margin-top: 30px;
}
.memberCenter .nullBox p a {
  color: var(--bgc-01);
}
.memberCenter .nullBox p a:hover {
  color: var(--text_hoverColor);
}

.memberCenter .pageCommercial {
    margin: 30px 0;
}
@media (max-width: 768px) {
  .memberCenter .asideLeft {
    order: 2;
  }
  .memberCenter .nullBox {
    height: 300px;
  }
  .memberCenter aside {
    margin-top: 30px;
  }
}
  /* 有功能側邊欄 .functionAside */
.functionAside {
  background-color: var(--bgc_light);
  font-size: var(--text_fz20);
  padding: 30px 20px;
  margin-bottom: 30px;
}

.functionAside .tit {
  display: inline-block;
  color: var(--text_focusColor);
  border-bottom: 2px solid var(--text_focusColor);
  padding-bottom: 3px;
}

.functionAside ul {
  max-height: 28em;
  overflow-y: auto;
}
  /* .functionAside ul 滾動條樣式 */
.functionAside ul::-webkit-scrollbar {
  width: 5px;
  height: 3px;
  background-color: #F5F5F5;
}
.functionAside ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  background-color: #bbb;
}
.functionAside ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 10%);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.functionAside ul li {
  margin-top: 23px;
  display: none;
  padding-right: 2px;
}
.functionAside ul li:nth-of-type(-n+10) {
  display: block;
}
.functionAside ul.show li {
  display: block;
}

.functionAside ul li a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.functionAside ul li.active a {
  color: var(--text_hoverColor);
}

.functionAsideMore {
  display: block;
  text-align: right;
  margin-top: 60px;
}
.functionAsideMore span {
  font-size: 18px;
  font-weight: var(--text_thin);
  color: var(--text_focusTwoColor);
  padding-bottom: 2px;
  border-bottom: solid 1px var(--text_focusTwoColor);
}
.functionAsideMore span.less {
  display: none;
}

.functionAsideMore i {
  font-size: 24px;
  margin-left: 5px;
  vertical-align: bottom;
  position: relative;
  transition: all .3s ease-in-out;
  top: 0;
}
.functionAsideMore span.more:hover i {
  top: 3px;
}
.functionAsideMore span.less:hover i {
  top: -3px;
}
@media (max-width: 768px) {
  .functionAside {
    margin-left: 15px;
    margin-right: 15px;
  }
  .functionAside ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-height: 12em;
  }
  .functionAside ul li {
    width: 48%;
    margin-top: 12px;
    position: relative;
    padding-left: 1.2em;
  }
  .functionAside ul li::before {
      content: "";
      position: absolute;
      width: 11px;
      height: 11px;
      top: 0.4em;
      left: 0;
      border-radius: 50%;
      background-color: #b0b1b1;
  }


  .functionAsideMore {
    margin-top: 20px;
  }
}


/* ------ member_home 我的首頁 ------ */
.member_home .row {
  margin-right: -5px;
  margin-left: -5px;
}
.member_home [class^="col"] {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 40px;
}

.member_home .tit {
  margin-top: 20px;
  margin-bottom: 0;
}

.member_home .newsTitleArea picture source, .member_home .newsTitleArea picture img {
  aspect-ratio: 330/220;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 768px) {
  .member_home [class^="col"] {
    margin-bottom: 30px;
  }
  .member_home .tit {
    margin-top: 10px;
  }
}


/* ------ member_keep 我的收藏 ------ */
.newsStyle01 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4.74%;
}

.newsStyle01 .list {
  width: 47.63%;
  display: flex;
  justify-content: space-between;
  column-gap: 3.98%;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
.newsStyle01 .list {
  margin-bottom: 30px;
}
}

.newsStyle01 .list .img {
  width: 44%;
}
.newsStyle01 picture source,
.newsStyle01 picture img {
  aspect-ratio: 200/135;
  width: 100%;
  object-fit: cover;
}

.newsStyle01 .list .txt {
  width: 56%;
  display: flex;
  flex-direction: column;
}

.newsStyle01 .list .txt>a {
  flex-grow: 1;
}
.newsStyle01 .list .txt h3 {
  font-size: var(--text_fz18);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.newsStyle01 .list .txt .item {
  border-bottom: 1px solid var(--border_gray-02);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
}

.newsStyle01 .keep {
  min-width: 35px;
  background-color: var(--text_focusColor);
  color: #fff;
}
@media (max-width: 991px) {
  .newsStyle01 .list {
    flex-direction: column;
    column-gap: 0;
    justify-content: flex-start;
  }
  .newsStyle01 .list .img,
  .newsStyle01 .list .txt {
    width: 100%;
  }
  .newsStyle01 .list .txt {
    margin-top: 5%;
    flex-grow: 1;
  }
  .newsStyle01 .list .txt .item {
    margin-top: 10px;
  }
}


/* ------ member_theme 主題訂閱 ------ */
.member_theme .describe {
  font-size: var(--text_fz20);
  letter-spacing: 1.5px;
  text-align: center;
  margin-bottom: 40px;
}
.member_theme .describe a {
  color: var(--bgc-01);
}
.member_theme .describe a:hover {
  color: var(--text_hoverColor);
}

.newsStyle02.row {
  margin: 0 -10px;
}

.newsStyle02.row [class^="col"] {
  padding: 0 10px;
}
@media (min-width: 768px) and (max-width: 768px) {
  .newsStyle02 .col-md-6 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}

.newsStyle02 .list {
  position: relative;
  margin-bottom: 20px;
}

.newsStyle02 .list .bgc {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(35,24,21,0.65);
  z-index: 0;
}
.newsStyle02 .list .bgc.show {
  background-color: rgba(163,113,72,0.65);
}

.newsStyle02 .list picture source, .newsStyle02 .list picture img {
  aspect-ratio: 237/158;
  object-fit: cover;
  width: 100%;
}

.newsStyle02 .keepBtn {
  position: absolute;
  top: 0;
  right: 0;
  margin: 3.7%;
}

.newsStyle02 .txt {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  padding: 0 13%;
}
.newsStyle02 .txt h3 {
  color: #fff;
  font-size: var(--text_fz18);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}


/* ------ ePaper 電子報頁面 ------ */
.ePaperBlock {
  max-width: 600px;
}

  /* .ePaperHeader */
.ePaperHeader {
  margin: 0 15px;
  padding: 20px 0;
  border-bottom: solid 1px var(--border_gray);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ePaperHeader .logo {
  width: 39%;
}

.ePaperHeader .txt {
  width: 59%;
  letter-spacing: 7px;
	font-family: 'Noto Serif TC', serif;
  font-size: var(--text_fz20);
  color: var(--border_gray-02);
  text-align: center;
}
.ePaperHeader .txt p {
  letter-spacing: 22px;
  font-size: var(--text_fz24);
  color: var(--bgc-01);
  border-bottom: solid 1px var(--bgc-01);
  margin-bottom: 7px;
  padding-bottom: 7px;
}
@media (max-width: 576px) {
  .ePaperHeader {
    justify-content: center;
  }
  .ePaperHeader .logo {
    width: 50%;
  }
  .ePaperHeader .txt {
    width: 80%;
    margin-top: 15px;
  }
}

  /* .ePaperContent */
.ePaperContent {
  margin: 0 15px;
}

.ePaperContent .inner {
  border-bottom: solid 1px var(--border_gray);
}
.ePaperContent .newsListTit {
  margin-top: 30px;
}
.ePaperContent h3 {
  font-size: var(--text_fz20);
}
.ePaperContent time {
  display: inline-block;
  margin-top: 10px;
}

.ePaperContent .top .inner {
  padding-bottom: 25px;
}

.ePaperContent .top picture source, .ePaperContent .top picture img {
  aspect-ratio: 425/285;
  object-fit: cover;
  width: 100%;
}

.ePaperContent .top .text {
  margin-top: 20px;
}

.ePaperContent .top time {
  font-size: 16px;
}

.ePaperContent .bottom .inner {
  padding: 15px 0;
}
.ePaperContent .bottom .imgLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ePaperContent .bottom .imgLink picture {
  width: 28%;
}
.ePaperContent .bottom picture source, .ePaperContent .bottom picture img {
  aspect-ratio: 160/107;
  object-fit: cover;
  width: 100%;
}
.ePaperContent .bottom .imgLink .text {
  width: 69%;
}

.ePaperContent .btn-03 {
  margin: 40px 0;
}

  /* .ePaperFooter */
.ePaperFooter .top {
  background-color: #eeefee;
  padding: 30px 15px 20px;
}
.ePaperFooter .QRcodeBox {
  text-align: center;
}
.ePaperFooter .QRcodeBox img {
  margin: 0 auto;
}
.ePaperFooter .QRcodeBox p {
  font-size: 18px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.ePaperFooter .ftSubscription .link {
  justify-content: center;
}

.ePaperFooter .bottom {
  font-size: 12px;
  color: #666666;
  background-color: #b5b5b5;
  padding: 15px;
  text-align: center;
  min-height: 50px;
}

.ePaperFooter .bottom a {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #666666;
}


/* ------ member_change 會員資料修改 ------ */
  /* .fullGrayBgc 滿版灰底共用 S */
.fullGrayBgc {
  font-size: var(--text_fz18);
  margin-top: 70px;
  margin-bottom: 100px;
  background-color: var(--bgc-03);
  padding: 50px 70px 70px;
}

.fullGrayBgc_flex2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  column-gap: 12.1428%;
}
.fullGrayBgc_flex2>.form_group,
.fullGrayBgc_flex2>div {
  width: 43.9286%;
}

@media (max-width: 768px) {
  .fullGrayBgc {
    margin-top: 30px;
    margin-bottom: 50px;
    padding: 7% 7% 50px;
  }
}
@media (max-width: 576px) {
  .fullGrayBgc_flex2>.form_group,
  .fullGrayBgc_flex2>div {
    width: 100%;
  }
}
  /* .fullGrayBgc 滿版灰底共用 E */

.member_change .top {
  border-bottom: 1px solid var(--bgc-01);
}
.member_change .top label {
  display: inline-block;
}
.member_change .top span {
  font-size: var(--text_fz18);
  color: #aaaaaa;
  margin-left: 4.28%;
}

.member_change .bottom {
  margin-top: 40px;
}

.member_change .btn-02 {
  margin-top: 60px;
}
@media (max-width: 576px) {
  .member_change .top span {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
}


/* ------ contactUs 聯絡我們 ------ */
.contactInfo li {
  display: block;
  line-height: 1.75;
}

.contactInfo li:nth-child(even) {
  margin-bottom: 20px;
}
@media (max-width: 576px) {
  .contactUs .right {
    margin-top: 20px;
  }
}

.radioBox label {
  cursor: pointer;
  display: inline-block;
}
.radioBox label + label {
  margin-left: 50px;
}

.form_group input[type="radio"] {
  cursor: pointer;
  display: inline-block;
  border-bottom: none;
  width: auto;
  appearance: auto;
  margin-top: 0;
  margin-right: 6px;
}


/* ------ search 搜尋頁面 ------ */
.searchPageBlock .searchBox form {
  margin-top: 0;
}

.searchPageBlock .keywordsArea {
  width: 75%;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .searchPageBlock .keywordsArea {
    width: 100%;
    margin-bottom: 8%;
  }
  .searchPageNull {
    margin-bottom: 8%;
  }
}

.searchPageNull .lightText {
  color: var(--text_hoverColor);
}


/* ------ newslist 列表頁 ------ */
@media (max-width: 768px) {
  .newslist_1 .asideLeft {
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .newslist_1 .asideLeft {
    margin-top: 30px;
  }
}


/* ------ pageLoading ------ */
.pageLoading {
  background: transparent !important;
}
.pageLoading .bg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  transform: initial;
}
.pageLoading .loadingLogo {
  max-height: 90px;
}

















/* ----------------------------------------Media-------------------------------------- */
@media (min-width: 769px) {
  /* .headerStyle02 .header_inner .logo img {
    height: 87px;
  } */
  .asideLeft, aside {
    margin: 70px 0;
  }
}


@media screen and (min-width: 576px) and (max-width: 768px) {
  /* 側邊欄大圖時陰影高度 */
  aside .newsTitleArea::after {
    height: 20%;
  }
}

@media screen and (min-width: 577px) and (max-width: 1024px) {
  .hotNews .flexBox_03 .list:last-of-type {
    display: none;
  }
}

@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .footerTop .ftLogo {
    width: 23%;
  }
}


@media (max-width: 1499px) {
  /* 改字體大小(1) */
  :root {
    --text_fz46: 36px;
    --text_fz42: 32px;
    --text_fz40: 32px;
    --text_fz36: 30px;
    --text_fz30: 24px;
    --text_fz28: 22px;
    --text_fz26: 20px;
    --text_fz24: 20px;
    --text_fz22: 20px;
    --text_fz20: 18px;  
    --text_fz18: 16px;
  }
  /* .newsTitle 間距 */
  .newsTitle.l-100 {
    left: 60px;
  }
  .newsTitle.l-35 {
    left: 10px;
  }
  .newsTitle.r-100 {
    right: 60px;
  }
  .newsTitle.r-35 {
    right: 10px;
  }
  .newsTitle.b-60 {
    bottom: 30px;
  }
  .newsTitle.b-50 {
    bottom: 25px;
  }
}

@media (max-width: 1280px) {
  .headerTop .menu_blk .list {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  /* 麵包屑 */
  .breadcrumb {
    display: block;
  }
  /* .flexBox_03 */
  .flexBox_03>div, .flexBox_03>section, .flexBox_03>a {
    width: 50%;
    padding: 0 15px;
  }
  /* footer */
  .footerTop {
    padding: 40px 0;
    text-align: center;
  }
  .footerTop * {
    justify-content: center;
  }
  .footerTop>div {
    width: 100%;
    margin-bottom: 40px;
  }
  .footerTop>div:last-of-type {
    /* margin-bottom: 0; */   /* #3616 */
    order: -1;   /* #3616 */
  }
  .footerTop>div.ftInfo {
    margin-bottom: 0;   /* #3616 */
  }
  .ftSubscription form {
    margin: 0 auto;
  }
  /* index */
  .indexNewsCategory .list .item {
    font-size: 20px;
    height: 50px;
  }
  .indexNewsCategory .list .item span {
    height: 40px;
    line-height: 40px;
  }

  .videoSlideOne {
    width: 100%;
  }
  .videoSlideContent {
    display: none;
  }
  .videoSlide .slick-slider .slick-arrow.slick-prev {
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
  }
  .videoSlide .slick-slider .slick-arrow.slick-next {
    top: 50%;
    bottom: auto;
    right: 5px;
    transform: translateY(-50%);
  }
  .videoSlide .slick-slider .slick-arrow i {
    font-size: 56px;
    padding: 0 10px;
    height: 80px;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.5) 25.63%, black 100%);
  }
  .videoSlide .slick-slider .slick-arrow i.fa-angle-left {
    background: linear-gradient(-90deg, transparent 0%, rgba(0,0,0,.5) 25.63%, black 100%);
  }
}

@media (max-width: 768px) {
  /* .newsTitle */
  /* 只有首頁改變順序 */
  .indexBanner .newsTitle,
  .indexContainerRow .newsTitle {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }
  .indexBanner .newsTitle .title,
  .indexContainerRow .newsTitle .title {
    width: 100%;
    order: 1;
  }
  .indexBanner .newsTitle .storyList,
  .indexContainerRow .newsTitle .storyList {
    order: 2;
    margin-right: 5px;
  }
  .indexBanner .newsTitle time,
  .indexContainerRow .newsTitle time {
    order: 3;
  }

  .indexBanner .newsTitleArea::after {
    height: 30%;
  }
  .indexBanner .newsTitle .title h2 {
    -webkit-line-clamp: 2;
    position: relative;
  }
  .indexBanner .newsTitle .title h2 .textRows-01 {
    -webkit-line-clamp: 2 !important;
  }

  .newsTitle.l-100 {
    left: 30px;
  }
  .newsTitle.r-100 {
    right: 30px;
  }
  .newsTitle.r-50 {
    right: 30px;
  }
  .newsTitle.b-60 {
    bottom: 10px;
  }
  .newsTitle.b-50 {
    bottom: 10px;
  }

  .w1460 {
    padding: 0 15px;
  }
  aside .bgc_mb {     
    background-color: var(--bgc_light);
  }
  /* header */
  .header_weather {
    display: none;
  }
  .headerStyle02 .header_inner .logo img {
    height: 42px;
  }
  nav, .navAllBtn {
    height: 40px;
    line-height: 40px;
  }
  .downMenu:hover .downMenuInner, 
  .downMenu:active .downMenuInner,
  .downMenu:focus .downMenuInner {
    display: none;
    opacity: 0;
  }
  /* .navAllBtn */
  nav {
    float: left;
    width: calc(100% - 2.3em);
  }
  .navAllBtn {
    float: right;
    width: 1.8em;
    text-align: right;
  }
  .navAllBtn > a {
    color: var(--text_focusColor);
    font-size: 1.5em;
    line-height: 1;
    height: 100%;
    display: flex;
    align-items: center;
  }
  .navAllBtn>a i.fa-angle-left {
    margin-right: 10px;
  }

  .downMenu.navAllBtn .downMenuInner.open {
    display: block;
    opacity: 1;
    height: auto;
    max-height: calc(100vh - 113px);
  }
  .downMenu.navAllBtn .downMenuInner {
    padding: 10px 30px;
    top: 113px;
    border-bottom: 10px solid var(--bgc-01);
  }
  .downMenu.navAllBtn .item {
    font-size: 18px;
    float: left;
    padding-left: 1.2em;
    margin-right: 22px;
  }
  .downMenu.navAllBtn .item.dots::before {
    top: 0.9em;
  }

  .footerBottom {
    flex-direction: column;
    gap: 5px;
    padding: 10px 15px;
  }
  
  .bannerPLR {
    padding: 0;
  }
  .indexBannerArea {
    padding: 10px 15px 0;
    background-color: #fff;
  }

  .indexNewsCategory {
    display: none;
  }

  /* .slick-arrow */
  .indexBanner .slick-arrow,
  .slideShowOne .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
  }
  .slick-slider .slick-arrow i,
  .indexBanner .slick-arrow i {
    padding: 0 8px;
  }

  /* 跑馬燈 */
  .marqueeArea {
    margin-right: 15px;
  }
  /* .marqueeArea h3 {
    text-align: justify;
  } */
}

@media (max-width: 576px) {
  /* 改字體大小(2) */
  :root {
    --text_fz46: 22px;
    --text_fz42: 24px;
    --text_fz40: 28px;
    --text_fz36: 24px;
    --text_fz30: 19px;
    --text_fz28: 18px;
    --text_fz26: 18px;
    --text_fz24: 16px;
    --text_fz22: 16px;  
    --text_fz20: 16px; 
    --text_fz14: 12px;
  }

  .flexBox_03>div, .flexBox_03>section, .flexBox_03>a {
    width: 100%;
  }

  .newsTitle {
    line-height: 1.3;
  }

  .downMenu.navAllBtn .item span {
    font-size: 18px;
  }
  .fullMenuArea p {
    font-size: 18px;
  }
  .newsListTit a {
    font-size: 14px;
  }
  
  .marqueeRow {
    height: 50px;
  }
  .marqueeTitle {
    margin-right: 25px;
    padding: 0 0px 0 20px;
    line-height: 1.3;
  }
  .marqueeTitle::after {
    border-bottom: 50px solid transparent;
  }

  .marqueeArea .slick-list {
    height: 50px !important; 
  }
  .marqueeArea a {
    height: 50px;
    overflow: hidden;
    display: inline-flex;
    width: 100%;
    line-height: 1;
  }
  .marqueeArea a h3 {
    -webkit-line-clamp: 2;
    line-height: 1.3;
    max-height: 50px;
    max-width: 100%;
    align-self: center;
    padding: 6px 0;
  }
}


/* 更改手機header排列 S */
@media (min-width: 769px) {
  .headerTop .logoMb {
    display: none;
  }
  .headerTop .memberMbBox {
    display: none;
  }
}
@media (max-width: 768px) {
  .headerTop .logoPc {
    display: none;
  }
  .headerStyle02 .header_inner .menu_blk a.memberPc {
    display: none;
  }
  /* add */
  .headerTop {
    height: 73px;
  }
  .headerTop .memberMb {
    /* display: inline-block;
    width: 26px; */
    display: flex;
    align-items: flex-end;
  }
  .headerTop .memberMb a {
    display: block;
    line-height: 1;
    padding-left: 5px;
  }
  .headerTop .memberMb .memberMbreg {
    color: var(--text_hoverColor);
    border-right: 1px solid var(--border_gray);
    padding-right: 5px;
  }
  .headerTop .memberMb .active {
    color: var(--text_hoverColor);
  }
  .headerStyle02 .header_inner .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .headerStyle02 .header_inner .menu_blk .btn-list {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .headerStyle02 .header_inner .logo, .headerStyle02 .header_inner .menu_blk {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
  }
}
/* 更改手機header排列 E */

/* 2024-4-11 #2082 google廣告再右側區塊 */
@media (max-width: 768px) {
  .rightGAdBox {
    padding: 0 15px;
  }
}


/* 2024-08-27 #3787 */
.newsListTit_MB {
  display: none;
  position: relative;
  justify-content: space-between;
  border-bottom: solid 3px var(--border_gray);
  padding-bottom: 7px;
  margin-bottom: 10px;
}
.newsListTit_MB h2 {
  overflow: visible; /*這樣就不會限制行數了*/
}
.newsListTit_MB h2::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 3px;
  background-color: var(--text_focusColor);
}
.newsListTit_MB a::after {
  content: '';
  position: relative;
  display: inline-block;
  border-style: solid;
  border-width: 6px;
  border-color: transparent transparent transparent var(--text_focusColor);
  margin-left: 7px;
}
@media (max-width: 576px) {
  .newsListTit_PC {
    display: none;
  }
  .newsListTit_MB {
    display: flex;
  }
}

.second_indexLatestNews .imgInner h3.videoNews::before {
  top: calc(10px + 0.5em);
}
.indexSec_03 .storyList {
  display: none;
}
@media (max-width: 576px) {
  /* .flexLeftBig */
  .flexLeftBig .flexLeftBig_left .textRows-01 {
    -webkit-line-clamp: 2 !important;
  }
  .flexLeftBig .flexLeftBig_left.slideShowOne h3 {
    font-size: 19px;
  }
  .flexLeftBig .flexLeftBig_left .newsTitleArea::after {
    height: 35%;
  }
  .flexLeftBig .flexLeftBig_right .textRows-01 {
    -webkit-line-clamp: 2 !important;
  }
  .flexLeftBig .flexLeftBig_right .newsTitle .storyList,
  .flexLeftBig .flexLeftBig_right .newsTitle time {
    display: none;
  }
  .flexLeftBig .flexLeftBig_right .newsTitleArea::after {
    height: 48%;
  }
  /* .hotNews */
  .hotNews .keywordsArea {
    display: none;
  }
  .hotNews .flexBox_03 .list {
    margin-top: 0;
  }
  .hotNews .flexBox_03 .list+.list {
    display: none;
  }
  /* .indexSec_03 */
  .indexSec_03 .top picture {
    float: left;
    width: 37.6%;
  }
  .indexSec_03 .top .text {
    float: right;
    width: 57.6%;
  }
  .indexSec_03 .imgLink {
    position: relative;
  }
  .indexSec_03 .storyList {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .indexSec_03 .storyList span {
    font-size: 12px;
    font-weight: var(--text_thin);
    letter-spacing: 1px;
    color: #fff;
    background-color: var(--text_focusColor);
    padding: 1px 10px;
    display: inline-block;
  }
  /* .asideMaster */
  .asideMaster .newsTitleArea h3 {
    font-size: 19px;
  }
  /* .asideFeverRanking */
  .asideFeverRanking .newsTitleArea h3 {
    font-size: 19px;
  }
  /* .slideShowThree */
  .slideShowThree .newsTitle .title h3 .textRows-02 {
    -webkit-line-clamp: 2 !important;
  }
  .slideShowThree .newsTitleArea::after {
    height: 48%;
  }
  .slideShowThree.slick-slider .slick-arrow {
    width: 23px;
    height: 23px;
    line-height: 23px;
  }
  .slideShowThree .slick-arrow i {
    font-size: 20px;
  }
  /* .second_indexLatestNews */
  .second_indexLatestNews .imgInner h3 {
    font-size: 19px;
  }
  /* .second_indexLatestNews02 */
  .second_indexLatestNews02 .newsTitle .title h3 {
    font-size: 19px;
  }
  .second_indexLatestNews02 .newsTitle .title h3 .textRows-01 {
    -webkit-line-clamp: 2 !important;
  }
  .second_indexLatestNews02 .newsTitleArea::after {
    height: 35%;
  }
}
/* 2024-08-28 #3833 付 S */
/* .downMenuInner 下選單 */
.downMenuInner .downMenuInnerTit {
  float: left;
  width: 18%;
}
.downMenuInner .downMenuInnerTit .tit {
  display: inline-block;
  font-family: 'Noto Serif TC', serif;
  font-size: var(--text_fz36);
  font-weight: bold;
  border-bottom: 3px solid var(--text_focusColor);
  padding-bottom: 6px;
}
.downMenuInner .downMenuInnerList {
  float: right;
  width: 82%;
}
.downMenuInnerList .list {
  display: inline-block;
}
.downMenuInnerList .list .text {
  width: 100%;
}
.downMenuInnerList .list .text span {
  padding-bottom: 0;
  border-bottom: none;
  position: relative;
  padding-left: 25px;
}
.downMenuInnerList .list .text span::before {
  content: '';
  margin-right: 15px;
  position: absolute;
  top: 0.6em;
  left: 0;
  width: 11px;
  height: 3px;
  background-color: var(--border_gray-02);
}
.downMenuInnerList .list:hover .text span {
  border-bottom: none;
}
.downMenuInnerList .list:hover span  {
  color: var(--text_hoverColor);
}
.downMenuInnerList .list:hover .text span::before {
  background-color: var(--text_hoverColor);
}
/* .fixedIcons-2 */
.fixedIcons-2 {
  font-size: 12px;
  position: fixed;
  z-index: 8;
  left: 0;
  bottom: 40vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /* align-items: center; */
  background-color: #fff;
  border: 1px solid #61bdbc;
  border-radius: 70px;
  text-align: center;
  line-height: 1;
  transition: background-color 0.3s ease, max-height 0.3s ease, min-height 0.3s ease;
  overflow: hidden;
}
@media (min-width: 577px) {
  .fixedIcons-2 {
    display: none;
  }
}
.fixedIcons-2 .links {
  padding: 12px 0;
}
.fixedIcons-2 .links li {
  display: flex;
  justify-content: center;
}
.fixedIcons-2 .links li a {
  font-size: 18px;
  color: #61bdbc;
  display: block;
  writing-mode: vertical-lr;
}
.fixedIcons-2 .toggle {
  padding: 10px 5px;
  border-top: 1px solid var(--text_color);
}
.fixedIcons-2 .toggle-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none !important;
  flex-direction: column;
  line-height: 1;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  cursor: pointer;
}
.fixedIcons-2 .toggle-btn .dot {
  width: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fixedIcons-2 .toggle-btn .dot span {
  display: block;
}
.fixedIcons-2 .toggle-btn .dot span:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--text_color);
}
.fixedIcons-2 .toggle-btn .dot span:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: var(--text_color);
  margin-top: 10px;
}
.fixedIcons-2 .toggle-btn .dot span:nth-child(2):after {
  display: none;
}
.fixedIcons-2 .toggle-btn .text {
  margin-top: 5px;
}
/* .fixedBottom */
.fixedBottom {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  display: flex;
  box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.16), 0 -1px 10px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  z-index: 8;
  transition: all .3s ease-in-out;
  opacity: 0;
}
.fixedBottom.show {
  opacity: 1;
}
@media (min-width: 577px) {
  .fixedBottom {
    display: none !important;
  }
}
.fixedBottom li {
  flex: 1;
  text-align: center;
  background-color: #61bdbc;
  position: relative;
}
/* .fixedBottom li:nth-child(2) {
  background-color: var(--bgc-01);
} */
.fixedBottom li + li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 50%;
  width: 1px;
  background-color: #fff;
}
.fixedBottom li:nth-child(1) a {
  color: #fde59b;
}
.fixedBottom li a {
  color: #fff;
  display: block;
  padding: 12px 5px;
}
/* 2024-08-28 #3833 E */


/* --- .supportPage - 支持福報 #3893 S --- */
.supportPage {
  font-size: var(--text_fz18);
  line-height: 1.8;
  font-weight: 400;
}
.supportPage .breadcrumb {
  line-height: 1.35;
  font-size: 1rem;
}

.supportSecTit {
  font-size: var(--text_fz42);
  font-weight: bold;
  color: var(--text_focusTwoColor);
  letter-spacing: 3px;
}
.supportSecTit h2 {
  font-size: var(--text_fz42);
}

.supportPage .btn-02.text-left {
  text-align: left;
}
@media (max-width: 767px) {
  .supportPage .btn-02.text-left {
    text-align: center;
  }
}
.supportPage .btn-02 button {
  font-family: 'Noto Serif TC', serif;
  font-size: 18px;
  max-width: 185px;
  letter-spacing: 3px;
}

/* .supportPageTitle */
.supportPageTitle {
  margin-top: 100px;
}
.supportPageTitle .pic {
  position: relative;
  margin: 0 auto;
  font-size: var(--text_fz46);
  width: 14.73em;
}
.supportPageTitle .pic h2 {
  color: #fff;
  font-size: var(--text_fz46);
  font-weight: bold;
  line-height: 1.35;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  padding: 0 15px;
  text-align: center;
}
@media (max-width: 767px) {
  .supportPageTitle {
    margin-top: 40px;
  }
}

/* .supportBlock01 */
.supportBlock01 .row {
  align-items: center;
}
.supportBlock01 .txtBox h2 {
  letter-spacing: 3px;
}
.supportBlock01 .txtBox ul {
  list-style: decimal;
  padding-left: 1em;
  margin: 20px 0 40px;
}
.supportBlock01 .picBox source,
.supportBlock01 .picBox img {
  aspect-ratio: 820 / 492;
  object-fit: cover;
  width: 100%;
}
@media (max-width: 767px) {
  .supportBlock01 .txtBox {
    order: 2;
    margin-top: 20px;
  }
  .supportBlock01 .txtBox ul {
    margin: 15px 0 20px;
  }
  .supportBlock01 .txtBox h2 {
    text-align: center;
  }
}

/* .supportBlock02 */
.supportBlock02 {
  padding: 3em 15px;
  background-color: var(--bgc_light);
  margin-left: 30px;
  margin-right: 30px;
}

@media (max-width: 1199px) {
  .supportBlock02 {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (max-width: 768px) {
  .supportBlock02 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.supportBlock02 img {
  vertical-align: bottom;
}
.supportBlock02 .content {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}
.supportBlock02 .inner {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.supportBlock02 .picBox {
  width: 54%;
}
.supportBlock02 .picBox source,
.supportBlock02 .picBox img {
  aspect-ratio: 4/3;
  object-fit: cover;
  width: 100%;
}
.supportBlock02 .txtBox {
  width: 46%;
}
@media (min-width: 992px) {
  .supportBlock02 .txtBox {
    padding-left: 18px;
    display: flex;
    flex-direction: column;
  }
}
.supportBlock02 .supportSecTit {
  line-height: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 7%;
  margin-top: -4.3%;
}
.supportBlock02 .supportSecTit .year {
  width: 38%;
}
@media (max-width: 767px) {
  .supportBlock02 .picBox {
    width: 100%;
  }
  .supportBlock02 .txtBox {
    width: auto;
    margin: 0 auto;
    padding-top: 30px;
    padding-left: 0;
  }
  .supportBlock02 .supportSecTit {
    margin-top: 0;
    gap: 10px;
  }
}
.supportBlock02 .txtBox .txt {
  flex: 1;
  color: #333333;
  width: auto;
  margin: 0 auto;
  margin-bottom: 10px;
  margin-top: 9.5%;
  line-height: 2.5;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .supportBlock02 .txtBox .txt {
    line-height: 3;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .supportBlock02 .txtBox .txt {
    line-height: 1.8;
  }
}
@media (min-width: 577px) {
  .supportBlock02 .txtBox .txt {
    writing-mode: vertical-lr;
    text-orientation: upright;
  }
}

.supportBlock02 .txtBox .txt .first {
  font-size: var(--text_fz36);
  color: var(--text_focusColor);
  font-weight: bold;
  margin-top: -0.5em;
}
@media (max-width: 576px) {
  .supportBlock02 .txtBox .txt {
    line-height: 2;
    flex-direction: row;
    justify-content: center;
    margin-top: 15px;
  }
  .supportBlock02 .txtBox .txt>div,
  .supportBlock02 .txtBox .txt>.last {
    display: inline-block;
    writing-mode: vertical-lr;
    text-orientation: upright;
  }
  .supportBlock02 .txtBox .txt .first {
    margin-top: 0;
    writing-mode: initial;
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 15px;
  }
}
.supportBlock02 .txtBox .txt .last {
  margin-top: 10em;
}

/* .supportBlock03 */
.supportBlock03 .imgContent {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .supportBlock03 .imgContent {
    justify-content: space-between;
  }
}

.supportBlock03 .supportSecTit {
  margin-bottom: 30px;
}
.supportBlock03 .supportSecTit h2 {
  display: flex;
  flex-wrap: wrap;
  column-gap: 7%;
}
.supportBlock03 .supportSecTit h2 img {
  width: 36%;
  max-width: 3.8em;
}
@media (min-width: 768px) {
  .supportBlock03 .supportSecTit h2 .last {
    width: 100%;
    margin-top: 10px;
  }
}
@media (max-width: 767px) {
  .supportBlock03 .supportSecTit h2 {
    align-items: flex-end;
    justify-content: center;
    column-gap: 2.5%;
  }
}

.supportBlock03 .imgContent picture source,
.supportBlock03 .imgContent picture img {
  object-fit: cover;
  object-position: top;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .supportBlock03 .imgContent picture source,
  .supportBlock03 .imgContent picture img {
    aspect-ratio: 464/463;
  }
}

.supportBlock03 .sup03_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.supportBlock03 .sup03_list li {
  width: 49%;
  box-sizing: border-box;
  padding-bottom: max(1.5625vw,15px);
}
.supportBlock03 .sup03_list li:last-of-type {
  padding-bottom: 0;
}
@media (min-width: 577px) {
  .supportBlock03 .sup03_list li:nth-last-of-type(-n+2) {
    padding-bottom: 0;
  }
}

.supportBlock03 .sup03_list li .Txt {
  padding: 0 max(0.78125vw, 5px);
}
.supportBlock03 .sup03_list li .Txt .itemTit {
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--text_focusTwoColor);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.supportBlock03 .sup03_list .itemTit h3 {
  color: var(--text_focusTwoColor);
  font-size: var(--text_fz24);
}
.supportBlock03 .sup03_list .itemTit .contentList {
  white-space: nowrap;
}
.supportBlock03 .sup03_list .itemTit .more {
  color: var(--text_focusColor);
}

.supportBlock03 .sup03_list .itemSubTit {
  color: #666666;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.supportBlock03 .sup03_list .ellipsis {
  color: var(--text_color);
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.supportBlock03 .sup03_list a:hover .itemTit h3 {
  color: var(--text_hoverColor);
}
.supportBlock03 .sup03_list a:hover .more {
  transition: all .3s;
  transform: translateX(8px);
}
@media (max-width: 767px) {
  .supportBlock03 .sup03_list {
    margin-top: 30px;
  }
  .supportBlock03 .sup03_list li {
    padding-bottom: 30px;
  }
}
@media (max-width:576px) {
  .supportBlock03 .sup03_list li {
    width: 100%;
  }
  .supportBlock03 .sup03_list .itemTit h3 {
    font-size: 20px;
  }
  .supportBlock03 .sup03_list li .Txt {
    padding: 0;
  }
}

  /* .sup03_modal 彈跳視窗內容 */
.sup03_modal h3 {
  color: var(--text_focusTwoColor);
  font-size: var(--text_fz24);
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--text_focusTwoColor);
}
@media (max-width: 576px) {
  .sup03_modal h3 {
    font-size: 20px;
  }
}
.sup03_modal .itemSubTit {
  color: #666666;
  margin-bottom: 10px;
}
.sup03_modal .btn-02 {
  text-align: center;
}
.sup03_modal .btn-02 button {
  font-family: 'Noto Serif TC', serif;
  font-size: 18px;
  max-width: 185px;
  letter-spacing: 3px;
}

/* .supportBlock04 */
.supportBlock04 {
  color: #fff;
  background: 
  url("../img/support/handLeft.svg"),
  url("../img/support/handRight.svg"),
  url("../img/support/block04Bg.jpg");
  background-position: 
  10px 45px,
  25vw 90%,
  center center;
  background-size: 
  auto,
  auto,
  100% 100%;
  background-repeat: no-repeat;
  padding: 80px 0 40px;
}
@media (max-width:1024px) {
  .supportBlock04 {
  background-size: auto, auto, cover;
  }
}
@media (max-width:768px) {
  .supportBlock04 {
    padding: 30px 0;
    /* 手機板 */
    /* background-size: 
    max(33.38%, 235px) max(31.96%,225px),
    max(29.47%, 218px) max(14.8%, 109px),
    cover; */
    background-position: 
    -20px 5px,
    103% 90%,
    center center;
    background-size: 
    235px 225px,
    218px 109px,
    cover;
  }
}

.supportBlock04 .content {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 40px
}

@media (min-width:769px) {
  .supportBlock04 .content {
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}

@media (max-width:768px) {
  .supportBlock04 .content {
    padding: 0 15px
  }
}

@media (min-width:769px) {
  .supportBlock04 .left {
    width: 30%;
    max-width: max-content;
  }
}

@media (min-width:901px) {
  .supportBlock04 .left {
    width: 100%
  }
}

.supportBlock04 .left .supportSecTit {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 60px;
}

@media (max-width:768px) {
  .supportBlock04 .left .supportSecTit {
    padding: 60px 0 20px
  }
}

.supportBlock04 .left .supportSecTit h2 {
  color: #fff
}

@media (min-width:769px) {
  .supportBlock04 .right {
    width: 70%;
    max-width: 740px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
  }

  .supportBlock04 .right .list {
    width: 41%;
    margin-bottom: 40px
  }
}

@media (min-width:901px) {
  .supportBlock04 .right {
    width: 100%
  }
}

@media (min-width:1201px) {
  .supportBlock04 .right {
    justify-content: space-between
  }

  .supportBlock04 .right .list {
    width: 46.5%;
  }
}

@media (max-width:768px) {
  .supportBlock04 .right .list {
    padding: 0 40px
  }
}

.supportBlock04 .right a {
  color: #fff;
  transition: all 0.3s ease
}

.supportBlock04 .right a:hover .txtBox {
  opacity: 0.8;
}

.supportBlock04 .right .imgBox {
  margin-bottom: 15px
}
.supportBlock04 .imgBox source,
.supportBlock04 .imgBox img {
  /* aspect-ratio: 343/206; */
  aspect-ratio: 343 / 250;
  object-fit: cover;
  width: 100%;
}
.supportBlock04 .right .txtBox {
  text-align: center;
}
.supportBlock04 .right .txtBox .listTit {
  display: inline-block;
  border-bottom: solid 1px #fff;
  vertical-align: middle;
}
.supportBlock04 .right .txtBox .listTit h3 {
  font-size: var(--text_fz24);
  letter-spacing: 2px;
}
.supportBlock04 .right .txtBox p {
  font-weight: 300;
  margin-bottom: 0;
}
@media (max-width: 576px) {
  .supportBlock04 .right .txtBox .listTit h3 {
    font-size: 20px;
  }
}

.supportBlock04 .right .slick-arrow {
  width: 30px;
  height: 30px;
  color: var(--text_focusTwoColor);
  background-color: #fff;
  border-radius: 50%;
}
.supportBlock04 .right .slick-arrow i {
  font-size: 30px;
  font-weight: bold;
  padding: 0;
  margin-left: 3px;
}
.supportBlock04 .right .slick-arrow.slick-prev i {
  margin: 0 3px 0 0;
}

.supportBlock04 .btnBox {
  display: none;
}
.supportBlock04 .left .btnBox {
  display: block;
}
@media (max-width:768px) {
  .supportBlock04 .left .btnBox {
    display: none;
  }
  .supportBlock04 .btnBox {
    display: block;
    margin-top: 80px;
  }
}

/* .supportBlock05 */
.supportBlock05 {
  padding: 80px 0;
  background: url(../img/support/block05Bg.jpg) no-repeat left top / cover ;
  overflow: hidden;
}
@media (max-width: 768px) {
  .supportBlock05 {
    padding: 30px 0;
  }
}

.supportBlock05 .title {
  float: left
}

.supportBlock05 .arrowsBox {
  float: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  column-gap: 20px
}

.supportBlock05 .arrowsBox>div {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--text_focusTwoColor);
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.supportBlock05 .arrowsBox>div:hover {
  opacity: 0.7
}

.supportBlock05 .arrowsBox i {
  color: #fff;
  font-weight: bold;
  font-size: 40px
}

@media (max-width:991px) {
  .supportBlock05 .arrowsBox {
    display: none;
    margin-top: 5px
  }
}

.supportBlock05 .scrollBar {
  clear: both
}

@media (max-width:991px) {
  .supportBlock05 .scrollBar {
    overflow-x: scroll;
    padding-bottom: 20px;
    margin-right: calc(50% - 50vw)
  }

  .supportBlock05 .scrollBar::-webkit-scrollbar {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background-color: #F5F5F5
  }

  .supportBlock05 .scrollBar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: var(--text_focusTwoColor);
  }
}

.supportBlock05 .scrollTxt {
  display: none;
  color: var(--text_focusTwoColor);
}

.supportBlock05 .scrollTxt i {
  margin-left: 15px
}

@media (max-width:991px) {
  .supportBlock05 .scrollTxt {
    display: block
  }
}

.supportBlock05Slick {
  padding-top: max(10px, 1.5vw);
  margin-right: calc(50% - 50vw);
  min-width: 1320px
}

@media (max-width:991px) {
  .supportBlock05Slick {
    display: flex
  }
}

.supportBlock05Slick .slick-list {
  padding-right: 150px
}

.supportBlock05Slick .topDate {
  font-size: var(--text_fz24);
  font-weight: bold;
  color: var(--text_focusTwoColor);
}
@media (max-width: 576px) {
  .supportBlock05Slick .topDate {
    font-size: 18px;
  }
}

.supportBlock05Slick .in {
  position: relative;
  margin-top: 15px;
  border-top: solid 1px #dbd0c8;
  padding-top: 40px;
  padding-right: 20px
}

.supportBlock05Slick .in:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: -6px;
  left: 9px;
  background-color: var(--text_focusTwoColor);
  border-radius: 50%;
  z-index: 1;
}

.supportBlock05Slick .in:after {
  content: "";
  position: absolute;
  width: 0;
  height: 40px;
  top: 0;
  left: 15px;
  border-left: 1px dotted var(--text_focusTwoColor);
}

.supportBlock05Slick .txtBox {
  padding: 30px;
  width: 380px;
  border-radius: 10px;
  background-color: var(--bgc_light)
}

@media (max-width:1499px) {
  .supportBlock05Slick .txtBox {
    width: 350px
  }
}

@media (max-width:991px) {
  .supportBlock05Slick .txtBox {
    padding: 1.5em;
    width: 260px
  }
}

.supportBlock05Slick .txtBox .year {
  font-weight: bold
}

.supportBlock05Slick .txtBox ul li {
  display: flex;
  column-gap: 15px;
  margin-bottom: 12px;
}

@media (max-width:991px) {
  .supportBlock05Slick .txtBox ul li {
    display: block
  }
}

.supportBlock05Slick .txtBox ul li .date {
  font-weight: bold;
  color: var(--text_focusTwoColor);
  display: block;
  position: relative;
  white-space: nowrap;
  min-width: 75px;
}

@media (max-width:991px) {
  .supportBlock05Slick .txtBox ul li small {
    display: block
  }
}

.supportBlock05Slick .txtBox ul .imgBox {
  text-align: center;
}

.supportBlock05Slick .txtBox ul .imgBox source,
.supportBlock05Slick .txtBox ul .imgBox img {
  aspect-ratio: 312/187;
  width: 100%;
  object-fit: cover;
}

/* .supportBlock06 */
.focusColor {
  color: var(--text_focusColor);
  font-weight: bold;
}
.fz28 {
  font-size: var(--text_fz28);
}
@media (max-width: 576px) {
  .fz28 {
    font-size: 22px;
  }
}
.supportBlock06 {
  padding: 60px 0;
  background-color: var(--bgc_light);
}
@media (max-width: 768px) {
  .supportBlock06 {
    padding: 30px 0;
  }
}

.supportBlock06 .txtBox {
  text-align: center;
  width: 100%;
  max-width: 900px;
  margin: 15px auto 30px;
}
@media (max-width: 991px) {
  .supportBlock06 .txtBox br {
    display: none;
  }
}

.supportBlock06 .picBox source,
.supportBlock06 .picBox img {
  width: 100%;
  object-fit: cover;
  /* aspect-ratio: 1470/800; */
}

.supportBlock06 .btn-02 {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .supportBlock06 .txtBox {
    margin: 5px auto 15px;
  }
  .supportBlock06 .btn-02 {
    margin-top: 20px;
  }
}
/* --- .supportPage - 支持福報 #3893 E --- */