/* https://fonts.google.com/  字型網址 */

@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
:root {
  --home-color-main: #2e4140;
  --home-color-main-o: rgb(46, 65, 64, 0.3);
  --home-color-second: #ece2a8;
  --home-color-white: #fff;
  --home-color-white-o: rgba(255, 255, 255, 0.3);
  --home-color-black: #000;
  --home-color-black-o: rgba(0, 0, 0, 0.3);
  --home-color-origin: #8f8f8f;
  --home-color-tr: transparent;
  --home-font-en: 'Roboto', sans-serif;
  --home-font-tw: 'Noto Sans TC', sans-serif;
}
/* 改字體範例 */
/* . {
  font-family: var(--home-font-en);
} */

/* 動畫的兩個色塊 */
/* -------------------------------------------------- */

/* 左邊 */
body:before {
  background: var(--home-color-main);
}
/* 右邊 */
body:after {
  background: var(--home-color-main);
}
/* -------------------------------------------------- */

/* 02 */
/* -------------------------------------------------- */

/* 輪播數字色 */

.flor01-template-02 .controller .swiper-count {
  color: var(--home-color-white);
}

/* 中間的線 */
.flor01-template-02 .text .fz-tw-C:after {
  border-right: 1px solid var(--home-color-origin);
}
/* 文字底線 */
.flor01-template-02 .text .link {
  border-bottom: 1px solid #ffb333;
}
/* 輪播點點背景色 */
.flor01-template-02
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--home-color-white);
}
/* 輪播點點邊框色 */
.flor01-template-02 .swiper-pagination .swiper-pagination-bullet:before {
  border-top: 1px solid var(--home-color-white);
}
/* -------------------------------------------------- */

/* 03 */
/* -------------------------------------------------- */

/* 輪播按鈕實線 */
.flor01-template-03
  .controller
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
  background-color: var(--home-color-white);
}
/* 輪播按鈕透明線,手機則是點點色 */
.flor01-template-03
  .controller
  .swiper-pagination
  .swiper-pagination-bullet:before {
  background-color: var(--home-color-white-o);
  border-top: 1px solid var(--home-color-white);
}
/* 輪播數字色 */
.flor01-template-03 .controller .swiper-count {
  color: var(--home-color-white);
}
/* 輪播數字色 */
.flor01-template-03 .controller .swiper-count {
  color: var(--home-color-white);
}
/* -------------------------------------------------- */

/* 04 */
/* -------------------------------------------------- */

/* 橫線 */
.flor01-template-04 .line:after {
  border-bottom: 1px solid var(--home-color-black);
}
/* 輪播點點邊框色 */
.flor01-template-04 .swiper-pagination span:before {
  border-top: 1px solid var(--home-color-main);
}

/* 輪播點點背景色 */
.flor01-template-04
  .swiper-pagination
  span.swiper-pagination-bullet-active:before {
  background-color: var(--home-color-main);
}

/* -------------------------------------------------- */

/* 05 */
/* -------------------------------------------------- */

/* 線條色 */
.flor01-template-05 .more {
  border-top: 3px solid #d71820;
  width: 300px;
}
/* 輪播按鈕色*/
.flor01-template-05 .swiper-button-next:after,
.flor01-template-05 .swiper-button-prev:after {
  color: var(--home-color-white);
}
/* -------------------------------------------------- */

/* 06 */
/* -------------------------------------------------- */

/* 垂直的線 */
.flor01-template-06 .exp-info:before {
  border-left: 1px solid var(--home-color-origin);
}
/* 輪播按鈕 */
.flor01-template-06 .swiper-button-prev:after,
.flor01-template-06 .swiper-button-next:after {
  color: var(--home-color-origin);
}
/* 輪播按鈕線色 */
.flor01-template-06 .swiper-button-next::before {
  border-left: 1px solid var(--home-color-origin);
}
/* 輪播點點邊框色 */
.flor01-template-06 .swiper-pagination span:before {
  border-top: 1px solid var(--home-color-main);
}
/* 輪播點點背景色 */

.flor01-template-06
  .swiper-pagination
  span.swiper-pagination-bullet-active:before {
  background-color: var(--home-color-main);
}

