@charset "UTF-8";
/* 控制 */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: "Noto Sans TC";
}

/* 區塊重置或覆寫 */
#tripFeatures > .container.clearfix {
  width: 100%;
  max-width: 100%;
}
#tripFeatures > .container.clearfix .group_table_box {
  padding: 30px 0;
}

section.group_table.trip_features .container h2, section.group_table.trip_airline .container h2, section.group_table.trip_day .container h2, section.group_table.trip_note .container h2, section.group_table.view_intro .container h2, section.group_table.tripdown .container h2 {
  color: unset;
  font-weight: unset;
  text-shadow: unset;
}

/* 外部 outer*/
section.group_table.trip_features {
  background: #fff6e3;
  padding-top: 0;
  margin-bottom: 0;
  width: 100%;
}

section.group_table.trip_features .container .group_table_box {
  background-color: #fff6e3;
  margin-top: 0;
  padding-top: 0;
}

#tripFeatures h2 {
  display: none;
}

section.group_table.trip_features .container .group_table_box .title_s {
  display: none;
}

section#tripNote {
  margin-top: 0;
}

/* container */
section.ys-feature-all {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  background-color: #fff6e3;
}

.ys-feature-part-sec {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.ys-feature-part-cnt {
  width: 1440px;
  position: relative;
}
@media (max-width: 1679.98px) {
  .ys-feature-part-cnt {
    width: calc(100% - 40px);
  }
}

.part-title-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.part-title-wrapper > h4 {
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 4px;
  line-height: unset !important;
  padding: 0 !important;
  letter-spacing: 8px;
  margin: 0 0 26px 0;
  position: relative;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
@media (max-width: 991.98px) {
  .part-title-wrapper > h4 {
    font-size: 18px !important;
  }
}
.part-title-wrapper > h2 {
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 4px;
  line-height: unset !important;
  padding: 0 !important;
  letter-spacing: 6px;
  text-align: center;
  position: relative;
  display: flex !important;
}
@media (max-width: 991.98px) {
  .part-title-wrapper > h2 {
    font-size: 28px !important;
  }
}
@media (max-width: 575.98px) {
  .part-title-wrapper.dolom {
    margin: 0 0 50px 0;
  }
}

.scene-full-frame {
  display: flex;
  width: 100%;
  position: relative;
}
.scene-full-frame .scene-intro-cnt {
  margin: 0 7.29% 0 0;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .scene-full-frame .scene-intro-cnt {
    margin: 0;
  }
}
.scene-full-frame .scene-intro-cnt > h3 {
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 4px;
  line-height: unset !important;
  padding: 0 !important;
  margin: 0 0 4px 0 !important;
  letter-spacing: 8px;
}
@media (max-width: 991.98px) {
  .scene-full-frame .scene-intro-cnt > h3 {
    font-size: 28px !important;
  }
}
@media (max-width: 767.98px) {
  .scene-full-frame .scene-intro-cnt > h3 {
    margin: 0 0 10px 0 !important;
  }
}
.scene-full-frame .scene-intro-cnt > p {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  letter-spacing: 2px;
}
@media (max-width: 767.98px) {
  .scene-full-frame .scene-intro-cnt > p {
    font-size: 14px !important;
  }
}
.scene-full-frame.kronplatz-peak {
  flex-direction: column;
}
.scene-full-frame.chiemsee {
  flex-direction: column;
  padding: 0;
}

/* 優惠專案 */
.ys-feature-part-sec.on-sale {
  background-color: #fff6e3;
}

.ys-feature-part-cnt {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 53px 0;
}
.ys-feature-part-cnt > img {
  display: block;
  width: auto;
}
@media (max-width: 419.98px) {
  .ys-feature-part-cnt > img {
    width: 100%;
  }
}
.ys-feature-part-cnt.row {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

/* 開場介紹 */
.ys-feature-part-sec.tour-highlight {
  background-color: #82a522;
}

.tour-hl-dialogue {
  width: 75%;
  border: 4px solid #fff;
  padding: 40px;
  border-radius: 27px;
  display: flex;
  align-items: center;
  gap: 0 32px;
}
.tour-hl-dialogue > img {
  display: block;
  flex-grow: 0;
  flex-shrink: 0;
}
@media (max-width: 575.98px) {
  .tour-hl-dialogue > img {
    margin: 0 0 20px 0;
  }
}
.tour-hl-dialogue .hl-dialogue-article > h3 {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 2px;
  margin: 0 0 10px 0;
}
@media (max-width: 575.98px) {
  .tour-hl-dialogue .hl-dialogue-article > h3 {
    font-size: 24px;
    text-align: center;
  }
}
.tour-hl-dialogue .hl-dialogue-article > h5 {
  font-size: 18px;
  font-weight: 300;
  color: #fff !important;
  letter-spacing: 1px;
}
@media (max-width: 575.98px) {
  .tour-hl-dialogue .hl-dialogue-article > h5 {
    text-align: center;
  }
}
@media (max-width: 419.98px) {
  .tour-hl-dialogue .hl-dialogue-article > h5 {
    font-size: 16px;
    font-weight: 300;
  }
}
@media (max-width: 575.98px) {
  .tour-hl-dialogue {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }
}

/* 多洛主題 */
.ys-feature-part-sec.dolo-title {
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/dolo_title_sec_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.ys-feature-part-sec.dolo-title > .ys-feature-part-cnt {
  padding-bottom: 44.15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ys-feature-part-sec.dolo-title > .ys-feature-part-cnt > img {
  display: block;
  width: 60%;
  position: absolute;
  top: 50%;
  transform: translateZ(0) translate3d(0, -50%, 0);
}

/* 阿爾卑斯三大峰 */
.ys-feature-part-sec.alpen-mnts {
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/alpen_sec_bg.jpg);
  background-repeat: repeat-y;
  background-size: 100%;
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt {
  display: flex;
  flex-wrap: wrap;
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half {
  width: 50%;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 36px;
}
@media (max-width: 1679.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half {
    padding: 0 15px;
  }
}
@media (max-width: 767.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half {
    width: 80%;
  }
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half:nth-child(2) {
    margin: 0 0 60px 0;
  }
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half {
    width: 100%;
  }
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-border {
  width: calc(100% - 20px);
  height: 100%;
  position: relative;
  margin: 0 0 24px 0;
}
@media (max-width: 1199.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-border {
    margin: 0 0 20px 0;
  }
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-border::before, .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-border::after {
  display: block;
  content: "";
  width: 88.18%;
  height: 82.7%;
  position: absolute;
  z-index: 2;
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-border::before {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  top: 14px;
  left: 14px;
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-border::before {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-border::after {
  border-right: 1px solid #d9dfa2;
  border-bottom: 1px solid #d9dfa2;
  right: -14px;
  bottom: -14px;
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-border::after {
    border-right: 1px solid #d9dfa2;
    border-bottom: 1px solid #d9dfa2;
  }
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-frame {
  width: 100%;
  padding-bottom: 66.76%;
  position: absolute;
  z-index: 1;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half .scene-pic-frame > img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > h3 {
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 4px;
  line-height: unset !important;
  padding: 0 !important;
  color: #4c5913;
  letter-spacing: 10px;
  text-align: center;
  margin: 0 0 10px 0 !important;
}
@media (max-width: 991.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > h3 {
    font-size: 28px !important;
  }
}
@media (max-width: 1199.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > h3 {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > h3 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > p {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  color: #708d21;
  letter-spacing: 4px;
  margin: 0 0 14px 0;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > p {
    font-size: 14px !important;
  }
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > p {
    font-size: 16px;
  }
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > span {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  display: flex;
  align-items: baseline;
  background-color: #556f0e;
  padding: 6px 8px !important;
  color: #fff;
  font-weight: 300;
  letter-spacing: 2px;
}
@media (max-width: 767.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > span {
    font-size: 14px !important;
  }
}
.ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > span::before {
  display: block;
  content: "*";
  margin: 0 4px 0 0;
}
@media (max-width: 419.98px) {
  .ys-feature-part-sec.alpen-mnts .ys-feature-part-cnt .ys-feature-part-grid-half > span {
    font-size: 14px;
  }
}
.ys-feature-part-sec.alpen-mnts .part-title-wrapper > h4 {
  color: #4c5816;
}
.ys-feature-part-sec.alpen-mnts .part-title-wrapper > h2 {
  color: #2b3c2b;
}
.ys-feature-part-sec.alpen-mnts .part-title-wrapper .alpen_mnts_ico {
  transform: translate(0, -30%);
  width: 360px;
}
.ys-feature-part-sec.alpen-mnts .part-title-wrapper .alpen_mnts_writings {
  margin: 0 0 0 0;
  width: 600px;
  transform: translate(0, -100%);
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.alpen-mnts .part-title-wrapper .alpen_mnts_writings {
    width: 80%;
  }
}

.scene-full-frame {
  padding: 30px 0 0 0;
  gap: 0 40px;
  position: relative;
}
@media (max-width: 991.98px) {
  .scene-full-frame {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 575.98px) {
  .scene-full-frame {
    flex-direction: column;
    align-items: center;
    width: calc(100% - 40px);
  }
}
.scene-full-frame .zug-mnt-pic-border {
  width: 55%;
  position: relative;
}
@media (max-width: 1679.98px) {
  .scene-full-frame .zug-mnt-pic-border {
    width: 80%;
  }
}
@media (max-width: 575.98px) {
  .scene-full-frame .zug-mnt-pic-border {
    width: 90%;
    margin: 0 0 30px 0;
  }
}
.scene-full-frame .zug-mnt-pic-border::after {
  width: calc(100% + 30px);
  height: calc(100% - 30px);
  display: block;
  position: absolute;
  content: "";
  z-index: 1;
  border-right: 1px solid #d7dd9e;
  border-bottom: 1px solid #d7dd9e;
  right: -15px;
  bottom: -15px;
}
.scene-full-frame .zug-mnt-pic-border .zug-mnt-pic-frame {
  width: 100%;
  padding-bottom: 55.3%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.scene-full-frame .zug-mnt-pic-border .zug-mnt-pic-frame > img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.scene-full-frame .scene-intro-cnt > h3 {
  color: #4c5913;
}
.scene-full-frame .scene-intro-cnt > p {
  color: #708d21;
}

.kronplatz-peak-frame {
  width: 100%;
  padding-bottom: 32.8%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.kronplatz-peak-frame > img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 767.98px) {
  .kronplatz-peak-frame {
    padding-bottom: 60%;
  }
}

.scene-full-frame-intro {
  width: 100%;
  background-color: rgba(85, 111, 14, 0.47);
  padding: 15px 0;
  position: absolute;
  bottom: 0;
}
.scene-full-frame-intro .ys-feature-part-cnt {
  margin: 0 auto;
  align-items: flex-end;
  padding: 0;
}
.scene-full-frame-intro .ys-feature-part-cnt > h3 {
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 4px;
  line-height: unset !important;
  padding: 0 !important;
  color: #fff;
  letter-spacing: 4px;
  margin: 0 0 4px 0;
}
@media (max-width: 991.98px) {
  .scene-full-frame-intro .ys-feature-part-cnt > h3 {
    font-size: 28px !important;
  }
}
.scene-full-frame-intro .ys-feature-part-cnt > h4 {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  color: #fff;
  opacity: 0.7;
  font-weight: 400;
  letter-spacing: 4px;
  margin: 0;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
@media (max-width: 767.98px) {
  .scene-full-frame-intro .ys-feature-part-cnt > h4 {
    font-size: 14px !important;
  }
}
@media (max-width: 575.98px) {
  .scene-full-frame-intro .ys-feature-part-cnt > h4 {
    font-weight: 300;
    letter-spacing: 2px;
  }
}

.slash-title {
  width: 100%;
  display: flex;
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 4px;
  line-height: unset !important;
  padding: 0 !important;
  justify-content: center;
  align-items: baseline;
  color: #688220;
  font-weight: 500;
  gap: 0 14px;
  margin: 0 0 40px 0;
}
@media (max-width: 991.98px) {
  .slash-title {
    font-size: 18px !important;
  }
}
@media (max-width: 1199.98px) {
  .slash-title {
    margin: 0 0 50px 0;
  }
}
@media (max-width: 767.98px) {
  .slash-title {
    margin: 40px;
  }
}
@media (max-width: 575.98px) {
  .slash-title {
    margin: 0 0 28px 0;
    justify-content: center;
  }
}
@media (max-width: 419.98px) {
  .slash-title {
    font-size: 18px;
  }
}
.slash-title::before, .slash-title::after {
  display: block;
  content: "//////";
  font-weight: 400;
}

/* 多洛米堤4大名峰 */
.ys-feature-part-sec.dolo-mnts {
  background-color: #fff6e3;
}
.ys-feature-part-sec.dolo-mnts .ys-feature-part-cnt {
  padding: 150px 0 0 0;
}
@media (max-width: 1199.98px) {
  .ys-feature-part-sec.dolo-mnts .ys-feature-part-cnt {
    padding: 100px 0 0 0;
  }
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.dolo-mnts .ys-feature-part-cnt {
    padding: 50px 0 0 0;
  }
}

.part-title-wrapper.dolom {
  margin: 0 0 100px 0;
}
@media (max-width: 767.98px) {
  .part-title-wrapper.dolom {
    margin: 0 0 50px 0;
  }
}
.part-title-wrapper.dolom > h2 {
  display: flex;
  flex-direction: column;
  color: #2b3c2b;
}
.part-title-wrapper.dolom > h2 > span {
  transform: translateX(3rem);
}
.part-title-wrapper.dolom > h2 > span:nth-child(1) {
  transform: translateX(-3rem);
}
.part-title-wrapper.dolom::before, .part-title-wrapper.dolom::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
  width: 92%;
  padding-bottom: 60%;
}
.part-title-wrapper.dolom::before {
  width: 92%;
  padding-bottom: 60%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/dolo_mnts_flower_r.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(0.8) translate(85%, -36%);
  opacity: 0.2;
}
@media (max-width: 1199.98px) {
  .part-title-wrapper.dolom::before {
    transform: scale(0.5) translate(100%, -55%);
  }
}
@media (max-width: 419.98px) {
  .part-title-wrapper.dolom::before {
    transform: scale(0.5) translate(50%, -94%);
  }
}
.part-title-wrapper.dolom::after {
  width: 100.08%;
  padding-bottom: 42%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/dolo_mnts_flower_l.png);
  background-size: contain;
  background-repeat: no-repeat;
  transform: scale(0.8) translate(-84%, 60%);
  opacity: 0.2;
}
@media (max-width: 1199.98px) {
  .part-title-wrapper.dolom::after {
    transform: scale(0.5) translate(-100%, 60%);
  }
}
@media (max-width: 419.98px) {
  .part-title-wrapper.dolom::after {
    transform: scale(0.5) translate(-73%, 13%);
  }
}
.part-title-wrapper.dolom > h4 {
  font-style: italic;
  color: #2b3c2b;
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.part-title-wrapper.dolom > h4::before, .part-title-wrapper.dolom > h4::after {
  display: block;
  content: "//////";
  font-weight: 900;
}
@media (max-width: 575.98px) {
  .part-title-wrapper.dolom > h4 {
    margin: 8px 0 0 0;
  }
}
@media (max-width: 419.98px) {
  .part-title-wrapper.dolom > h4 {
    margin: 16px 0 0 0;
  }
}

.theme-photo-wrapper {
  display: flex;
  position: relative;
  width: 100%;
  gap: 0 30px;
  margin: 0 0 268px 0;
}
.theme-photo-wrapper:nth-last-child(1) {
  margin: 0 0 68px 0;
}
@media (max-width: 991.98px) {
  .theme-photo-wrapper {
    margin: 0 0 168px 0;
  }
  .theme-photo-wrapper:nth-last-child(1) {
    margin: 0 0 68px 0;
  }
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper {
    flex-direction: column;
    margin: 0 0 100px 0;
  }
}
.theme-photo-wrapper .theme-photo-name {
  position: absolute;
  z-index: 3;
  right: 18.5%;
  top: -5%;
  width: 360px;
}
@media (max-width: 1199.98px) {
  .theme-photo-wrapper .theme-photo-name {
    right: 20%;
  }
}
.theme-photo-wrapper .theme-photo-border {
  width: 60.85%;
  padding: 20px 0;
  background-color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper .theme-photo-border {
    width: 100%;
    padding: 10px 0;
    margin: 0 0 20px 0;
  }
}
.theme-photo-wrapper .theme-photo-border .theme-photo-frame {
  width: calc(100% - 40px);
  padding-bottom: 66.8%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.theme-photo-wrapper .theme-photo-border .theme-photo-frame > img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper .theme-photo-border .theme-photo-frame {
    width: calc(100% - 20px);
  }
}
.theme-photo-wrapper .theme-photo-border::before, .theme-photo-wrapper .theme-photo-border::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 2;
  width: 15.18%;
  padding-bottom: 26.67%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/tape_short.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.theme-photo-wrapper .theme-photo-border::before {
  top: 0;
  left: 0;
  transform: translate(-40%, -26%);
}
.theme-photo-wrapper .theme-photo-border::after {
  right: 0;
  bottom: 0;
  transform: translate(40%, 65%);
}
.theme-photo-wrapper .theme-photo-border.lavaredo {
  width: 75.78%;
  flex-direction: column;
  transform: rotate(-4deg) translateX(46px);
  z-index: 2;
  margin: 0 auto;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper .theme-photo-border.lavaredo {
    width: 100%;
    transform: rotate(-4deg) translateX(6px);
  }
}
.theme-photo-wrapper .theme-photo-border.lavaredo .theme-photo-frame {
  padding-bottom: 63.95%;
  margin: 0 0 24px 0;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper .theme-photo-border.lavaredo .theme-photo-frame {
    margin: 0 0 8px 0;
  }
}
.theme-photo-wrapper .theme-photo-border.lavaredo::before {
  width: 15.01%;
  padding-bottom: 32.69%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/tape_long.png);
  transform: translate(-30%, -18%);
}
.theme-photo-wrapper .theme-photo-border.lavaredo::after {
  display: none;
}
.theme-photo-wrapper .theme-photo-border.lavaredo .the-photo-article {
  width: 93.3%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
  gap: 0 3rem;
}
@media (max-width: 991.98px) {
  .theme-photo-wrapper .theme-photo-border.lavaredo .the-photo-article {
    gap: 0 1rem;
  }
}
.theme-photo-wrapper .theme-photo-border.lavaredo .the-photo-article > h4 {
  margin: 0;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper .theme-photo-border.lavaredo .the-photo-article {
    flex-direction: column;
  }
}
.theme-photo-wrapper .the-photo-article {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.theme-photo-wrapper .the-photo-article > h4 {
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 4px;
  line-height: unset !important;
  padding: 0 !important;
  font-weight: 700;
  color: #4c5913;
  letter-spacing: 8px;
  padding-bottom: 0;
  margin: 0 0 4px 0;
  border-bottom: 0;
}
@media (max-width: 991.98px) {
  .theme-photo-wrapper .the-photo-article > h4 {
    font-size: 28px !important;
  }
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper .the-photo-article > h4 {
    font-size: 24px;
    white-space: nowrap;
    margin: 0 0 12px 0;
  }
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper .the-photo-article > h4 {
    font-size: 20px;
  }
}
.theme-photo-wrapper .the-photo-article > p {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  color: #708d21;
  letter-spacing: 4px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper .the-photo-article > p {
    font-size: 14px !important;
  }
}
@media (max-width: 991.98px) {
  .theme-photo-wrapper .the-photo-article > p {
    font-size: 18px !important;
  }
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper .the-photo-article > p {
    font-size: 16px !important;
    letter-spacing: 2px;
  }
}

.theme-photo-wrapper.lavaredo::before {
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  width: 21.82%;
  padding-bottom: 28.75%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/lavarendo_flower.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -5%;
  left: -2%;
}
.theme-photo-wrapper.lavaredo::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 0;
  width: 75.78%;
  height: 90%;
  background-color: #ccd992;
  right: 46px;
  bottom: 0;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.lavaredo::after {
    width: 100%;
    right: 6px;
  }
}
.theme-photo-wrapper.lavaredo .lavar-writings {
  width: 15.52%;
  position: absolute;
  z-index: 4;
  right: 0;
  bottom: 0.5%;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.lavaredo .lavar-writings {
    bottom: 1.5%;
  }
}

@media (max-width: 419.98px) {
  .theme-photo-wrapper.seceda {
    margin: 0 0 30px 0;
  }
}
.theme-photo-wrapper.seceda .theme-photo-name {
  right: unset;
  left: 23%;
  top: 4%;
  width: 22%;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.seceda .theme-photo-name {
    top: -19px;
    left: 0;
  }
}
.theme-photo-wrapper.seceda .theme-photo-border::before {
  right: 0;
  left: unset;
  transform: rotateY(180deg) translate(-40%, -27%);
}
.theme-photo-wrapper.seceda .theme-photo-border::after {
  left: 0;
  right: unset;
  transform: rotateY(180deg) translate(40%, 61%);
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.seceda .theme-photo-border {
    order: 1;
  }
}
.theme-photo-wrapper.seceda .the-photo-article > h4 {
  text-align: right;
}
.theme-photo-wrapper.seceda .the-photo-article > p {
  text-align: right;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.seceda .the-photo-article {
    order: 2;
  }
}

/* 四大遊船 */
.ys-feature-part-sec.four-boats {
  background-color: #fcebc9;
}
@media (max-width: 1199.98px) {
  .ys-feature-part-sec.four-boats .ys-feature-part-cnt {
    padding: 53px 0 0 0;
  }
}
@media (max-width: 419.98px) {
  .ys-feature-part-sec.four-boats .ys-feature-part-cnt {
    padding: 20px 0 0 0;
  }
}
.ys-feature-part-sec.four-boats .stars_bg {
  font-size: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/four_boats_sec_bg.png);
  background-size: 50%;
}
.ys-feature-part-sec.four-boats::before, .ys-feature-part-sec.four-boats::after {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.ys-feature-part-sec.four-boats::before {
  width: 100%;
  padding-bottom: 22.932%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/four_boats_sec_top.jpg);
  background-repeat: repeat-x;
}
.ys-feature-part-sec.four-boats::after {
  width: 60%;
  padding-bottom: 4.84%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/four_boats_sec_bottom.png);
  margin: 0 0 16px 0;
}
.ys-feature-part-sec.four-boats .the-photo-article {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  margin: 0 0 100px 0;
  position: relative;
  z-index: 3;
}
@media (max-width: 767.98px) {
  .ys-feature-part-sec.four-boats .the-photo-article {
    margin: 0 0 60px 0;
    align-items: flex-start;
  }
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.four-boats .the-photo-article {
    margin: 0 0 20px 0;
  }
}
.ys-feature-part-sec.four-boats .the-photo-article > h4 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 8px;
  color: #593913;
  margin: 0 0 4px 0 !important;
}
@media (max-width: 575.98px) {
  .ys-feature-part-sec.four-boats .the-photo-article > h4 {
    font-size: 24px;
    margin: 0 0 12px 0 !important;
  }
}
.ys-feature-part-sec.four-boats .the-photo-article > p {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  letter-spacing: 4px;
  color: #8d4f21;
}
@media (max-width: 767.98px) {
  .ys-feature-part-sec.four-boats .the-photo-article > p {
    font-size: 14px !important;
  }
}
@media (max-width: 1199.98px) {
  .ys-feature-part-sec.four-boats .the-photo-article > p {
    width: 70%;
  }
}
@media (max-width: 991.98px) {
  .ys-feature-part-sec.four-boats .the-photo-article > p {
    font-size: 16px !important;
    width: 100%;
  }
}

.theme-photo-wrapper.boats {
  justify-content: space-around;
  margin: 0 0 30px 0;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.boats {
    margin: 0 0 50px 0;
  }
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.boats {
    margin: 0 0 4rem 0;
  }
}
.theme-photo-wrapper.boats .theme-photo-border {
  width: 40.96%;
  padding: 0 3% 55.18% 0;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: transparent;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.boats .theme-photo-border {
    width: 43.96%;
  }
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.boats .theme-photo-border {
    width: 100%;
    padding: 0 3% 130% 0;
  }
}
.theme-photo-wrapper.boats .theme-photo-border::before {
  background-image: none;
  width: 95%;
  height: 100%;
  padding-bottom: 0;
  transform: translate(0, 0);
  border: 6px solid #ec7838;
  border-left: 0;
  border-radius: 24.5vw 24.5vw 0 0;
  z-index: 1;
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.boats .theme-photo-border::before {
    border-radius: 49vw 49vw 0 0;
  }
}
.theme-photo-wrapper.boats .theme-photo-border::after {
  width: 78.14%;
  padding-bottom: 17.54%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/venice_gondola_txt.png);
  right: 79%;
  bottom: 0;
  transform: translate(0, 0);
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.boats .theme-photo-border::after {
    right: 10%;
    bottom: -15%;
  }
}
.theme-photo-wrapper.boats .theme-photo-border .theme-photo-frame {
  position: absolute;
  width: 95.5%;
  height: 100%;
  padding-bottom: 0;
  border-radius: 25vw 25vw 0 0;
  z-index: 2;
  transform: translate(-3%, -1%);
}
@media (max-width: 575.98px) {
  .theme-photo-wrapper.boats .theme-photo-border .theme-photo-frame {
    border-radius: 50vw 50vw 0 0;
  }
}

.part-title-wrapper.boats {
  padding: 0 3%;
  justify-content: center;
}
.part-title-wrapper.boats > h2 {
  color: #3c332b;
}
.part-title-wrapper.boats > h4 {
  color: #593913;
  margin: 0;
}
.part-title-wrapper.boats::before, .part-title-wrapper.boats::after {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
}
.part-title-wrapper.boats::before {
  width: 92.12%;
  padding-bottom: 42.78%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/four_boats_tilte_top.png);
  transform: translate(-40px, 0);
}
.part-title-wrapper.boats::after {
  width: 120.26%;
  padding-bottom: 33.4%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/four_boats_tilte_bottom.png);
  transform: translate(40px, -56px);
}
@media (max-width: 575.98px) {
  .part-title-wrapper.boats::after {
    width: 100%;
    transform: translate(0px, -56px);
  }
}

.boats-scenewrapper {
  position: relative;
}
@media (max-width: 767.98px) {
  .boats-scenewrapper::before {
    display: block;
    content: "";
    position: absolute;
    z-index: 0;
    width: calc(100% - 80px);
    height: 60%;
    background-color: #f5d6ab;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
  }
}

.theme-photo-wrapper.konigssee {
  margin: 0;
  z-index: 3;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.konigssee {
    flex-wrap: wrap;
  }
}
.theme-photo-wrapper.konigssee .theme-photo-border {
  width: 66.16%;
  padding: 0;
  border: 8px solid #fcebc9;
  border-top: 18px solid #fcebc9;
  border-left: 18px solid #fcebc9;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.konigssee .theme-photo-border {
    width: 80%;
  }
}
@media (max-width: 419.98px) {
  .theme-photo-wrapper.konigssee .theme-photo-border {
    width: 100%;
  }
}
.theme-photo-wrapper.konigssee .theme-photo-border::before {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  border: 2px solid #fcebc9;
  background-image: none;
  transform: translate(1vw, 1vw);
}
.theme-photo-wrapper.konigssee .theme-photo-border::after {
  display: none;
}
.theme-photo-wrapper.konigssee .theme-photo-border .theme-photo-frame {
  width: 100%;
  padding-bottom: 62.03%;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.konigssee .theme-photo-border .theme-photo-frame {
    padding-bottom: 70%;
  }
}
.theme-photo-wrapper.konigssee .the-photo-article {
  position: relative;
}
.theme-photo-wrapper.konigssee .the-photo-article > h4 {
  color: #593913;
}
.theme-photo-wrapper.konigssee .the-photo-article > p {
  color: #8d4f21;
}
.theme-photo-wrapper.konigssee .the-photo-article > img {
  display: block;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 60%;
}
@media (max-width: 1199.98px) {
  .theme-photo-wrapper.konigssee .the-photo-article > img {
    bottom: -5%;
    left: -20%;
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.konigssee .the-photo-article > img {
    width: 50%;
    left: unset;
    bottom: unset;
    top: 0;
    right: 0;
  }
}

.theme-photo-wrapper.rheinfall {
  transform: translateY(-15%);
  margin: 0;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.rheinfall {
    transform: translateY(0);
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .theme-photo-wrapper.rheinfall::before {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    border: 4px solid #fcebc9;
    background-image: none;
    transform: translate(1vw, 1vw);
  }
}
.theme-photo-wrapper.rheinfall .theme-photo-border {
  width: 66.16%;
  padding: 0;
  border: 8px solid #fcebc9;
  border-right: 18px solid #fcebc9;
  border-bottom: 18px solid #fcebc9;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.rheinfall .theme-photo-border {
    width: 80%;
    order: 1;
  }
}
@media (max-width: 419.98px) {
  .theme-photo-wrapper.rheinfall .theme-photo-border {
    width: 100%;
    margin: 0;
  }
}
.theme-photo-wrapper.rheinfall .theme-photo-border::before {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  border: 2px solid #fcebc9;
  background-image: none;
  transform: translate(-2vw, -2vw);
}
.theme-photo-wrapper.rheinfall .theme-photo-border::after {
  display: none;
}
.theme-photo-wrapper.rheinfall .theme-photo-border .theme-photo-frame {
  width: 100%;
  padding-bottom: 62.03%;
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.rheinfall .theme-photo-border .theme-photo-frame {
    padding-bottom: 70%;
  }
}
@media (max-width: 767.98px) {
  .theme-photo-wrapper.rheinfall .the-photo-article {
    order: 2;
    align-items: flex-end;
  }
}
.theme-photo-wrapper.rheinfall .the-photo-article > h4 {
  color: #593913;
}
.theme-photo-wrapper.rheinfall .the-photo-article > p {
  color: #8d4f21;
}

/* 基姆湖 */
.scene-full-frame-intro.chiemsee .ys-feature-part-cnt {
  align-items: flex-start;
}

/* 八大健行 */
.ys-feature-part-sec.hiking-tour .ys-feature-part-cnt {
  z-index: 1;
}

.part-title-wrapper.hiking-tour {
  position: relative;
  z-index: 1;
}
.part-title-wrapper.hiking-tour > h2 {
  text-align: left;
  width: 100%;
}
.part-title-wrapper.hiking-tour > h4 {
  margin: 0;
}
.part-title-wrapper.hiking-tour .hiking_backpack_ico {
  position: absolute;
  height: 100%;
  z-index: 1;
  left: 0;
  transform: translate(calc(-100% - 8px), 0);
}
.part-title-wrapper.hiking-tour .hiking_person_ico {
  position: absolute;
  width: 142.75%;
  z-index: 1;
  bottom: -4px;
  left: 0;
  transform: translate(-22%, 0);
  max-width: unset;
}

.ys-feature-part-cnt > img.alpen_dolomites_txt {
  width: 23%;
  display: block;
  align-self: flex-end;
  transform: translate(-74%, -12%);
}
@media (max-width: 1199.98px) {
  .ys-feature-part-cnt > img.alpen_dolomites_txt {
    width: 30%;
  }
}

.hiking-topic-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 6%;
  width: 100%;
  position: relative;
  margin: 0 0 80px 0;
}
@media (max-width: 991.98px) {
  .hiking-topic-wrapper {
    margin: 0 0 30px 0;
  }
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper {
    flex-direction: column;
    gap: 40px 0;
  }
}
@media (max-width: 575.98px) {
  .hiking-topic-wrapper {
    margin: 40px 0 0 0;
  }
}
.hiking-topic-wrapper .hiking-topic-set {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 34.25%;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set {
    width: 100%;
  }
}
.hiking-topic-wrapper .hiking-topic-set.bigger {
  width: 59.75%;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set.bigger {
    width: 100%;
  }
}
.hiking-topic-wrapper .hiking-topic-set .hiking-topic-photo-effect {
  width: 100%;
}
.hiking-topic-wrapper .hiking-topic-set .hiking-topic-photo {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.hiking-topic-wrapper .hiking-topic-set .hiking-topic-photo > img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(1) {
  position: relative;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(1) {
    margin: 0 0 60px 0;
  }
}
@media (max-width: 575.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(1) {
    margin: 0;
  }
  .hiking-topic-wrapper .hiking-topic-set:nth-child(1) .hiking-topic-photo-effect {
    margin: 0 0 20px 0;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(1) .hiking-topic-photo {
  padding-bottom: 66.74%;
  box-shadow: 14px 14px 0 #ccd992;
}
@media (max-width: 991.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(1) .hiking-topic-photo {
    box-shadow: 10px 10px 0 #ccd992;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(1) .hike-writings {
  display: block;
  width: 20%;
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  transform: translate(95%, 30%);
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(1) .hike-writings {
    transform: translate(0%, 60%);
  }
}
@media (max-width: 575.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(1) .hike-writings {
    transform: translate(0%, -60%);
  }
}
@media (max-width: 419.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(1) .hike-writings {
    transform: translate(0, -130%);
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(2) .hiking-topic-photo-effect {
  margin: 0 0 18px 0;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(2) .hiking-topic-photo-effect {
    position: relative;
  }
  .hiking-topic-wrapper .hiking-topic-set:nth-child(2) .hiking-topic-photo-effect::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: -14px;
    left: 14px;
    border: 3px solid #fff;
    z-index: 1;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(2) .hiking-topic-photo {
  padding-bottom: 88.06%;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(2) .hiking-topic-photo {
    padding-bottom: 66.74%;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(3) {
  width: 31.25%;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(3) {
    width: 100%;
    margin-left: 0;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(3) .hiking-topic-photo-effect {
  position: relative;
  margin: 0 0 18px 0;
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(3) .hiking-topic-photo-effect::before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 14px;
  left: 14px;
  border: 1px solid #fff;
  z-index: 1;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(3) .hiking-topic-photo-effect::before {
    top: -14px;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(3) .hiking-topic-photo {
  padding-bottom: 150.2%;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(3) .hiking-topic-photo {
    padding-bottom: 66.74%;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(4) .hiking-topic-photo {
  padding-bottom: 66.74%;
  box-shadow: -14px 14px 0 #ccd992;
  margin: 0 0 18px 0;
}
@media (max-width: 991.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(4) .hiking-topic-photo {
    box-shadow: -10px 10px 0 #ccd992;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(4) .hiking-topic-title {
  align-self: flex-end;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(4) .hiking-topic-title {
    align-self: flex-start;
  }
}
.hiking-topic-wrapper .hiking-topic-set:nth-child(4) .hike-writings {
  width: 30%;
}
@media (max-width: 991.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(4) .hike-writings {
    display: block;
    width: 50%;
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper .hiking-topic-set:nth-child(4) .hike-writings {
    bottom: unset;
    transform: translate(0, -80%);
  }
}

.hiking-topic-wrapper.second .hiking-topic-set:nth-child(1) .hiking-topic-photo-effect {
  margin: 0 0 18px 0;
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(1) .hiking-topic-photo {
  padding-bottom: 88.06%;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper.second .hiking-topic-set:nth-child(1) .hiking-topic-photo {
    padding-bottom: 66.74%;
  }
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(2) {
  position: relative;
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(2) .hiking-topic-photo {
  padding-bottom: 49.41%;
  box-shadow: -14px 14px 0 #ccd992;
}
@media (max-width: 991.98px) {
  .hiking-topic-wrapper.second .hiking-topic-set:nth-child(2) .hiking-topic-photo {
    box-shadow: -10px 10px 0 #ccd992;
  }
}
@media (max-width: 575.98px) {
  .hiking-topic-wrapper.second .hiking-topic-set:nth-child(2) {
    margin: 0;
  }
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) {
  position: relative;
  width: 59.75%;
  margin: 0;
}
@media (max-width: 767.98px) {
  .hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) {
    width: 100%;
  }
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hiking-topic-photo-effect {
  transform: translateY(-15px);
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hiking-topic-photo-effect::before {
  display: none;
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hiking-topic-photo {
  padding-bottom: 66.74%;
  box-shadow: 14px 14px 0 #ccd992;
}
@media (max-width: 991.98px) {
  .hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hiking-topic-photo {
    box-shadow: 10px 10px 0 #ccd992;
  }
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hiking-topic-title > h4 {
  display: flex;
  flex-direction: row;
  width: 100%;
  flex-wrap: wrap;
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hiking-topic-title > h4 > span {
  display: flex;
  align-items: center;
  background-color: #556f0e;
  padding: 6px 8px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 2px;
  margin: 0 0 0 8px;
  font-weight: 400;
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hiking-topic-title > h4 > span::before {
  display: block;
  content: "*";
  margin: 0 4px 0 0;
}
@media (max-width: 575.98px) {
  .hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hiking-topic-title > h4 > span {
    margin: 0;
  }
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hike-writings {
  position: relative;
  z-index: 3;
  width: 30%;
}
@media (max-width: 1199.98px) {
  .hiking-topic-wrapper.second .hiking-topic-set:nth-child(3) .hike-writings {
    width: 60%;
  }
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(4) .hiking-topic-photo-effect {
  margin: 0;
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(4) .hiking-topic-photo {
  padding-bottom: 88.06%;
  box-shadow: 0 0 0 transparent;
}
.hiking-topic-wrapper.second .hiking-topic-set:nth-child(4) .hiking-topic-title {
  align-self: flex-start;
}

.hiking-topic-title {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 4px 20px;
  margin: 0 0 18px 0;
}
.hiking-topic-title > h4 {
  font-size: 28px;
  font-weight: 700;
  color: #4c5913;
  display: flex;
  flex-direction: column;
  position: relative;
  letter-spacing: 1px;
  margin: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 575.98px) {
  .hiking-topic-title > h4 {
    font-size: 24px;
  }
}
.hiking-topic-title > h4::before {
  display: block;
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: #4c5913;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateX(-20px);
}
.hiking-topic-title > h4::after {
  display: block;
  content: "";
  width: calc(100% + 40px);
  transform: translate(-20px, -0.25rem);
  height: 1px;
  background-color: #4c5913;
  margin-top: 6px;
}
.hiking-topic-title > p {
  padding: 4px 0 0 0 !important;
  color: #95a358;
  letter-spacing: 1px;
  font-size: 16px;
}

.hiking-notice {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  display: flex;
  align-items: baseline;
  background-color: #999933;
  padding: 10px 20px !important;
  margin: 0 0 100px 0;
  color: #fff;
  letter-spacing: 2px;
  position: relative;
}
@media (max-width: 767.98px) {
  .hiking-notice {
    font-size: 14px !important;
  }
}
@media (max-width: 991.98px) {
  .hiking-notice {
    font-size: 18px !important;
    margin: 0 0 60px 0;
  }
}
@media (max-width: 419.98px) {
  .hiking-notice {
    font-size: 16px !important;
  }
}
.hiking-notice::before {
  display: block;
  content: "*";
  margin: 0 4px 0 0;
}
.hiking-notice::after {
  display: block;
  content: "";
  width: 14.27%;
  padding-bottom: 10.12%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/hiking_notice_boots_ico.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 1%;
  transform: translateY(-100%);
}
.hiking-notice.second::after {
  display: none;
}

.hiking-sec-top-clouds {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 50%;
}

.hiking-sec-birds {
  display: block;
  width: 45%;
  position: absolute;
  z-index: 0;
  left: 2%;
  bottom: 36%;
}

.hiking-sec-mnts {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
}

/* 人文美景 */
.ys-feature-part-sec.humanities {
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/humanities_sec_bg.jpg);
  background-repeat: repeat-x;
  background-size: cover;
}

.part-title-wrapper.humanities {
  align-items: flex-start;
  align-self: flex-end;
  transform: translate(-90%, 80%);
  margin: 0 0 400px 0;
}
@media (max-width: 1199.98px) {
  .part-title-wrapper.humanities {
    transform: translate(-50%, 80%);
  }
}
@media (max-width: 767.98px) {
  .part-title-wrapper.humanities {
    transform: translate(-50%, 20%);
  }
}
@media (max-width: 575.98px) {
  .part-title-wrapper.humanities {
    margin: 0 0 100px 0;
  }
}
@media (max-width: 419.98px) {
  .part-title-wrapper.humanities {
    transform: translate(-30%, 20%);
  }
}
.part-title-wrapper.humanities > h2 {
  display: flex;
  flex-direction: column;
  color: #2b3c2b;
}
.part-title-wrapper.humanities > h2 > span {
  transform: translateX(2rem);
}
.part-title-wrapper.humanities > h2 > span:nth-child(1) {
  transform: translateX(-2rem);
}
.part-title-wrapper.humanities > h4 {
  transform: translate(12%, 0);
}
.part-title-wrapper.humanities::before, .part-title-wrapper.humanities::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
}
.part-title-wrapper.humanities::before {
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/humanities_secenery_writings.png);
  background-repeat: no-repeat;
  width: 108.33%;
  padding-bottom: 42.36%;
  background-size: contain;
  left: 60%;
}
@media (max-width: 1199.98px) {
  .part-title-wrapper.humanities::before {
    width: 70%;
  }
}
.part-title-wrapper.humanities::after {
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/humanities_title_country_ico.png);
  background-repeat: no-repeat;
  width: 147.22%;
  padding-bottom: 75.7%;
  background-size: contain;
  left: 0;
  transform: translate(-95%, 40%);
}
@media (max-width: 1199.98px) {
  .part-title-wrapper.humanities::after {
    width: 100%;
  }
}
@media (max-width: 419.98px) {
  .part-title-wrapper.humanities::after {
    transform: translate(-72%, 40%);
  }
}
.part-title-wrapper.humanities .slash-bar {
  width: 60%;
  height: 0.5px;
  display: block;
  background-color: #2b3c2b;
  position: absolute;
  transform: rotate(-45deg) translate(100%, 100%);
  right: 0;
  bottom: 0;
}

.human-topic-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  justify-content: space-between;
  margin: 0 0 68px 0;
}
@media (max-width: 575.98px) {
  .human-topic-wrapper {
    margin: 0 0 30px 0;
  }
}

.human-topic-set {
  display: flex;
  width: 100%;
  position: relative;
}
.human-topic-set.left {
  width: calc((100% - 20px) * 0.761);
  flex-direction: column;
  gap: 50px 0;
  position: relative;
}
@media (max-width: 767.98px) {
  .human-topic-set.left {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .human-topic-set.left {
    gap: 30px 0;
  }
}
.human-topic-set.right {
  width: calc((100% - 20px) * 0.239);
  position: relative;
  flex-direction: column;
}
.human-topic-set.right .human-topic-photo {
  width: 100%;
  padding-bottom: 96.875%;
  margin: 0 0 30px 0;
}
@media (max-width: 767.98px) {
  .human-topic-set.right {
    width: 100%;
    margin: 30px 0 0 0;
  }
  .human-topic-set.right .human-topic-photo {
    padding-bottom: 45%;
    margin: 0 0 15px 0;
  }
}
.human-topic-set .human-topic-photo {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.human-topic-set .human-topic-photo > img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.human-topic-set .human-topic-title {
  display: flex;
  flex-direction: column;
}
@media (max-width: 575.98px) {
  .human-topic-set .human-topic-title {
    order: 2;
  }
}
.human-topic-set .human-topic-title > h4 {
  font-size: 28px;
  color: #4c5913;
  letter-spacing: 8px;
  font-weight: 700;
  margin: 0 0 4px 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0;
}
@media (max-width: 1199.98px) {
  .human-topic-set .human-topic-title > h4 {
    font-size: 24px;
  }
}
@media (max-width: 767.98px) {
  .human-topic-set .human-topic-title > h4 {
    font-size: 20px;
  }
}
.human-topic-set .human-topic-title > p {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  color: #708d21;
  letter-spacing: 4px;
}
@media (max-width: 767.98px) {
  .human-topic-set .human-topic-title > p {
    font-size: 14px !important;
  }
}
.human-topic-set:nth-child(1) {
  justify-content: flex-end;
  margin: 0 0 100px 0;
}
@media (max-width: 575.98px) {
  .human-topic-set:nth-child(1) {
    flex-direction: column;
    margin: 0 0 30px 0;
  }
}
.human-topic-set:nth-child(1) .human-topic-photo {
  width: 26.83%;
  padding-bottom: 40.79%;
  border-radius: 25vw 25vw 0 0;
  border: 10px solid #afb04d;
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -48px;
}
@media (max-width: 1199.98px) {
  .human-topic-set:nth-child(1) .human-topic-photo {
    width: 35%;
    padding-bottom: 59.79%;
  }
}
@media (max-width: 767.98px) {
  .human-topic-set:nth-child(1) .human-topic-photo {
    padding-bottom: 52%;
  }
}
@media (max-width: 575.98px) {
  .human-topic-set:nth-child(1) .human-topic-photo {
    position: relative;
    width: 90%;
    padding-bottom: 100%;
    margin: 0 auto 16px auto;
    border-radius: 50vw 50vw 0 0;
    bottom: unset;
  }
}
@media (max-width: 419.98px) {
  .human-topic-set:nth-child(1) .human-topic-photo {
    width: 100%;
    padding-bottom: 110%;
  }
}
.human-topic-set:nth-child(1) .human-topic-title {
  width: 73.17%;
  align-self: flex-end;
  padding: 0 0 10px 40px !important;
  border-bottom: 1px solid #afb04d;
}
@media (max-width: 1199.98px) {
  .human-topic-set:nth-child(1) .human-topic-title {
    width: 65%;
  }
}
@media (max-width: 575.98px) {
  .human-topic-set:nth-child(1) .human-topic-title {
    width: 100%;
    padding: 0 0 10px 0 !important;
  }
}

.human-topic-sub-grid {
  display: flex;
  gap: 0 50px;
  width: 100%;
  position: relative;
}
@media (max-width: 767.98px) {
  .human-topic-sub-grid {
    gap: 0 20px;
  }
}
@media (max-width: 575.98px) {
  .human-topic-sub-grid {
    flex-direction: column;
  }
}
.human-topic-sub-grid .human-topic-title {
  width: 30.45%;
}
@media (max-width: 575.98px) {
  .human-topic-sub-grid .human-topic-title {
    width: 100%;
  }
}
.human-topic-sub-grid .human-topic-photo {
  width: 61.38%;
  padding-bottom: 31.78%;
}
@media (max-width: 575.98px) {
  .human-topic-sub-grid .human-topic-photo {
    width: 100%;
    padding-bottom: 52%;
    margin: 0 0 15px 0;
  }
}
.human-topic-sub-grid:nth-child(1) .human-topic-title {
  border-bottom: 1px solid #4c5913;
}
@media (max-width: 575.98px) {
  .human-topic-sub-grid:nth-child(1) .human-topic-title {
    border-bottom: 0;
  }
}

.human-scenery-diag-wrapper {
  width: 100%;
  background-color: #999933;
  padding: 20px;
  position: relative;
  margin: 0 0 50px 0;
}
@media (max-width: 991.98px) {
  .human-scenery-diag-wrapper {
    width: 100%;
  }
}

.flower-sn-ul {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #fff;
  padding: 0 0 10px 0 !important;
  margin: 0 0 10px 0 !important;
  gap: 6px 0;
}
.flower-sn-ul > li {
  font-size: 20px !important;
  font-weight: 400 !important;
  letter-spacing: 4px;
  line-height: unset !important;
  padding: 0 !important;
  color: #fff;
  list-style: none;
  width: 50%;
  flex-grow: 0;
  letter-spacing: 2px;
}
@media (max-width: 991.98px) {
  .flower-sn-ul > li {
    font-size: 18px !important;
  }
}
@media (max-width: 575.98px) {
  .flower-sn-ul > li {
    width: 100%;
    font-size: 16px;
  }
}

.flower-notice {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  display: flex;
  align-items: baseline;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 300;
}
@media (max-width: 767.98px) {
  .flower-notice {
    font-size: 14px !important;
  }
}
@media (max-width: 575.98px) {
  .flower-notice {
    font-size: 16px !important;
    font-weight: 100;
    letter-spacing: 1px;
  }
}
.flower-notice::before {
  display: block;
  content: "*";
  margin: 0 4px 0 0;
}

/* 住宿 */
.ys-feature-part-sec.dolo-inn {
  position: relative;
  overflow: hidden;
  padding: 0 0 50px 0;
}
.ys-feature-part-sec.dolo-inn .dolo-inn-sec-pattern {
  display: block;
  width: 40%;
  position: absolute;
  z-index: 0;
  opacity: 0.2;
}
.ys-feature-part-sec.dolo-inn .dolo-inn-sec-pattern.left {
  width: 16%;
  transform: rotate(-292deg);
  left: 0;
  top: 30%;
}
.ys-feature-part-sec.dolo-inn .dolo-inn-sec-pattern.right {
  width: 15%;
  transform: rotate(-22deg);
  right: 0;
}

.part-title-wrapper.dolo-inn {
  align-items: flex-end;
  align-self: center;
  margin: 200px 0 60px 0;
}
@media (max-width: 767.98px) {
  .part-title-wrapper.dolo-inn {
    margin: 150px 0 0 0;
    transform: translate(0%, -50%);
  }
}
.part-title-wrapper.dolo-inn::before {
  display: block;
  content: "";
  width: 140.54%;
  padding-bottom: 100.43%;
  background-image: url(https://www.ystravel.com.tw/material-alias/%E5%9C%98%E5%9E%8B%E7%89%B9%E8%89%B2%E9%A0%81/%E8%A5%BF%E6%AD%90/ZRH14CXH_%E5%A4%9A%E6%B4%9B%E7%B1%B3%E5%A0%A4/images/dolo_inns_title_dec.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  transform: translate(-71%, -50%);
}
@media (max-width: 1199.98px) {
  .part-title-wrapper.dolo-inn::before {
    width: 200%;
    transform: translate(-90%, -30%);
  }
}
@media (max-width: 767.98px) {
  .part-title-wrapper.dolo-inn::before {
    width: 110%;
    transform: translate(-83%, -20%);
  }
}
@media (max-width: 419.98px) {
  .part-title-wrapper.dolo-inn::before {
    width: 80%;
    transform: translate(-7%, -63%);
  }
}
.part-title-wrapper.dolo-inn > h4 {
  color: #fff6e3;
  display: flex;
  gap: 0 12px;
  margin: 0 0 4px 0;
}
.part-title-wrapper.dolo-inn > h4 > span {
  display: inline-flex;
  justify-content: left;
  align-items: center;
  background-color: #829239;
  border-radius: 50%;
  padding: 10px;
  width: 3rem;
  height: 3rem;
  font-size: 24px !important;
}
@media (max-width: 419.98px) {
  .part-title-wrapper.dolo-inn > h4 > span {
    font-size: 24px !important;
  }
}
.part-title-wrapper.dolo-inn .slash-bar {
  width: 70%;
  height: 0.5px;
  display: block;
  background-color: #2b3c2b;
  position: absolute;
  transform: rotate(-45deg) translate(100%, 0);
  right: 0;
  bottom: -50%;
}

.part-title-wrapper.dolo-second {
  width: 100%;
  position: relative;
  flex-direction: row;
  justify-content: flex-end;
  transform: translate(-11%, -25%);
}
@media (max-width: 1199.98px) {
  .part-title-wrapper.dolo-second {
    transform: translate(0%, -25%);
  }
}
@media (max-width: 767.98px) {
  .part-title-wrapper.dolo-second {
    transform: translate(64%, -77%);
    flex-direction: column;
    gap: 16px 0;
    align-items: flex-start;
  }
}
@media (max-width: 575.98px) {
  .part-title-wrapper.dolo-second {
    transform: translate(0, 0);
    margin: 0 0 30px 0;
  }
}

.second-title {
  font-size: 24px !important;
  color: #4c5816;
  font-weight: 400;
  letter-spacing: 4px;
  display: flex;
  margin: 0 0 0 0 !important;
  transform: translate(120%, 0);
}
@media (max-width: 767.98px) {
  .second-title {
    font-size: 18px !important;
    transform: translate(0, 0);
  }
}

.deco-bars-wrapper {
  width: 25%;
  display: flex;
  gap: 20px 0;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767.98px) {
  .deco-bars-wrapper {
    gap: 10px 0;
  }
}
@media (max-width: 575.98px) {
  .deco-bars-wrapper {
    width: 100%;
  }
}
.deco-bars-wrapper .deco-bar {
  display: block;
  width: 76%;
  height: 28px;
  background-color: #e8e8c5;
}
.deco-bars-wrapper .deco-bar:nth-child(2) {
  width: 84%;
  background-color: #dfdcac;
}
.deco-bars-wrapper .deco-bar:nth-child(3) {
  width: 92%;
  background-color: #dbcd85;
}
.deco-bars-wrapper .deco-bar:nth-child(4) {
  width: 100%;
  background-color: #cfc995;
}
@media (max-width: 767.98px) {
  .deco-bars-wrapper .deco-bar {
    height: 14px;
  }
}

.dolo-inns-swiper {
  width: 80%;
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
}
@media (max-width: 991.98px) {
  .dolo-inns-swiper {
    width: 100%;
  }
}
.dolo-inns-swiper .swiper-slide {
  padding: 20px;
  background-color: #fff;
  height: auto;
}
@media (max-width: 575.98px) {
  .dolo-inns-swiper .swiper-slide {
    padding: 10px;
  }
}
.dolo-inns-swiper .swiper-pagination {
  bottom: 0 !important;
}
.dolo-inns-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #7a7a7a;
  opacity: 0.5;
}
@media (max-width: 575.98px) {
  .dolo-inns-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}
.dolo-inns-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
@media (max-width: 767.98px) {
  .dolo-inns-swiper .swiper-pagination {
    bottom: 0 !important;
  }
}

.dolo-inns-img-frame {
  width: 100%;
  padding-bottom: 58.675%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.dolo-inns-img-frame > img {
  display: block;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.dolo-inns-intro {
  display: flex;
  align-items: baseline;
  padding: 20px 0 0 0;
}
@media (max-width: 575.98px) {
  .dolo-inns-intro {
    padding: 10px 0 0 0;
  }
}
.dolo-inns-intro > h4 {
  font-size: 28px !important;
  color: #2b3c2b !important;
  letter-spacing: 4px;
  font-weight: 700;
  margin: 0 !important;
  border-bottom: 0 !important;
}
.dolo-inns-intro > h4 > span {
  font-size: 20px !important;
  font-weight: 400;
  display: inline-block;
  margin: 0 8px;
}
@media (max-width: 767.98px) {
  .dolo-inns-intro > h4 {
    font-size: 24px !important;
  }
  .dolo-inns-intro > h4 > span {
    font-size: 16px !important;
  }
}
@media (max-width: 575.98px) {
  .dolo-inns-intro > h4 {
    font-size: 20px !important;
  }
}
.dolo-inns-intro > p {
  font-size: 16px;
  letter-spacing: 2px;
  line-height: unset !important;
  padding: 0 !important;
  color: #708d21;
  letter-spacing: 2px;
}
@media (max-width: 767.98px) {
  .dolo-inns-intro > p {
    font-size: 14px !important;
  }
}
@media (max-width: 767.98px) {
  .dolo-inns-intro > p {
    font-size: 16px !important;
  }
}
@media (max-width: 767.98px) {
  .dolo-inns-intro {
    flex-direction: column;
  }
}

/* 隨行贈送自訂 */
.tour-gift-title-set > h1 {
  color: #2d341c !important;
}
.tour-gift-title-set > h4 {
  color: #525826 !important;
}

.tour-gift-note {
  background-color: #7e7e25 !important;
}/*# sourceMappingURL=dolomites.css.map */