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

.fontSerif {
  font-family: "Noto Serif TC", serif;
}

.colorStrong {
  color: #bfa167 !important;
}

.paginationBar.in-outSideStyle {
  display: flex;
  width: 100%;
  bottom: 20px;
  left: 0;
  position: absolute;
  align-items: center;
  justify-content: center;
  z-index: 8;
}
@media (max-width: 768px) {
  .paginationBar.in-outSideStyle {
    position: relative;
    bottom: unset;
    margin: 2vw 0;
  }
}

ul.gridRegion {
  display: grid;
}
ul.gridRegion.pcCol1 {
  grid-template-columns: repeat(1, 1fr);
}
ul.gridRegion.gap1 {
  gap: 1vw;
}
ul.gridRegion .pcSpanCol1 {
  grid-column: span 1;
}
ul.gridRegion .pcSpanRow1 {
  grid-row: span 1;
}
ul.gridRegion.pcCol2 {
  grid-template-columns: repeat(2, 1fr);
}
ul.gridRegion.gap2 {
  gap: 2vw;
}
ul.gridRegion .pcSpanCol2 {
  grid-column: span 2;
}
ul.gridRegion .pcSpanRow2 {
  grid-row: span 2;
}
ul.gridRegion.pcCol3 {
  grid-template-columns: repeat(3, 1fr);
}
ul.gridRegion.gap3 {
  gap: 3vw;
}
ul.gridRegion .pcSpanCol3 {
  grid-column: span 3;
}
ul.gridRegion .pcSpanRow3 {
  grid-row: span 3;
}
ul.gridRegion.pcCol4 {
  grid-template-columns: repeat(4, 1fr);
}
ul.gridRegion.gap4 {
  gap: 4vw;
}
ul.gridRegion .pcSpanCol4 {
  grid-column: span 4;
}
ul.gridRegion .pcSpanRow4 {
  grid-row: span 4;
}
ul.gridRegion.pcCol5 {
  grid-template-columns: repeat(5, 1fr);
}
ul.gridRegion.gap5 {
  gap: 5vw;
}
ul.gridRegion .pcSpanCol5 {
  grid-column: span 5;
}
ul.gridRegion .pcSpanRow5 {
  grid-row: span 5;
}
ul.gridRegion.pcCol6 {
  grid-template-columns: repeat(6, 1fr);
}
ul.gridRegion.gap6 {
  gap: 6vw;
}
ul.gridRegion .pcSpanCol6 {
  grid-column: span 6;
}
ul.gridRegion .pcSpanRow6 {
  grid-row: span 6;
}
ul.gridRegion.pcCol7 {
  grid-template-columns: repeat(7, 1fr);
}
ul.gridRegion.gap7 {
  gap: 7vw;
}
ul.gridRegion .pcSpanCol7 {
  grid-column: span 7;
}
ul.gridRegion .pcSpanRow7 {
  grid-row: span 7;
}
ul.gridRegion.pcCol8 {
  grid-template-columns: repeat(8, 1fr);
}
ul.gridRegion.gap8 {
  gap: 8vw;
}
ul.gridRegion .pcSpanCol8 {
  grid-column: span 8;
}
ul.gridRegion .pcSpanRow8 {
  grid-row: span 8;
}
ul.gridRegion.pcCol9 {
  grid-template-columns: repeat(9, 1fr);
}
ul.gridRegion.gap9 {
  gap: 9vw;
}
ul.gridRegion .pcSpanCol9 {
  grid-column: span 9;
}
ul.gridRegion .pcSpanRow9 {
  grid-row: span 9;
}
ul.gridRegion.pcCol10 {
  grid-template-columns: repeat(10, 1fr);
}
ul.gridRegion.gap10 {
  gap: 10vw;
}
ul.gridRegion .pcSpanCol10 {
  grid-column: span 10;
}
ul.gridRegion .pcSpanRow10 {
  grid-row: span 10;
}
ul.gridRegion.pcCol11 {
  grid-template-columns: repeat(11, 1fr);
}
ul.gridRegion.gap11 {
  gap: 11vw;
}
ul.gridRegion .pcSpanCol11 {
  grid-column: span 11;
}
ul.gridRegion .pcSpanRow11 {
  grid-row: span 11;
}
ul.gridRegion.pcCol12 {
  grid-template-columns: repeat(12, 1fr);
}
ul.gridRegion.gap12 {
  gap: 12vw;
}
ul.gridRegion .pcSpanCol12 {
  grid-column: span 12;
}
ul.gridRegion .pcSpanRow12 {
  grid-row: span 12;
}
ul.gridRegion.pcCol13 {
  grid-template-columns: repeat(13, 1fr);
}
ul.gridRegion.gap13 {
  gap: 13vw;
}
ul.gridRegion .pcSpanCol13 {
  grid-column: span 13;
}
ul.gridRegion .pcSpanRow13 {
  grid-row: span 13;
}
ul.gridRegion.pcCol14 {
  grid-template-columns: repeat(14, 1fr);
}
ul.gridRegion.gap14 {
  gap: 14vw;
}
ul.gridRegion .pcSpanCol14 {
  grid-column: span 14;
}
ul.gridRegion .pcSpanRow14 {
  grid-row: span 14;
}
ul.gridRegion.pcCol15 {
  grid-template-columns: repeat(15, 1fr);
}
ul.gridRegion.gap15 {
  gap: 15vw;
}
ul.gridRegion .pcSpanCol15 {
  grid-column: span 15;
}
ul.gridRegion .pcSpanRow15 {
  grid-row: span 15;
}
ul.gridRegion.pcCol16 {
  grid-template-columns: repeat(16, 1fr);
}
ul.gridRegion.gap16 {
  gap: 16vw;
}
ul.gridRegion .pcSpanCol16 {
  grid-column: span 16;
}
ul.gridRegion .pcSpanRow16 {
  grid-row: span 16;
}
ul.gridRegion.pcCol17 {
  grid-template-columns: repeat(17, 1fr);
}
ul.gridRegion.gap17 {
  gap: 17vw;
}
ul.gridRegion .pcSpanCol17 {
  grid-column: span 17;
}
ul.gridRegion .pcSpanRow17 {
  grid-row: span 17;
}
ul.gridRegion.pcCol18 {
  grid-template-columns: repeat(18, 1fr);
}
ul.gridRegion.gap18 {
  gap: 18vw;
}
ul.gridRegion .pcSpanCol18 {
  grid-column: span 18;
}
ul.gridRegion .pcSpanRow18 {
  grid-row: span 18;
}
ul.gridRegion.pcCol19 {
  grid-template-columns: repeat(19, 1fr);
}
ul.gridRegion.gap19 {
  gap: 19vw;
}
ul.gridRegion .pcSpanCol19 {
  grid-column: span 19;
}
ul.gridRegion .pcSpanRow19 {
  grid-row: span 19;
}
ul.gridRegion.pcCol20 {
  grid-template-columns: repeat(20, 1fr);
}
ul.gridRegion.gap20 {
  gap: 20vw;
}
ul.gridRegion .pcSpanCol20 {
  grid-column: span 20;
}
ul.gridRegion .pcSpanRow20 {
  grid-row: span 20;
}
ul.gridRegion .txt {
  display: flex;
}
ul.gridRegion .txt.middle {
  align-items: center;
}
ul.gridRegion .txt.bottom {
  align-items: flex-end;
}
ul.gridRegion .txt.padding {
  padding-left: 5%;
}
ul.gridRegion .txt.pcPadding {
  padding-left: 5%;
}
ul.gridRegion .txt .body h3 {
  font-size: 1.19vw;
  font-weight: 500;
}
ul.gridRegion .txt .body h1 {
  font-size: 1.9vw;
  font-weight: 700;
  color: #000;
  margin: 0.75vw 0;
}
ul.gridRegion .txt .body p {
  font-size: 1vw;
  line-height: 2vw;
  color: #000;
}
ul.gridRegion .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
@media (max-width: 768px) {
  ul.gridRegion.pcCol1 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol1 {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol1 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow1 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol1 {
    grid-column: span 1;
  }
  ul.gridRegion .mobSpanRow1 {
    grid-row: span 1;
  }
  ul.gridRegion.pcCol2 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol2 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol2 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow2 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol2 {
    grid-column: span 2;
  }
  ul.gridRegion .mobSpanRow2 {
    grid-row: span 2;
  }
  ul.gridRegion.pcCol3 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol3 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol3 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow3 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol3 {
    grid-column: span 3;
  }
  ul.gridRegion .mobSpanRow3 {
    grid-row: span 3;
  }
  ul.gridRegion.pcCol4 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol4 {
    grid-template-columns: repeat(4, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol4 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow4 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol4 {
    grid-column: span 4;
  }
  ul.gridRegion .mobSpanRow4 {
    grid-row: span 4;
  }
  ul.gridRegion.pcCol5 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol5 {
    grid-template-columns: repeat(5, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol5 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow5 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol5 {
    grid-column: span 5;
  }
  ul.gridRegion .mobSpanRow5 {
    grid-row: span 5;
  }
  ul.gridRegion.pcCol6 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol6 {
    grid-template-columns: repeat(6, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol6 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow6 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol6 {
    grid-column: span 6;
  }
  ul.gridRegion .mobSpanRow6 {
    grid-row: span 6;
  }
  ul.gridRegion.pcCol7 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol7 {
    grid-template-columns: repeat(7, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol7 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow7 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol7 {
    grid-column: span 7;
  }
  ul.gridRegion .mobSpanRow7 {
    grid-row: span 7;
  }
  ul.gridRegion.pcCol8 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol8 {
    grid-template-columns: repeat(8, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol8 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow8 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol8 {
    grid-column: span 8;
  }
  ul.gridRegion .mobSpanRow8 {
    grid-row: span 8;
  }
  ul.gridRegion.pcCol9 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol9 {
    grid-template-columns: repeat(9, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol9 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow9 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol9 {
    grid-column: span 9;
  }
  ul.gridRegion .mobSpanRow9 {
    grid-row: span 9;
  }
  ul.gridRegion.pcCol10 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol10 {
    grid-template-columns: repeat(10, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol10 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow10 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol10 {
    grid-column: span 10;
  }
  ul.gridRegion .mobSpanRow10 {
    grid-row: span 10;
  }
  ul.gridRegion.pcCol11 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol11 {
    grid-template-columns: repeat(11, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol11 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow11 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol11 {
    grid-column: span 11;
  }
  ul.gridRegion .mobSpanRow11 {
    grid-row: span 11;
  }
  ul.gridRegion.pcCol12 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol12 {
    grid-template-columns: repeat(12, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol12 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow12 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol12 {
    grid-column: span 12;
  }
  ul.gridRegion .mobSpanRow12 {
    grid-row: span 12;
  }
  ul.gridRegion.pcCol13 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol13 {
    grid-template-columns: repeat(13, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol13 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow13 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol13 {
    grid-column: span 13;
  }
  ul.gridRegion .mobSpanRow13 {
    grid-row: span 13;
  }
  ul.gridRegion.pcCol14 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol14 {
    grid-template-columns: repeat(14, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol14 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow14 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol14 {
    grid-column: span 14;
  }
  ul.gridRegion .mobSpanRow14 {
    grid-row: span 14;
  }
  ul.gridRegion.pcCol15 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol15 {
    grid-template-columns: repeat(15, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol15 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow15 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol15 {
    grid-column: span 15;
  }
  ul.gridRegion .mobSpanRow15 {
    grid-row: span 15;
  }
  ul.gridRegion.pcCol16 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol16 {
    grid-template-columns: repeat(16, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol16 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow16 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol16 {
    grid-column: span 16;
  }
  ul.gridRegion .mobSpanRow16 {
    grid-row: span 16;
  }
  ul.gridRegion.pcCol17 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol17 {
    grid-template-columns: repeat(17, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol17 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow17 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol17 {
    grid-column: span 17;
  }
  ul.gridRegion .mobSpanRow17 {
    grid-row: span 17;
  }
  ul.gridRegion.pcCol18 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol18 {
    grid-template-columns: repeat(18, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol18 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow18 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol18 {
    grid-column: span 18;
  }
  ul.gridRegion .mobSpanRow18 {
    grid-row: span 18;
  }
  ul.gridRegion.pcCol19 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol19 {
    grid-template-columns: repeat(19, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol19 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow19 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol19 {
    grid-column: span 19;
  }
  ul.gridRegion .mobSpanRow19 {
    grid-row: span 19;
  }
  ul.gridRegion.pcCol20 {
    grid-template-columns: unset;
  }
  ul.gridRegion.mobCol20 {
    grid-template-columns: repeat(20, 1fr) !important;
  }
  ul.gridRegion .pcSpanCol20 {
    grid-column: unset;
  }
  ul.gridRegion .pcSpanRow20 {
    grid-row: unset;
  }
  ul.gridRegion .mobSpanCol20 {
    grid-column: span 20;
  }
  ul.gridRegion .mobSpanRow20 {
    grid-row: span 20;
  }
  ul.gridRegion .txt.pcPadding {
    padding-left: unset;
  }
  ul.gridRegion .txt .body h3 {
    font-size: 4.5vw;
  }
  ul.gridRegion .txt .body h1 {
    font-size: 6.75vw;
    margin: 2.75vw 0;
  }
  ul.gridRegion .txt .body p {
    font-size: 4vw;
    line-height: 6.75vw;
  }
}

.pcMA {
  margin: auto;
}
@media (max-width: 768px) {
  .pcMA {
    margin: unset !important;
  }
}

.mobMA {
  margin: auto !important;
}

.pcPH0 {
  padding-left: 0vw !important;
  padding-right: 0vw !important;
  box-sizing: border-box !important;
}

.pcPV0 {
  padding-top: 0vw !important;
  padding-bottom: 0vw !important;
}

.pcP0 {
  padding: 0vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH0 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV0 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP0 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH0 {
    padding-left: 0vw !important;
    padding-right: 0vw !important;
    box-sizing: border-box !important;
  }
  .mobPV0 {
    padding-top: 0vw !important;
    padding-bottom: 0vw !important;
  }
  .mobP0 {
    padding: 0vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH1 {
  padding-left: 1vw !important;
  padding-right: 1vw !important;
  box-sizing: border-box !important;
}

.pcPV1 {
  padding-top: 1vw !important;
  padding-bottom: 1vw !important;
}

.pcP1 {
  padding: 1vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH1 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV1 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP1 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH1 {
    padding-left: 1vw !important;
    padding-right: 1vw !important;
    box-sizing: border-box !important;
  }
  .mobPV1 {
    padding-top: 1vw !important;
    padding-bottom: 1vw !important;
  }
  .mobP1 {
    padding: 1vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH2 {
  padding-left: 2vw !important;
  padding-right: 2vw !important;
  box-sizing: border-box !important;
}

.pcPV2 {
  padding-top: 2vw !important;
  padding-bottom: 2vw !important;
}

.pcP2 {
  padding: 2vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH2 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV2 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP2 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH2 {
    padding-left: 2vw !important;
    padding-right: 2vw !important;
    box-sizing: border-box !important;
  }
  .mobPV2 {
    padding-top: 2vw !important;
    padding-bottom: 2vw !important;
  }
  .mobP2 {
    padding: 2vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH3 {
  padding-left: 3vw !important;
  padding-right: 3vw !important;
  box-sizing: border-box !important;
}

.pcPV3 {
  padding-top: 3vw !important;
  padding-bottom: 3vw !important;
}

.pcP3 {
  padding: 3vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH3 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV3 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP3 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH3 {
    padding-left: 3vw !important;
    padding-right: 3vw !important;
    box-sizing: border-box !important;
  }
  .mobPV3 {
    padding-top: 3vw !important;
    padding-bottom: 3vw !important;
  }
  .mobP3 {
    padding: 3vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH4 {
  padding-left: 4vw !important;
  padding-right: 4vw !important;
  box-sizing: border-box !important;
}

.pcPV4 {
  padding-top: 4vw !important;
  padding-bottom: 4vw !important;
}

.pcP4 {
  padding: 4vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH4 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV4 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP4 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH4 {
    padding-left: 4vw !important;
    padding-right: 4vw !important;
    box-sizing: border-box !important;
  }
  .mobPV4 {
    padding-top: 4vw !important;
    padding-bottom: 4vw !important;
  }
  .mobP4 {
    padding: 4vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH5 {
  padding-left: 5vw !important;
  padding-right: 5vw !important;
  box-sizing: border-box !important;
}

.pcPV5 {
  padding-top: 5vw !important;
  padding-bottom: 5vw !important;
}

.pcP5 {
  padding: 5vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH5 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV5 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP5 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH5 {
    padding-left: 5vw !important;
    padding-right: 5vw !important;
    box-sizing: border-box !important;
  }
  .mobPV5 {
    padding-top: 5vw !important;
    padding-bottom: 5vw !important;
  }
  .mobP5 {
    padding: 5vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH6 {
  padding-left: 6vw !important;
  padding-right: 6vw !important;
  box-sizing: border-box !important;
}

.pcPV6 {
  padding-top: 6vw !important;
  padding-bottom: 6vw !important;
}

.pcP6 {
  padding: 6vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH6 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV6 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP6 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH6 {
    padding-left: 6vw !important;
    padding-right: 6vw !important;
    box-sizing: border-box !important;
  }
  .mobPV6 {
    padding-top: 6vw !important;
    padding-bottom: 6vw !important;
  }
  .mobP6 {
    padding: 6vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH7 {
  padding-left: 7vw !important;
  padding-right: 7vw !important;
  box-sizing: border-box !important;
}

.pcPV7 {
  padding-top: 7vw !important;
  padding-bottom: 7vw !important;
}

.pcP7 {
  padding: 7vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH7 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV7 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP7 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH7 {
    padding-left: 7vw !important;
    padding-right: 7vw !important;
    box-sizing: border-box !important;
  }
  .mobPV7 {
    padding-top: 7vw !important;
    padding-bottom: 7vw !important;
  }
  .mobP7 {
    padding: 7vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH8 {
  padding-left: 8vw !important;
  padding-right: 8vw !important;
  box-sizing: border-box !important;
}

.pcPV8 {
  padding-top: 8vw !important;
  padding-bottom: 8vw !important;
}

.pcP8 {
  padding: 8vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH8 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV8 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP8 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH8 {
    padding-left: 8vw !important;
    padding-right: 8vw !important;
    box-sizing: border-box !important;
  }
  .mobPV8 {
    padding-top: 8vw !important;
    padding-bottom: 8vw !important;
  }
  .mobP8 {
    padding: 8vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH9 {
  padding-left: 9vw !important;
  padding-right: 9vw !important;
  box-sizing: border-box !important;
}

.pcPV9 {
  padding-top: 9vw !important;
  padding-bottom: 9vw !important;
}

.pcP9 {
  padding: 9vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH9 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV9 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP9 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH9 {
    padding-left: 9vw !important;
    padding-right: 9vw !important;
    box-sizing: border-box !important;
  }
  .mobPV9 {
    padding-top: 9vw !important;
    padding-bottom: 9vw !important;
  }
  .mobP9 {
    padding: 9vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH10 {
  padding-left: 10vw !important;
  padding-right: 10vw !important;
  box-sizing: border-box !important;
}

.pcPV10 {
  padding-top: 10vw !important;
  padding-bottom: 10vw !important;
}

.pcP10 {
  padding: 10vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH10 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV10 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP10 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH10 {
    padding-left: 10vw !important;
    padding-right: 10vw !important;
    box-sizing: border-box !important;
  }
  .mobPV10 {
    padding-top: 10vw !important;
    padding-bottom: 10vw !important;
  }
  .mobP10 {
    padding: 10vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH11 {
  padding-left: 11vw !important;
  padding-right: 11vw !important;
  box-sizing: border-box !important;
}

.pcPV11 {
  padding-top: 11vw !important;
  padding-bottom: 11vw !important;
}

.pcP11 {
  padding: 11vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH11 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV11 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP11 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH11 {
    padding-left: 11vw !important;
    padding-right: 11vw !important;
    box-sizing: border-box !important;
  }
  .mobPV11 {
    padding-top: 11vw !important;
    padding-bottom: 11vw !important;
  }
  .mobP11 {
    padding: 11vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH12 {
  padding-left: 12vw !important;
  padding-right: 12vw !important;
  box-sizing: border-box !important;
}

.pcPV12 {
  padding-top: 12vw !important;
  padding-bottom: 12vw !important;
}

.pcP12 {
  padding: 12vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH12 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV12 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP12 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH12 {
    padding-left: 12vw !important;
    padding-right: 12vw !important;
    box-sizing: border-box !important;
  }
  .mobPV12 {
    padding-top: 12vw !important;
    padding-bottom: 12vw !important;
  }
  .mobP12 {
    padding: 12vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH13 {
  padding-left: 13vw !important;
  padding-right: 13vw !important;
  box-sizing: border-box !important;
}

.pcPV13 {
  padding-top: 13vw !important;
  padding-bottom: 13vw !important;
}

.pcP13 {
  padding: 13vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH13 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV13 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP13 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH13 {
    padding-left: 13vw !important;
    padding-right: 13vw !important;
    box-sizing: border-box !important;
  }
  .mobPV13 {
    padding-top: 13vw !important;
    padding-bottom: 13vw !important;
  }
  .mobP13 {
    padding: 13vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH14 {
  padding-left: 14vw !important;
  padding-right: 14vw !important;
  box-sizing: border-box !important;
}

.pcPV14 {
  padding-top: 14vw !important;
  padding-bottom: 14vw !important;
}

.pcP14 {
  padding: 14vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH14 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV14 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP14 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH14 {
    padding-left: 14vw !important;
    padding-right: 14vw !important;
    box-sizing: border-box !important;
  }
  .mobPV14 {
    padding-top: 14vw !important;
    padding-bottom: 14vw !important;
  }
  .mobP14 {
    padding: 14vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH15 {
  padding-left: 15vw !important;
  padding-right: 15vw !important;
  box-sizing: border-box !important;
}

.pcPV15 {
  padding-top: 15vw !important;
  padding-bottom: 15vw !important;
}

.pcP15 {
  padding: 15vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH15 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV15 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP15 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH15 {
    padding-left: 15vw !important;
    padding-right: 15vw !important;
    box-sizing: border-box !important;
  }
  .mobPV15 {
    padding-top: 15vw !important;
    padding-bottom: 15vw !important;
  }
  .mobP15 {
    padding: 15vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH16 {
  padding-left: 16vw !important;
  padding-right: 16vw !important;
  box-sizing: border-box !important;
}

.pcPV16 {
  padding-top: 16vw !important;
  padding-bottom: 16vw !important;
}

.pcP16 {
  padding: 16vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH16 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV16 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP16 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH16 {
    padding-left: 16vw !important;
    padding-right: 16vw !important;
    box-sizing: border-box !important;
  }
  .mobPV16 {
    padding-top: 16vw !important;
    padding-bottom: 16vw !important;
  }
  .mobP16 {
    padding: 16vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH17 {
  padding-left: 17vw !important;
  padding-right: 17vw !important;
  box-sizing: border-box !important;
}

.pcPV17 {
  padding-top: 17vw !important;
  padding-bottom: 17vw !important;
}

.pcP17 {
  padding: 17vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH17 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV17 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP17 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH17 {
    padding-left: 17vw !important;
    padding-right: 17vw !important;
    box-sizing: border-box !important;
  }
  .mobPV17 {
    padding-top: 17vw !important;
    padding-bottom: 17vw !important;
  }
  .mobP17 {
    padding: 17vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH18 {
  padding-left: 18vw !important;
  padding-right: 18vw !important;
  box-sizing: border-box !important;
}

.pcPV18 {
  padding-top: 18vw !important;
  padding-bottom: 18vw !important;
}

.pcP18 {
  padding: 18vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH18 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV18 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP18 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH18 {
    padding-left: 18vw !important;
    padding-right: 18vw !important;
    box-sizing: border-box !important;
  }
  .mobPV18 {
    padding-top: 18vw !important;
    padding-bottom: 18vw !important;
  }
  .mobP18 {
    padding: 18vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH19 {
  padding-left: 19vw !important;
  padding-right: 19vw !important;
  box-sizing: border-box !important;
}

.pcPV19 {
  padding-top: 19vw !important;
  padding-bottom: 19vw !important;
}

.pcP19 {
  padding: 19vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH19 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV19 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP19 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH19 {
    padding-left: 19vw !important;
    padding-right: 19vw !important;
    box-sizing: border-box !important;
  }
  .mobPV19 {
    padding-top: 19vw !important;
    padding-bottom: 19vw !important;
  }
  .mobP19 {
    padding: 19vw !important;
    box-sizing: border-box !important;
  }
}
.pcPH20 {
  padding-left: 20vw !important;
  padding-right: 20vw !important;
  box-sizing: border-box !important;
}

.pcPV20 {
  padding-top: 20vw !important;
  padding-bottom: 20vw !important;
}

.pcP20 {
  padding: 20vw !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .pcPH20 {
    padding-left: unset !important;
    padding-right: unset !important;
    box-sizing: unset !important;
  }
  .pcPV20 {
    padding-top: unset !important;
    padding-bottom: unset !important;
  }
  .pcP20 {
    padding: unset !important;
    box-sizing: unset !important;
  }
  .mobPH20 {
    padding-left: 20vw !important;
    padding-right: 20vw !important;
    box-sizing: border-box !important;
  }
  .mobPV20 {
    padding-top: 20vw !important;
    padding-bottom: 20vw !important;
  }
  .mobP20 {
    padding: 20vw !important;
    box-sizing: border-box !important;
  }
}
/* ------ */
/* ------ */
.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;
}

/* ------ */
/* ------ */
.event {
  position: fixed;
  content: "";
  display: inline-block;
  background-image: url("/case_assets/nrp250175/assets/images/sample/event_icon.png?v=2506111738");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  width: 10em;
  height: 10em;
  bottom: 10em;
  right: 0;
  z-index: 5 !important;
}
.event .container {
  width: 100%;
  height: 100%;
  position: relative;
}
.event .container a {
  display: block;
  width: 100%;
  height: 100%;
}
.event .container i {
  position: absolute;
  font-size: 1.2em;
  right: 1.2em;
  top: -1.2em;
  color: #e0e0e0;
}
@media (max-width: 768px) {
  .event {
    width: 35vw;
    height: 35vw;
    bottom: 70px;
  }
  .event .container i {
    font-size: 1em;
    right: 1.5em;
    top: -1.15em;
  }
}

.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;
}

a.baseURL {
  display: flex;
  flex-direction: row;
  align-items: center !important;
  color: #000;
}
a.baseURL i {
  padding-top: 0.3em;
}

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

/* ------ */
/* ------ */
footer .caseInfo {
  background: rgba(18, 16, 90, 0.8117647059) linear-gradient(180deg, rgba(18, 16, 90, 0.8117647059) 0%, rgba(29, 23, 12, 0.0509803922) 100%) 0% 0% no-repeat padding-box;
}

/* ------ */
/* ------ */
.keyVision .fullBg {
  min-height: 53vw;
  background-image: url("/case_assets/nrp250175/assets/images/sample/pc01.jpg?v=2506111738");
  background-repeat: no-repeat;
  background-size: cover;
}
.keyVision .video {
  padding-bottom: 53.25% !important;
}
.keyVision .video:before {
  position: absolute;
  display: block;
  content: "\611B\5C71\6797\884C\92B7";
  left: 1%;
  top: 1%;
  color: #000;
}

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

.swiper-pagination-bullet {
  width: 0.8vw !important;
  height: 0.8vw !important;
  background: #c9c9c9 !important;
  margin: 0.25vw !important;
  opacity: 1 !important;
}

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

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

.fontWhite h1 {
  color: #fff !important;
}
.fontWhite h3 {
  color: #fff !important;
}
.fontWhite p {
  color: #fff !important;
}

.txt .body h1 {
  font-family: "Noto Serif TC", serif;
}
.txt .body h3 {
  color: #bfa167 !important;
}

.bg1 {
  background-image: url("/case_assets/nrp250175/assets/images/sample/pc_bg1.jpg?v=2506111738");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

#culture {
  background: #183883 0% 0% no-repeat padding-box;
}
#culture .txt .body p {
  margin: 0.5em 0;
}
#culture .img {
  position: relative;
}
#culture .img .noteBody {
  width: 100% !important;
  height: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent !important;
  padding: 1vw 0;
  font-size: 1vw;
}
#culture .img .noteBody img {
  width: 2.25em;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 0.5em;
}
#culture .img .paginationBar.outSideStyle {
  margin-top: 4.5vw !important;
}
@media (max-width: 768px) {
  #culture .txt .body {
    width: -moz-fit-content;
    width: fit-content;
  }
  #culture .txt .body p {
    margin: 0.5em 0;
  }
  #culture .img {
    margin-left: 5vw !important;
  }
  #culture .img .noteBody {
    padding: 5vw 0;
    font-size: 4vw;
  }
  #culture .img .noteBody img {
    width: 7%;
  }
  #culture .img .paginationBar.outSideStyle {
    margin-top: 12vw !important;
  }
}

#location .fullRegion {
  padding-bottom: 1vw;
}
#location .fullRegion .txt {
  z-index: 2;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
#location .fullRegion .txt h1 {
  font-size: 3vw !important;
}
@media (max-width: 768px) {
  #location.bg1 {
    background-image: unset !important;
  }
  #location .fullRegion .txt {
    width: 100%;
    position: relative;
    color: #000 !important;
  }
  #location .fullRegion .txt .body {
    width: 100%;
  }
  #location .fullRegion .txt h1 {
    font-size: 8vw !important;
    color: #000 !important;
  }
  #location .fullRegion .txt h3 {
    font-size: 4.05vw;
    color: #000 !important;
  }
  #location .fullRegion .img .noteBody {
    position: relative;
    bottom: unset !important;
    background-color: unset !important;
    color: #000 !important;
  }
}

#life .txt .body.decoIcon {
  position: relative;
}
#life .txt .body.decoIcon::before {
  position: absolute;
  top: -2.5vw;
  left: -5vw;
  content: "";
  width: 5vw;
  height: 5vw;
  display: block;
  background-image: url("/case_assets/nrp250175/assets/images/sample/icon1.png?v=2506111738");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}
@media (max-width: 768px) {
  #life .txt .body {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  #life .txt .body.decoIcon::before {
    top: -10vw;
    left: -18vw;
    width: 20vw;
    height: 20vw;
  }
}
@media (max-width: 768px) {
  #life .img {
    margin-bottom: 6.5vw;
  }
}

#mrt .txt .body h1 {
  display: flex;
  justify-content: center;
  align-items: center;
}
#mrt .txt .body img {
  width: 5vw;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  margin: 0 0.2em;
}
#mrt .img .flexRegion {
  gap: 1vw;
}
#mrt .img .flexRegion .region {
  overflow: hidden;
  height: 100%;
}
#mrt .img .flexRegion .region img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  #mrt .txt .body img {
    width: 15vw;
    margin-top: 0.75vw;
  }
  #mrt .img .flexRegion {
    flex-direction: column !important;
  }
  #mrt .img .paginationBar {
    margin-bottom: 6.5vw;
  }
}

#traffic .img .region,
#tech .img .region {
  overflow: hidden;
}
#traffic .img .region ul,
#tech .img .region ul {
  gap: 1vw;
}
#traffic .img .region ul li,
#tech .img .region ul li {
  display: flex;
  flex-direction: column;
}
#traffic .img .region ul li .noteBody,
#tech .img .region ul li .noteBody {
  position: unset;
  color: #505050;
  background-color: transparent !important;
  font-size: 1vw;
  margin-top: 1em;
}
@media (max-width: 768px) {
  #traffic .img,
  #tech .img {
    margin-bottom: 3vw;
  }
  #traffic .img .region ul,
  #tech .img .region ul {
    gap: unset;
  }
  #traffic .img .region ul li,
  #tech .img .region ul li {
    display: unset;
  }
  #traffic .img .region ul li .noteBody,
  #tech .img .region ul li .noteBody {
    position: absolute;
    color: #fff !important;
    background-color: rgba(35, 24, 21, 0.5) !important;
    font-size: 4vw;
  }
}

#tech .txt .body.decoIcon {
  position: relative;
}
#tech .txt .body.decoIcon::before {
  position: absolute;
  bottom: -7vw;
  right: 15vw;
  content: "";
  width: 10vw;
  height: 10vw;
  display: block;
  background-image: url("/case_assets/nrp250175/assets/images/sample/icon2.png?v=2506111738");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  z-index: 2;
}
@media (max-width: 768px) {
  #tech .txt .body {
    width: -moz-fit-content;
    width: fit-content;
  }
  #tech .txt .body.decoIcon::before {
    bottom: -10vw;
    right: 2vw;
    width: 20vw;
    height: 20vw;
  }
  #tech .img {
    width: 90vw !important;
    margin-left: 5vw !important;
  }
  #tech .img > img {
    margin-bottom: 3vw;
  }
  #tech .img .paginationBar {
    margin-bottom: 1vw;
  }
}

#location:target,
#life:target,
#mrt:target,
#traffic:target,
#tech:target,
#team:target {
  scroll-margin: 85px !important;
}

#location p,
#life p,
#mrt p,
#traffic p,
#tech p {
  margin-top: 0.5em !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 {
    height: 165vw !important;
    background-image: url("/case_assets/nrp250175/assets/images/sample/mob01.jpg?v=2506111738");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
  }
  .keyVision .video {
    padding-bottom: 0 !important;
  }
  .swiper-pagination-bullet {
    width: 2.25vw !important;
    height: 2.25vw !important;
    margin: 2vw 0.75vw !important;
  }
}
/* ------ */