/* -------------------------------------------------- */

/* 07 */
/* -------------------------------------------------- */

/* 圖片hover線條色 */
.flor01-template-07 .news-item:hover .img-holder:before,
.flor01-template-07 .news-item:active .img-holder:before {
  border: 3px solid #d71820;
  background-color: #d71820;
}
/* 圖片hover陰影 */
.flor01-template-07 .news-item:hover .img-holder,
.flor01-template-07 .news-item:active .img-holder {
  box-shadow: var(--home-color-main-o) 45px 26px 50px -7px,
    var(--home-color-main) 0px 30px 63px -30px;
}
/* 輪播點點邊框色 */

.flor01-template-07 .swiper-pagination span:before {
  border-top: 1px solid var(--home-color-main);
}

/* 輪播點點背景色 */
.flor01-template-07
  .swiper-pagination
  span.swiper-pagination-bullet-active:before {
  background-color: var(--home-color-main);
}

/* -------------------------------------------------- */

/* 08 */
/* -------------------------------------------------- */

/* 文字下線條顏色 */

.flor01-template-08 .content .text{
  border-bottom: 1px solid #fff;
}
.flor01-template-08 .content:before {
  border-bottom: 1px solid #fff;
}

/* 文字hover顏色 */
.flor01-template-08 .content.active {
  color: #fff;
}
/* 右邊數字顏色 */
.flor01-template-08 .content .num {
  color: #fff;
}
/* 右邊數字hover顏色 */
.flor01-template-08 .content.active .num {
  color: #fff;
}

.flor01-template-08 .title-area .fz-tw-B, .flor01-template-08 .content h6{
  font-weight: 900;
}

/* -------------------------------------------------- */

/* 09 */
/* -------------------------------------------------- */
.flor01-template-10 .fz-tw-B{
  font-weight: 900;
}

/* -------------------------------------------------- */

/* 10 */
/* -------------------------------------------------- */

/* 線條色 */
.flor01-template-10 .big-text:before {
  border-bottom: 1px solid #fff;
}

.flor01-template-10 .big-text strong{
  font-weight: 900;
  font-size: 60px;
  width: 260px;
}


/* -------------------------------------------------- */

/* 大影片區塊*/
/* -------------------------------------------------- */

/* 播放按鈕邊框色 */
.flor01-template-12 .play {
  border: 3px solid #fff;
}
/* 播放按鈕hover邊框色跟背景色 */
.flor01-template-12 .play:hover {
  background-color: #d71820;
  border: 1px solid #d71820;
}

/* 播放按鈕三角形色 */
.flor01-template-12 .play::after {
  border-color: transparent transparent transparent #fff;
}
/* 播放按鈕叉叉色 */
.flor01-template-12 .play::before {
  color: #fff;
}
/* -------------------------------------------------- */

body:before{
   background: #ffb333;
}

body:after{
   background: #ae2328;
}



/* 影響700以下 */

@media (max-width: 700px) {
.flor01-template-05 .text .fz-tw-B, .flor01-template-05 .text .desc{
  color: #282828 !important;
}

}


/* -------------------------------------------------- */

/* 斜體 */
.flor01-template-02 .swiper-slide.swiper-slide-active .fz-en-A{
  font-family: 'PT Sans', sans-serif;
  font-style: italic;
  font-weight:700;
}


/* 正常 */
.flor01-template-02 .swiper-slide.swiper-slide-active .fz-tw-C, .flor01-template-04 .title-area .fz-tw-A, .flor01-template-05 .swiper-slide.active .big_text strong, .flor01-template-05 .text .fz-tw-B, .flor01-template-05 .text .desc, .flor01-template-07 .fz-en-B, .flor01-template-07 .news-item .fz-tw-A, .flor01-template-08 .title-area .fz-tw-B, .flor01-template-08 .content h6, .flor01-template-10 .text, .flor01-template-05 .big_text strong{
  font-family: 'PT Sans', sans-serif;
}

.flor01-template-05 .swiper-slide.active .big_text strong, .flor01-template-07 .fz-en-B, .flor01-template-05 .big_text strong{
  font-weight: 900;
}