@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;
}
.menu nav .rightNav .btn_menu .act_btn_menu .line {
  background-color: #fff !important;
}
.menu nav .rightNav .btn a svg {
  color: #fff;
}

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

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

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

/* ------ */
/* ------ */
.keyVision .fullBg {
  min-height: 52.5vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc01.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
}

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

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

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

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

.txt .body h1 {
  font-size: 1.9vw;
  font-family: "Noto Serif TC", serif;
  color: #8a3f22 !important;
  font-weight: bold;
}
.txt .body h1 span {
  font-size: 1.5vw !important;
}
.txt .body p {
  color: #231815 !important;
  font-size: 1.125vw !important;
  line-height: 2.125vw !important;
}
.txt .body h3 {
  font-family: "Noto Serif TC", serif;
  font-weight: bold !important;
  width: -moz-max-content;
  width: max-content;
  font-size: 1.5vw !important;
  padding: 0.7vw 1.25vw;
  border: 1px solid #9a7329;
  margin-bottom: 2vw;
}

.introMore {
  position: relative;
  display: block;
  width: -moz-max-content;
  width: max-content;
  font-family: "Noto Serif TC", serif;
  font-size: 0.85vw;
  padding: 0.75vw 1.5vw;
  margin: 3vw auto 0;
  background-color: #231815;
  color: #ffffff;
  transition: all ease 0.5s;
}

.introMore:hover {
  background-color: #956134;
}

.introMore:before {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  top: 1px;
  left: 1px;
  border: 1px solid #ffffff;
}

