@charset "UTF-8";
.insPage .newsBox .newsItem .Txt .title, .insPage .restaurantBox .restaurantItem .Img, .insPage .introBox .itemBox.social .info svg, .insPage .introBox .itemBox.social .info a, .locationItem .leftBox .title {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.insPage .roomBox .Txt .title {
  color: #333333;
  font-size: 24px;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  line-height: 1.2;
  font-weight: 400;
  margin-bottom: 20px;
  letter-spacing: 4.32px;
}
@media (max-width: 640px) {
  .insPage .roomBox .Txt .title {
    font-size: 20px;
    letter-spacing: 2.8px;
  }
}

.insPage .buttonBox .btnBox .btnText, .insPage .roomBox .Txt .text, .insPage .roomBox .titleBox .text {
  color: #666666;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  line-height: 1.75;
  letter-spacing: 2.88px;
}
@media (max-width: 640px) {
  .insPage .buttonBox .btnBox .btnText, .insPage .roomBox .Txt .text, .insPage .roomBox .titleBox .text {
    font-size: 14px;
    letter-spacing: 1.68px;
  }
}

/* 列表頁 */
.listTwoColumn {
  margin-top: 105px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px 100px 1fr;
  grid-template-columns: 300px 1fr;
  -webkit-column-gap: 100px;
     -moz-column-gap: 100px;
          column-gap: 100px;
  position: relative;
}
@media (max-width: 1280px) {
  .listTwoColumn {
    margin-top: 50px;
    -ms-grid-columns: 250px 60px 1fr;
    grid-template-columns: 250px 1fr;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
  }
}
@media (max-width: 1180px) {
  .listTwoColumn {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
@media (max-width: 640px) {
  .listTwoColumn {
    margin-top: 20px;
  }
}
@media (min-width: 1181px) {
  .listTwoColumn .listLeft .classBox {
    position: sticky;
    top: 150px;
  }
}

.locationItem {
  margin-bottom: 30px;
}
@media (min-width: 1181px) and (not (pointer: coarse)) {
  .locationItem:hover .leftBox .title {
    color: #af1f39;
  }
}
.locationItem .Img img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.locationItem .Txt {
  padding: 40px 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  /* 若有關聯改兩欄 */
}
.locationItem .Txt:has(.iconList) {
  -ms-grid-columns: 1fr 33%;
  grid-template-columns: 1fr 33%;
}
@media (max-width: 640px) {
  .locationItem .Txt:has(.iconList) {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.locationItem .Txt:has(.iconList) .leftBox {
  max-width: 85%;
}
@media (max-width: 640px) {
  .locationItem .Txt:has(.iconList) .leftBox {
    max-width: 100%;
  }
}
.locationItem .leftBox .title {
  color: #333333;
  font-size: 24px;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  font-weight: 400;
  margin-bottom: 20px;
  letter-spacing: 4.32px;
}
@media (max-width: 1280px) {
  .locationItem .leftBox .title {
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .locationItem .leftBox .title {
    font-size: 18px;
  }
}
.locationItem .leftBox .title a {
  color: currentColor;
}
.locationItem .leftBox .text {
  color: #666666;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  line-height: 1.75;
  max-width: 95%;
  letter-spacing: 2.88px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 640px) {
  .locationItem .leftBox .text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
@media (max-width: 640px) {
  .locationItem .rightBox {
    margin-top: 20px;
  }
}
.locationItem .rightBox .iconList {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (33%)[3];
  grid-template-columns: repeat(3, 33%);
}
.locationItem .rightBox .iconItem:last-child .item::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 50%;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ddd;
}
.locationItem .rightBox .item {
  color: #666666;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.locationItem .rightBox .item::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 50%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ddd;
}

.bookingItem {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px 0;
}
.bookingItem .name {
  font-size: 18px;
  color: #333333;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  letter-spacing: 2.16px;
}
.bookingItem .btnBox {
  margin-top: 0;
}
.bookingItem .btnBox .btn {
  min-width: 100px;
}

/* 內頁 */
.topImgBox img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (max-width: 640px) {
  .topImgBox img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    height: 400px;
  }
}

.insPage {
  padding-bottom: 150px;
}
@media (max-width: 820px) {
  .insPage {
    padding-bottom: 50px;
  }
}
.insPage .titleBox.top {
  padding: 100px 0;
  color: #333333;
}
@media (max-width: 1536px) {
  .insPage .titleBox.top {
    padding: 80px 0 40px;
  }
}
@media (max-width: 375px) {
  .insPage .titleBox.top {
    padding: 50px 0 20px;
  }
}
.insPage .titleBox.top .title {
  line-height: 1.6;
  font-size: 34px;
  letter-spacing: 6.12px;
}
@media (max-width: 640px) {
  .insPage .titleBox.top .title {
    font-size: 24px;
    letter-spacing: 2.88px;
  }
}
@media (max-width: 375px) {
  .insPage .titleBox.top .title {
    font-size: 20px;
    letter-spacing: 2px;
  }
}
.insPage .titleBox.top .decoTitle {
  color: currentColor;
  line-height: 1.8;
  font-size: 44px;
  letter-spacing: 3.52px;
}
@media (max-width: 640px) {
  .insPage .titleBox.top .decoTitle {
    font-size: 30px;
    line-height: 1.5;
    letter-spacing: 1.8px;
  }
}
@media (max-width: 375px) {
  .insPage .titleBox.top .decoTitle {
    font-size: 24px;
    letter-spacing: 1.2px;
  }
}
.insPage .introBox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 960px 100px 1fr;
  grid-template-columns: 960px 1fr;
  -webkit-column-gap: 100px;
     -moz-column-gap: 100px;
          column-gap: 100px;
  overflow: hidden;
}
@media (max-width: 1536px) {
  .insPage .introBox {
    -ms-grid-columns: 50% 60px 1fr;
    grid-template-columns: 50% 1fr;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
  }
}
@media (max-width: 1180px) {
  .insPage .introBox {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media (max-width: 820px) {
  .insPage .introBox {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 40px;
  }
}
.insPage .introBox .leftBox .Img {
  overflow: hidden;
  height: 100%;
}
.insPage .introBox .leftBox img {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.insPage .introBox .rightBox {
  max-width: 650px;
  padding-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 820px) {
  .insPage .introBox .rightBox {
    max-width: 100%;
    padding: 0 60px;
  }
}
@media (max-width: 640px) {
  .insPage .introBox .rightBox {
    max-width: 95vw;
    margin: 0 auto;
    padding: 0 20px;
  }
}
.insPage .introBox .introductionBox {
  color: #666666;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 40px;
  letter-spacing: 2.88px;
}
.insPage .introBox .iconList {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  row-gap: 20px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 80px;
}
@media (max-width: 1536px) {
  .insPage .introBox .iconList {
    -ms-grid-columns: (1fr)[5];
    grid-template-columns: repeat(5, 1fr);
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 640px) {
  .insPage .introBox .iconList {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.insPage .introBox .iconItem {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.insPage .introBox .iconItem::before {
  content: "";
  position: absolute;
  height: 50%;
  width: 1px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #ddd;
}
.insPage .introBox .iconItem .title {
  text-align: center;
  color: #666666;
  font-size: 16px;
}
.insPage .introBox .iconItem img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.insPage .introBox .item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.insPage .introBox .infoBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.insPage .introBox .itemBox {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20% 50px 1fr;
  grid-template-columns: 20% 1fr;
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
  margin-bottom: 40px;
}
@media (max-width: 1180px) {
  .insPage .introBox .itemBox {
    -ms-grid-columns: 18% 25px 1fr;
    grid-template-columns: 18% 1fr;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}
@media (max-width: 640px) {
  .insPage .introBox .itemBox {
    -ms-grid-columns: 30% 1fr;
    grid-template-columns: 30% 1fr;
  }
}
@media (max-width: 375px) {
  .insPage .introBox .itemBox {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    margin-bottom: 20px;
  }
}
.insPage .introBox .itemBox.social {
  margin-top: auto;
}
.insPage .introBox .itemBox.social .label {
  font-size: 13px;
  font-family: "Bellefair", "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  letter-spacing: 0.52px;
}
.insPage .introBox .itemBox.social .info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-right: 0;
}
.insPage .introBox .itemBox.social .info a {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
  border: 1px solid #888888;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1024px) {
  .insPage .introBox .itemBox.social .info a {
    margin-top: 10px;
  }
}
@media (min-width: 1181px) and (not (pointer: coarse)) {
  .insPage .introBox .itemBox.social .info a:hover {
    border-color: #af1f39;
  }
  .insPage .introBox .itemBox.social .info a:hover svg {
    color: #af1f39;
    fill: #af1f39;
  }
}
.insPage .introBox .itemBox.social .info svg {
  color: #666666;
  fill: #666666;
  width: 20px;
  height: 20ex;
  max-height: 20px;
}
.insPage .introBox .itemBox .label {
  color: #333333;
  font-size: 18px;
  position: relative;
  letter-spacing: 3.24px;
}
@media (max-width: 1180px) {
  .insPage .introBox .itemBox .label {
    font-size: 16px;
    letter-spacing: 1.92px;
  }
}
@media (max-width: 375px) {
  .insPage .introBox .itemBox .label {
    margin-bottom: 20px;
  }
  .insPage .introBox .itemBox .label::after {
    content: "";
    position: absolute;
    display: none;
  }
}
.insPage .introBox .itemBox .label::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  max-height: 30px;
  background-color: #ddd;
  right: 0;
  top: 0;
}
.insPage .introBox .itemBox .info {
  color: #666666;
  font-size: 16px;
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  line-height: 2;
  padding-right: 40px;
  letter-spacing: 1.92px;
}
@media (max-width: 1180px) {
  .insPage .introBox .itemBox .info {
    font-size: 14px;
    padding-right: 20px;
  }
}
@media (max-width: 375px) {
  .insPage .introBox .itemBox .info {
    padding: 0 20px;
  }
}
.insPage .introBox .itemBox .itemTimeBox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1180px) {
  .insPage .introBox .itemBox .itemTimeBox {
    max-width: 95%;
  }
}
@media (max-width: 768px) {
  .insPage .introBox .itemBox .itemTimeBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (max-width: 640px) {
  .insPage .introBox .itemBox .itemTimeBox {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.insPage .introBox .itemBox .timeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 240px;
  /*&:nth-child(2) {
      @include pseudoAfter {
          width: 50px;
          height: 1px;
          background-color: $lineColor;
          top: 50%;
          transform: translateY(-50%);
          left: -70px;

          @include media (820) {
              left: -120px;
          }

          @include media (640) {
              display: none;
          }
      }
  }*/
}
@media (max-width: 640px) {
  .insPage .introBox .itemBox .timeBox {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 20px;
  }
}
.insPage .introBox .itemBox .time {
  color: #333333;
  font-size: 30px;
  margin-left: 20px;
  line-height: 1;
  letter-spacing: 0.6px;
}
@media (max-width: 1180px) {
  .insPage .introBox .itemBox .time {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  .insPage .introBox .itemBox .time {
    font-size: 20px;
  }
}
.insPage .restaurantBox {
  padding: 120px;
}
@media (max-width: 1536px) {
  .insPage .restaurantBox {
    padding: 80px 0;
  }
}
@media (max-width: 820px) {
  .insPage .restaurantBox {
    padding: 60px 0;
  }
}
.insPage .restaurantBox .restaurantList {
  margin-top: 80px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 640px) {
  .insPage .restaurantBox .restaurantList {
    margin-top: 40px;
  }
}
.insPage .restaurantBox .restaurantItem {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
@media (min-width: 1181px) and (not (pointer: coarse)) {
  .insPage .restaurantBox .restaurantItem:hover .Img {
    -webkit-filter: none;
            filter: none;
  }
}
.insPage .restaurantBox .restaurantItem .Img {
  aspect-ratio: 1/1;
  max-width: 80%;
  margin-bottom: 30px;
  -webkit-filter: grayscale(100%) opacity(0.5);
          filter: grayscale(100%) opacity(0.5);
}
.insPage .restaurantBox .restaurantItem .Img img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.insPage .restaurantBox .restaurantItem .title {
  font-size: 16px;
  color: #666666;
  letter-spacing: 2.88px;
}
.insPage .restaurantBox .restaurantItem .link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.insPage .restaurantBox .arrowBox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 100px;
}
@media (max-width: 640px) {
  .insPage .restaurantBox .arrowBox {
    margin-top: 40px;
  }
}
.insPage .albumBox {
  width: 100%;
  padding: 120px 0;
}
@media (max-width: 640px) {
  .insPage .albumBox {
    padding: 60px 0;
  }
}
.insPage .albumBox .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.insPage .albumBox .albumItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 375px;
}
.insPage .albumBox .albumItem img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.insPage .roomBox {
  padding: 120px 0;
}
@media (max-width: 1536px) {
  .insPage .roomBox {
    padding: 80px 0;
  }
}
@media (max-width: 640px) {
  .insPage .roomBox {
    padding: 40px 0;
  }
}
.insPage .roomBox .titleBox {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 1024px) {
  .insPage .roomBox .titleBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 30px;
  }
}
.insPage .roomBox .titleBox .text {
  text-align: left;
  margin-left: 130px;
  max-width: 600px;
  padding-top: 0;
}
@media (max-width: 1180px) {
  .insPage .roomBox .titleBox .text {
    margin-left: 60px;
  }
}
@media (max-width: 1024px) {
  .insPage .roomBox .titleBox .text {
    margin-top: 20px;
    margin-left: 0;
  }
}
.insPage .roomBox .roomContentBox {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1020px 80px 1fr;
  grid-template-columns: 1020px 1fr;
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
}
@media (max-width: 1440px) {
  .insPage .roomBox .roomContentBox {
    -ms-grid-columns: 65% 1fr;
    grid-template-columns: 65% 1fr;
  }
}
@media (max-width: 1180px) {
  .insPage .roomBox .roomContentBox {
    -ms-grid-columns: 60% 60px 1fr;
    grid-template-columns: 60% 1fr;
    -webkit-column-gap: 60px;
       -moz-column-gap: 60px;
            column-gap: 60px;
  }
}
@media (max-width: 820px) {
  .insPage .roomBox .roomContentBox {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
}
.insPage .roomBox .leftBox .roomSwiper {
  height: 100%;
}
.insPage .roomBox .rightBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
}
@media (max-width: 1180px) {
  .insPage .roomBox .rightBox {
    padding: 15px 0;
  }
}
@media (max-width: 1024px) {
  .insPage .roomBox .Img {
    height: 100%;
  }
}
.insPage .roomBox .Img img {
  width: 100%;
  height: auto;
  display: block;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
@media (max-width: 1024px) {
  .insPage .roomBox .Img img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.insPage .roomBox .Txt .num {
  font-size: 28px;
  color: #bca480;
  margin-bottom: 40px;
  letter-spacing: 1.12px;
}
@media (max-width: 1280px) {
  .insPage .roomBox .Txt .num {
    margin-bottom: 20px;
  }
}
.insPage .roomBox .Txt .text {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1180px) {
  .insPage .roomBox .btnBox {
    margin-top: 0;
  }
}
@media (max-width: 1024px) {
  .insPage .roomBox .btnBox {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media (max-width: 820px) {
  .insPage .roomBox .arrowBox {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.insPage .newsBox {
  padding: 120px 0;
  position: relative;
}
.insPage .newsBox::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 0;
  background-color: #ddd;
}
.insPage .newsBox::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: #ddd;
}
@media (max-width: 1180px) {
  .insPage .newsBox {
    padding: 60px 0;
  }
}
@media (max-width: 768px) {
  .insPage .newsBox {
    padding: 30px 0;
  }
}
.insPage .newsBox .wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 410px 1fr;
  grid-template-columns: 410px 1fr;
  -ms-grid-rows: 90% 1fr;
  grid-template-rows: 90% 1fr;
      grid-template-areas: "newsTitle newsList" "newsArrow newsList";
}
@media (max-width: 1680px) {
  .insPage .newsBox .wrap {
    -ms-grid-columns: 25% 1fr;
    grid-template-columns: 25% 1fr;
  }
}
@media (max-width: 1180px) {
  .insPage .newsBox .wrap {
    -ms-grid-columns: 30% 1fr;
    grid-template-columns: 30% 1fr;
  }
}
@media (max-width: 768px) {
  .insPage .newsBox .wrap {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
        grid-template-areas: "newsTitle newsArrow" "newsList newsList";
    row-gap: 40px;
  }
}
.insPage .newsBox .leftBox {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: newsTitle;
}
.insPage .newsBox .rightBox {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 2;
  grid-area: newsList;
  max-width: 100%;
  overflow: hidden;
}
.insPage .newsBox .arrowBox {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: newsArrow;
}
@media (max-width: 768px){
  .insPage .newsBox .leftBox {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .insPage .newsBox .rightBox {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
  }
  .insPage .newsBox .arrowBox {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
  }
}
@media (max-width: 768px) {
  .insPage .newsBox .arrowBox {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.insPage .newsBox .titleBox {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .insPage .newsBox .titleBox {
    margin-bottom: 0;
  }
}
.insPage .newsBox .newsList {
  max-width: 1090px;
}
@media (max-width: 1440px) {
  .insPage .newsBox .newsList {
    max-width: 600px;
  }
}
@media (max-width: 820px) {
  .insPage .newsBox .newsList {
    max-width: auto;
  }
}
.insPage .newsBox .newsItem .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 210px 30px 1fr;
  grid-template-columns: 210px 1fr;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
  position: relative;
}
@media (max-width: 768px) {
  .insPage .newsBox .newsItem .item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-grid-columns: 40% 1fr;
    grid-template-columns: 40% 1fr;
  }
}
@media (max-width: 640px) {
  .insPage .newsBox .newsItem .item {
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
    row-gap: 30px;
  }
}
.insPage .newsBox .newsItem .Img img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.insPage .newsBox .newsItem .Txt .classTitle {
  color: #666666;
  font-size: 14px;
  padding: 0 12px;
  line-height: 1;
  margin-bottom: 20px;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  letter-spacing: 2.52px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 1180px) {
  .insPage .newsBox .newsItem .Txt .classTitle {
    margin-bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .insPage .newsBox .newsItem .Txt .classTitle {
    margin-bottom: 15px;
  }
}
@media (max-width: 640px) {
  .insPage .newsBox .newsItem .Txt .classTitle {
    margin-bottom: 20px;
  }
}
.insPage .newsBox .newsItem .Txt .classTitle::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #ddd;
  left: 0;
  top: 0;
}
.insPage .newsBox .newsItem .Txt .classTitle::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #ddd;
  right: 0;
  top: 0;
}
.insPage .newsBox .newsItem .Txt .title {
  color: #333333;
  font-size: 16px;
  height: 15px;
  line-height: 1;
  margin-bottom: 20px;
  letter-spacing: 2.88px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.insPage .newsBox .newsItem .Txt .text {
  color: #666666;
  font-size: 14px;
  line-height: 1.75;
  letter-spacing: 2.52px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.insPage .newsBox .newsItem .link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.insPage .newsBox .prev {
  margin-right: 40px;
}
.insPage .buttonBox {
  margin-top: 60px;
}
@media (max-width: 640px) {
  .insPage .buttonBox {
    margin-top: 30px;
  }
}
.insPage .buttonBox .wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 640px) {
  .insPage .buttonBox .wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.insPage .buttonBox .rightBox {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  .insPage .buttonBox .rightBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.insPage .buttonBox .rightBox .btnBox:not(:first-child) {
  margin-left: 20px;
}
@media (max-width: 640px) {
  .insPage .buttonBox .rightBox .btnBox:not(:first-child) {
    margin-left: 0;
  }
}
.insPage .buttonBox .btnBox {
  font-size: 14px;
}
@media (min-width: 1181px) and (not (pointer: coarse)) {
  .insPage .buttonBox .btnBox:hover .btnText {
    color: #fff;
  }
}