@charset "UTF-8";
/*
 *
 * JSL Case Style
 * Author: KumaChen
 * 本檔案可作客製化作業
 * 可直接繼承 viewModel 內樣式使用
 *
*/
/* ------ */
.color_A48747 {
  color: #a48747 !important;
}

.color_9D7447,
.pc_color_9D7447 {
  color: #9d7447 !important;
}

.white {
  color: #fff !important;
}

.noteBody {
  background-color: rgba(35, 24, 21, 0.5) !important;
}

/* ------ */
/* ------ */
.menu nav ul li a {
  margin: 0 0.5vw !important;
  color: #fff !important;
}
.menu nav ul li a:hover {
  border-bottom: 4px solid #a58f68 !important;
  color: #a58f68 !important;
}
.menu nav ul li.active a {
  color: #a58f68 !important;
  border-bottom: 4px solid #a58f68 !important;
}
.menu nav .rightNav .phone_txt {
  color: #f9f600 !important;
}

.activeMenuFloatStatus {
  background-color: #13597f !important;
}

.bodyPage .webNav {
  background-color: #13597f !important;
}

/* ------ */
/* ------ */
footer .caseInfo {
  background: transparent linear-gradient(180deg, #1d170c 5%, #3b2511 100%) 0% 0% no-repeat padding-box !important;
}

/* ------ */
/* ------ */
.keyVision .fullBg {
  min-height: 52vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/pc_p1.jpg?v=2507021510");
  background-size: cover;
  background-position: 50%;
}

/* ------ */
.btn-more.center {
  margin: 1.5vw auto 0;
}

.swiper-pagination-bullet {
  width: 17px !important;
  height: 17px !important;
  background: #fff !important;
  margin: 0 0.5% !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background-color: #ff6b01 !important;
}

.fullRegion.txtRowRegion.boxMode .txt {
  padding: 1.5vw 0 4vw;
}

.fullRegion .txt .body h3 {
  font-family: "Noto Serif TC", serif;
  font-size: 2.5vw;
  font-weight: bold;
  color: #8d743f !important;
}
.fullRegion .txt .body h1 {
  width: -moz-max-content;
  width: max-content;
  font-family: "Noto Serif TC", serif;
  font-size: 3.5vw;
  padding: 0.5vw 5% 0.5vw 0;
  color: #231815;
  border-top: 1px solid #231815;
  border-bottom: 1px solid #231815;
}
.fullRegion .txt .body p {
  font-size: 0.95vw !important;
  color: #8d743f !important;
  letter-spacing: 0.09vw;
}

.fullRegion.twoColRegion {
  padding: 2.5% 0;
  background-image: url(/assets/images/sample/bg.jpg);
}

.topIcon .body:before {
  content: "";
  display: block;
  width: 7vw;
  height: 7vw;
  margin: 0 auto 2vw;
  background-image: url(/assets/images/sample/icon_02.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.fullRegion.twoColRegion.subStyle {
  justify-content: flex-end !important;
  background-color: #e3e2e0;
  margin-bottom: 2vw;
}
.fullRegion.twoColRegion.subStyle .txt {
  width: 22% !important;
  padding: 3% 3% 4% !important;
  z-index: 5;
  margin-right: -10vw;
  background-color: #acacac;
}
.fullRegion.twoColRegion.subStyle .txt .body h1 {
  font-size: 2.5vw;
  font-weight: unset !important;
  line-height: 3.5vw;
  padding: 1.75vw 0 !important;
  margin-bottom: 1.75vw;
  border-bottom: #ffffff solid 2px !important;
  color: #ffffff !important;
}
.fullRegion.twoColRegion.subStyle .txt .body h1:before {
  content: "";
  display: block;
  width: 65%;
  height: 1vw;
  margin: 0 auto 1.5vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/title_en2.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.fullRegion.twoColRegion.subStyle .txt .body p {
  font-size: 1.125vw;
  line-height: 2vw;
  color: #ffffff !important;
}
.fullRegion.twoColRegion.subStyle .img {
  width: 70%;
  overflow: hidden;
}

.morePicStyle {
  position: relative;
  width: calc(100% - 20vw);
  padding: 7.5vw 10vw 10vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/pc_bg.jpg");
  margin-bottom: 1.5vw;
}
.morePicStyle .img {
  width: 100%;
}
.morePicStyle .img img {
  width: 100%;
}
.morePicStyle .txt {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  z-index: 9;
  margin-top: -2vw;
}
.morePicStyle .txt .body {
  width: -moz-max-content;
  width: max-content;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.morePicStyle .txt .body h1 {
  font-size: 3vw;
  font-weight: bold;
  line-height: 4.5vw;
  color: #3b3b3b;
}
.morePicStyle .txt .body p {
  font-size: 1.25vw;
  line-height: 2.25vw;
  letter-spacing: 0.025vw;
  color: #606060;
  margin-top: 2.5vw;
}
.morePicStyle .more {
  position: relative;
  width: 100%;
  margin-top: 4vw;
  z-index: 5;
}
.morePicStyle .more ul {
  display: flex;
  width: 100%;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-evenly;
}
.morePicStyle .more ul li {
  display: block;
  position: relative;
  width: 31%;
}
.morePicStyle .btn-more {
  position: absolute;
  width: 10vw;
  height: 3vw;
  right: 2.5vw;
  bottom: 2.5vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/more.png");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.5s ease !important;
}
.morePicStyle .btn-more:hover {
  right: 1vw;
  transition: all 0.5s ease;
}

.morePicStyle:after {
  position: absolute;
  content: "The Future Belongs To Those Who Believe In The Beauty Of Their Dreams";
  color: #585657;
  font-size: 0.75vw;
  bottom: 2vw;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s ease !important;
}

.intro_1 .txt .body {
  background-color: #fff;
  min-width: unset !important;
  padding: 2% !important;
  margin: 3%;
}
.intro_1 .img {
  width: 100%;
  min-height: 44vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/pc_p2.jpg?v=2507021510");
  background-repeat: no-repeat;
  background-size: cover;
}

.intro_4 .txt .body {
  background-color: #fff;
  min-width: unset !important;
  padding: 2% !important;
  margin: 3%;
}
.intro_4 .img {
  width: 100%;
  min-height: 44vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/pc_p5.jpg?v=2507021510");
  background-repeat: no-repeat;
  background-size: cover;
}

.intro_6 .txt .body h3 {
  display: flex;
  padding-bottom: 0.5vw;
}
.intro_6 .txt .body h3:before {
  content: "";
  width: 5vw;
  height: 3vw;
  padding-right: 1vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/pc_p7_01.png?v=2507021510");
  background-repeat: no-repeat;
  background-size: contain;
}
.intro_6 .txt .body h3:after {
  content: "";
  width: 5vw;
  height: 3vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/pc_p7_02.png?v=2507021510");
  background-repeat: no-repeat;
  background-size: contain;
}
.intro_6 .txt .body h1 {
  color: #fff !important;
  border-top: #ffffff 1px solid;
  border-bottom: #ffffff 1px solid;
}
.intro_6 .img {
  width: 100%;
  min-height: 44vw;
  background-image: url("/case_assets/tpno250145/assets/images/sample/pc_p7.jpg?v=2507021510");
  background-repeat: no-repeat;
  background-size: cover;
}

/* ------ */
/* ------ */
@media (max-width: 768px) {
  .pc_color_9D7447 {
    color: unset !important;
  }
  .btn-more {
    width: 55vw;
    height: 8vw;
    margin: 5vw auto 0;
    font-size: 2.75vw;
  }
  .keyVision .fullBg {
    min-height: 160vw;
    background-image: url("/case_assets/tpno250145/assets/images/sample/mob_p1.jpg?v=2507021510");
  }
  .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
  }
  .boxMode .txt {
    padding: 4vw 0 !important;
  }
  .topIcon .body:before {
    width: 25vw;
    height: 21vw;
    margin: 4vw auto;
  }
  .fullRegion .txt {
    padding-top: 10vw !important;
  }
  .fullRegion .txt .body h3 {
    font-family: "Noto Serif TC", serif;
    font-size: 4.5vw !important;
    font-weight: bold !important;
    color: #8d743f !important;
  }
  .fullRegion .txt .body h1 {
    width: -moz-max-content;
    width: max-content;
    font-family: "Noto Serif TC", serif;
    font-size: 6vw !important;
    padding: 0.5vw 5% 0.5vw 0;
    color: #231815;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
  }
  .fullRegion .txt .body p {
    font-size: 3.85vw !important;
    color: #8d743f !important;
    letter-spacing: 0.09vw;
  }
  .fullRegion.twoColRegion.subStyle {
    justify-content: center !important;
    background-color: #e3e2e0;
  }
  .fullRegion.twoColRegion.subStyle .txt {
    width: 70% !important;
    padding: 3% 7% 11% !important;
    z-index: 5;
    margin: 15% 0 !important;
    background-color: #acacac;
  }
  .fullRegion.twoColRegion.subStyle .txt .body {
    width: 100% !important;
  }
  .fullRegion.twoColRegion.subStyle .txt .body h1 {
    font-size: 6.5vw;
    font-weight: bold !important;
    line-height: 8.5vw;
    padding: 3.25vw 0 3.25vw !important;
    margin-bottom: 3.25vw;
    border-bottom: #ffffff solid 1px !important;
    color: #ffffff !important;
  }
  .fullRegion.twoColRegion.subStyle .txt .body h1:before {
    width: 65%;
    height: 3vw;
    margin: 2.5vw auto 4.5vw;
  }
  .fullRegion.twoColRegion.subStyle .txt .body p {
    font-size: 3.75vw;
    line-height: 6.75vw;
    color: #ffffff !important;
  }
  .fullRegion.twoColRegion.subStyle .img {
    width: 100%;
  }
  .intro_1 {
    background-image: url("/case_assets/tpno250145/assets/images/sample/bg.jpg");
  }
  .intro_1 .txt .body {
    background-color: unset;
    min-width: unset !important;
    padding: 2% !important;
    margin: 3%;
  }
  .intro_1 .img {
    width: 100%;
    min-height: 44vw;
    background: none;
  }
  .intro_4 {
    background-image: url("/case_assets/tpno250145/assets/images/sample/bg.jpg");
  }
  .intro_4 .txt .body {
    background-color: unset;
    min-width: unset !important;
    padding: 2% !important;
    margin: 3%;
  }
  .intro_4 .img {
    width: 100%;
    min-height: 44vw;
    background: none;
  }
  .intro_5 {
    padding-bottom: 0 !important;
  }
  .intro_6 {
    background-image: url("/case_assets/tpno250145/assets/images/sample/mob_p7_bg.jpg?v=2507021510");
    background-size: contain;
  }
  .intro_6 .txt .body h3 {
    padding-bottom: 2.5vw;
  }
  .intro_6 .txt .body h3:before {
    width: 10vw;
    height: 8vw;
    padding-right: 8vw;
  }
  .intro_6 .txt .body h3:after {
    width: 12vw;
    height: 9vw;
  }
  .intro_6 .img {
    width: 100%;
    min-height: 115vw;
    background-image: url("/case_assets/tpno250145/assets/images/sample/mob_p7.jpg?v=2507021510");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
}
/* ------ */