.introRegionStyle_1 .img {
  width: 100%;
}
.introRegionStyle_1 .txt {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.introRegionStyle_1 .txt .body {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 70%;
}
.introRegionStyle_1 .txt .body h3 {
  margin: 0 1.75vw 0 !important;
}
.introRegionStyle_1 .txt .body h1 {
  padding-right: 3vw;
}
.introRegionStyle_1 .txt .body p {
  padding-left: 3vw;
  border-left: 1px solid #231815;
}
.introRegionStyle_1 .txt .introMore {
  margin-top: 0;
  margin-left: 3vw;
}

.introRegionStyle_2 .img,
.introRegionStyle_3 .img {
  width: 70% !important;
  overflow: hidden !important;
}
.introRegionStyle_2 .txt,
.introRegionStyle_3 .txt {
  width: 24.5% !important;
}
.introRegionStyle_2 .txt .body,
.introRegionStyle_3 .txt .body {
  background-color: #f7f7f7;
}
.introRegionStyle_2 .txt .body h1,
.introRegionStyle_3 .txt .body h1 {
  width: -moz-max-content;
  width: max-content;
  min-width: 70%;
  padding: 0.5vw 0;
  margin-bottom: 1.25vw !important;
  border-top: 1px solid #231815;
  border-bottom: 1px solid #231815;
}

.introRegionStyle_2 {
  background-image: url("/case_assets/tbp250148/assets/images/sample/bg.jpg?v=2506131114");
  justify-content: flex-end !important;
}
.introRegionStyle_2 .txt {
  margin-right: -2.5vw;
  z-index: 5;
}
.introRegionStyle_2 .txt .body {
  position: relative;
  padding: 2.5vw 0;
}
.introRegionStyle_2 .txt .body > * {
  position: relative;
  z-index: 6 !important;
}
.introRegionStyle_2 .txt .body:after {
  content: "";
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 4px;
  left: 4px;
  border: 1px solid #231815;
  z-index: 5;
}

.introRegionStyle_3 {
  background-image: url("/case_assets/tbp250148/assets/images/sample/bg2.jpg?v=2506131114");
}
.introRegionStyle_3 .txt .body {
  background: initial;
  box-shadow: initial;
}

.introRegion_1 .img {
  width: 100%;
  min-height: 53vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc02.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.introRegion_1 .txt {
  position: relative;
}
.introRegion_1 .txt .body {
  position: relative;
}
.introRegion_1 .txt .body .title {
  display: block;
  width: 21vw !important;
  height: 12vw !important;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc02_t1.png?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
}

.introRegion_4 .img {
  width: 100%;
  min-height: 49vw;
  z-index: 1;
}
.introRegion_4 .img .img_list {
  width: 100vw !important;
  height: 53vw !important;
  background-repeat: no-repeat;
  background-size: cover;
}
.introRegion_4 .img .img_list_1 {
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc05a.jpg?v=2506131114");
}
.introRegion_4 .img .img_list_2 {
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc05b.jpg?v=2506131114");
}
.introRegion_4 .img .img_list_3 {
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc05c.jpg?v=2506131114");
}
.introRegion_4 .img .img_list_4 {
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc05d.jpg?v=2506131114");
}
.introRegion_4 .img .img_list_5 {
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc05e.jpg?v=2506131114");
}
.introRegion_4 .txt .body {
  margin-top: 7.5vw !important;
  background-color: rgba(247, 247, 247, 0.9);
  padding: 1.25vw 5vw !important;
  z-index: 2;
}
.introRegion_4 .txt .body p {
  padding: 0.5vw 0 0.5vw 3vw;
}

.introRegion_7 {
  background-color: #fcfcfc;
}
.introRegion_7 .img {
  width: 100%;
  height: 52.9vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc08.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.introRegion_7 .txt .body {
  margin: 3vw 0 !important;
  min-width: initial;
}

.introRegion_9 .img {
  width: 100%;
  min-height: 53vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc09.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}
.introRegion_9 .txt {
  position: relative;
}
.introRegion_9 .txt .body {
  position: relative;
}
.introRegion_9 .txt .body h1 {
  width: -moz-max-content;
  width: max-content;
  border-bottom: 1px solid #231815;
  padding: 0 5vw;
}
.introRegion_9 .txt .body .title {
  display: block;
  width: 42vw !important;
  height: 18vw !important;
  margin-bottom: 1vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc09_t1.png?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
}

.bgStyle {
  background-image: url("/case_assets/tbp250148/assets/images/sample/bg2.jpg?v=2506131114");
}

.bgStyle_2 {
  background-image: url("/case_assets/tbp250148/assets/images/sample/bg.jpg?v=2506131114");
}

.subStyle,
.subStyle_2 {
  margin-bottom: 0.75vw;
}
.subStyle .txt .body h1,
.subStyle_2 .txt .body h1 {
  border-top: 1px solid #675347;
  border-bottom: 1px solid #675347;
  margin-bottom: 1vw !important;
  padding: 0.75vw 0;
}
.subStyle .txt .body:before,
.subStyle_2 .txt .body:before {
  content: "";
  display: block;
  width: 3vw;
  height: 3.5vw;
  margin: 0 auto 1vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/icon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.subStyle.twoColRegion .img,
.subStyle_2.twoColRegion .img {
  border: 8px solid #dad1be;
  overflow: hidden;
}
.subStyle.twoColRegion .img.left,
.subStyle_2.twoColRegion .img.left {
  margin-left: 1vw;
}
.subStyle.twoColRegion .img.right,
.subStyle_2.twoColRegion .img.right {
  margin-right: 1vw;
}

.subStyle_2.twoColRegion .txt .body {
  position: relative;
  padding: 5vw 1.5vw;
  background-color: #f7f7f7;
}
.subStyle_2.twoColRegion .txt .body > * {
  position: relative;
  z-index: 6 !important;
}
.subStyle_2.twoColRegion .txt .body:after {
  content: "";
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  top: 4px;
  left: 4px;
  border: 1px solid #231815;
  z-index: 5;
}

.businessRegion_1 {
  min-height: 52.5vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc02_1.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.serviceRegion_2 {
  min-height: 52.5vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc06_2.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.teamsRegionStyle {
  position: relative;
  width: 100%;
  min-height: 52vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc07_bg3.jpg"), url("/case_assets/tbp250148/assets/images/sample/pc07_bg1.jpg"), url("/case_assets/tbp250148/assets/images/sample/pc07_bg2.jpg");
  background-size: contain, contain, contain;
  background-repeat: no-repeat, no-repeat, repeat-y;
  background-position: bottom, top, center;
  padding: 4.5vw 0;
}

.teamsRegion_1 .txt {
  flex-direction: column;
}
.teamsRegion_1 .txt .img {
  position: relative;
  display: block;
  width: 85vw;
  height: 25.5vw;
  margin-top: 3.5vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc07_1.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.teamsRegion_2 .txt {
  flex-direction: column;
}
.teamsRegion_2 .txt .img {
  position: relative;
  display: block;
  width: 70vw;
  height: 22vw;
  margin-top: 3.5vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc07_2.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.officeMainRegion {
  position: relative;
  display: block;
  width: 100%;
  height: 53vw;
  background-image: url("/case_assets/tbp250148/assets/images/sample/pc10.jpg?v=2506131114");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.officeMainRegion .star_1,
.officeMainRegion .star_2,
.officeMainRegion .star_3,
.officeMainRegion .star_4 {
  position: absolute;
  background-color: white;
  border-radius: 50%;
  animation: fadeOut 4s forwards;
}
.officeMainRegion .star_1 {
  width: 2px;
  height: 2px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
}
.officeMainRegion .star_2 {
  width: 1px;
  height: 1px;
  box-shadow: 0 0 7px rgba(255, 255, 255, 0.8);
}
.officeMainRegion .star_3 {
  width: 0.5px;
  height: 0.5px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
}
.officeMainRegion .star_4 {
  width: 1.25px;
  height: 1.25px;
  box-shadow: 0 0 5px rgba(255, 255, 255, 0.8);
}
@keyframes fadeOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
    transform: scale(2);
  }
  100% {
    opacity: 0;
  }
}

.officeRegion_1 .txt .body h3 {
  font-size: 1.75vw !important;
  font-weight: 500 !important;
  margin-bottom: 0.5vw;
  border: revert;
  color: #434240;
}
.officeRegion_1 .txt .body h1 {
  width: -moz-max-content;
  width: max-content;
  font-size: 2.5vw !important;
  font-weight: 500 !important;
  margin-bottom: 2vw !important;
}

/* ------ */
/* ------ */
@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: 165.3vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob01.jpg?v=2506131114");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
  }
  .txt .body h1 {
    font-family: "Noto Serif TC", serif;
    color: #8a3f22 !important;
    font-size: 5.75vw !important;
    font-weight: bold;
  }
  .txt .body h1 span {
    font-size: 5.5vw !important;
  }
  .txt .body p {
    font-size: 3.85vw !important;
    line-height: 7.5vw !important;
    color: #231815 !important;
  }
  .txt .body h3 {
    font-family: "Noto Serif TC", serif;
    font-weight: bold !important;
    width: -moz-max-content;
    width: max-content;
    font-size: 5vw !important;
    padding: 1.7vw 3.25vw;
    border: 1px solid #9a7329;
    margin: 5vw 0;
  }
  .boxMode .txt {
    padding: 4vw 0 !important;
  }
  .introMore {
    width: 75%;
    font-size: 4.125vw;
    padding: 3vw 4vw;
    margin: 5vw auto 0;
  }
  .introRegionStyle_1 .img {
    width: 100%;
  }
  .introRegionStyle_1 .txt {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .introRegionStyle_1 .txt .body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 90%;
  }
  .introRegionStyle_1 .txt .body h3 {
    margin: 0 2.75vw 2.5vw !important;
  }
  .introRegionStyle_1 .txt .body h1 {
    width: -moz-max-content;
    width: max-content;
    min-width: 82.5%;
    padding: 2.5vw 0;
    margin-bottom: 3.25vw !important;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
  }
  .introRegionStyle_1 .txt .body p {
    padding: initial;
    border-left: initial;
    padding-top: 0;
  }
  .introRegionStyle_1 .txt .introMore {
    margin-left: auto;
    margin-top: 5vw;
  }
  .introRegionStyle_2 .img,
  .introRegionStyle_3 .img {
    width: 100% !important;
    overflow: hidden !important;
  }
  .introRegionStyle_2 .txt,
  .introRegionStyle_3 .txt {
    width: 100% !important;
  }
  .introRegionStyle_2 .txt .body,
  .introRegionStyle_3 .txt .body {
    width: 80% !important;
    padding-bottom: 4vw !important;
    margin: 12.5vw 0 7vw;
  }
  .introRegionStyle_2 .txt .body h1,
  .introRegionStyle_3 .txt .body h1 {
    width: -moz-max-content;
    width: max-content;
    min-width: 70%;
    padding: 2.5vw 0;
    margin-bottom: 3.25vw !important;
    border-top: 1px solid #231815;
    border-bottom: 1px solid #231815;
  }
  .introRegionStyle_2 {
    justify-content: flex-end !important;
  }
  .introRegionStyle_2 .txt {
    padding-top: 0 !important;
    margin-right: 0;
    z-index: 5;
  }
  .introRegionStyle_2 .txt .body {
    padding: 2.5vw 0;
  }
  .introRegionStyle_3 {
    background-image: url("/case_assets/tbp250148/assets/images/sample/bg2.jpg?v=2506131114");
  }
  .introRegionStyle_3 .txt {
    padding-bottom: 0vw !important;
  }
  .introRegionStyle_3 .txt .body {
    background: initial;
    box-shadow: initial;
    margin-top: 10vw !important;
    margin-bottom: 10vw !important;
  }
  .introRegion_1 .img {
    width: 100%;
    min-height: 130vw;
    background: initial !important;
  }
  .introRegion_1 .txt {
    position: relative !important;
    background-color: #113279;
  }
  .introRegion_1 .txt .body {
    position: relative;
    width: 48% !important;
  }
  .introRegion_1 .txt .body .title {
    display: block;
    width: 100% !important;
    height: 28vw !important;
    background-image: url("/case_assets/tbp250148/assets/images/sample/pc02_t1.png?v=2506131114");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .introRegion_2 .txt .body {
    margin-bottom: -10vw !important;
  }
  .introRegion_4 {
    min-height: 160vw;
  }
  .introRegion_4 .img .img_list {
    width: 100vw !important;
    height: 165vw !important;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .introRegion_4 .img .img_list_1 {
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob05a.jpg?v=2506131114");
  }
  .introRegion_4 .img .img_list_2 {
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob05b.jpg?v=2506131114");
  }
  .introRegion_4 .img .img_list_3 {
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob05c.jpg?v=2506131114");
  }
  .introRegion_4 .img .img_list_4 {
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob05d.jpg?v=2506131114");
  }
  .introRegion_4 .img .img_list_5 {
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob05e.jpg?v=2506131114");
  }
  .introRegion_4 .txt {
    position: absolute !important;
  }
  .introRegion_4 .txt .body {
    padding: 7.5vw 0 !important;
  }
  .introRegion_7 .img {
    width: 100%;
    height: 165vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob08.jpg?v=2506131114");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .introRegion_7 .txt .body {
    width: 85% !important;
    min-width: initial !important;
    margin: 15vw 0 5vw !important;
  }
  .introRegion_7 .txt .body p {
    width: 90% !important;
  }
  .introRegion_9 .img {
    width: 100%;
    min-height: 165vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob09.jpg?v=2506131114");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
  }
  .introRegion_9 .txt {
    position: absolute !important;
  }
  .introRegion_9 .txt .body {
    position: relative;
  }
  .introRegion_9 .txt .body h1 {
    padding: 0 5vw;
  }
  .introRegion_9 .txt .body .title {
    width: 85vw !important;
    height: 36vw !important;
    background-size: contain;
    background-position: center;
    margin-bottom: 1vw;
  }
  .subStyle,
  .subStyle_2 {
    margin-bottom: 3vw;
  }
  .subStyle .txt .body h1,
  .subStyle_2 .txt .body h1 {
    border-top: 1px solid #675347;
    border-bottom: 1px solid #675347;
    margin-bottom: 3vw !important;
    padding: 2.75vw 0;
  }
  .subStyle .txt .body:before,
  .subStyle_2 .txt .body:before {
    width: 10vw;
    height: 14vw;
    margin: 8vw auto 3vw;
  }
  .subStyle.twoColRegion .img,
  .subStyle_2.twoColRegion .img {
    border: initial;
  }
  .subStyle.twoColRegion .img.left,
  .subStyle_2.twoColRegion .img.left {
    margin-left: 0;
  }
  .subStyle.twoColRegion .img.right,
  .subStyle_2.twoColRegion .img.right {
    margin-right: 0;
  }
  .subStyle_2.twoColRegion .txt .body {
    padding: 3vw 1.5vw;
  }
  .subStyle_2.twoColRegion .txt .body > * {
    width: 92.5%;
  }
  .businessRegion_1 {
    min-height: 187vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob02_1.jpg?v=2506131114");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .businessRegion_1 .txt .body:before {
    margin-top: 0;
  }
  .serviceRegion_2 {
    min-height: 165vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob06_2.jpg?v=2506131114");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  }
  .teamsRegionStyle {
    position: relative;
    width: 100%;
    min-height: 52vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob07_bg3.jpg"), url("/case_assets/tbp250148/assets/images/sample/mob07_bg1.jpg"), url("/case_assets/tbp250148/assets/images/sample/mob07_bg2.jpg");
    background-size: contain, contain, contain;
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: bottom, top, center;
    padding: 4.5vw 0;
  }
  .teamsRegionStyle .txt .body:before {
    margin-top: 0;
  }
  .teamsRegion_1 .txt .img {
    width: 85vw;
    height: 110.5vw;
    margin-top: 4.5vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob07_1.jpg?v=2506131114");
  }
  .teamsRegion_2 .txt .img {
    width: 85vw;
    height: 109vw;
    margin-top: 3.5vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob07_2.jpg?v=2506131114");
  }
  .officeMainRegion {
    width: 100%;
    height: 165vw;
    background-image: url("/case_assets/tbp250148/assets/images/sample/mob10.jpg?v=2506131114");
  }
  .officeRegion_1 .txt .body {
    width: 95% !important;
  }
  .officeRegion_1 .txt .body h3 {
    font-size: 8vw !important;
    margin-bottom: 2.5vw;
  }
  .officeRegion_1 .txt .body h1 {
    font-size: 11.5vw !important;
    margin-bottom: 5vw !important;
    padding: 4vw 3vw;
  }
}
/* ------ */