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

/* 載入動畫 */
.feature_loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.6s ease;
  background: linear-gradient(to top, #80d8ed 50%, #e6f6ff 50%);
}

/* 淡出後移除互動 */
.feature_loading.hidden {
  opacity: 0;
  pointer-events: none;
}

/* 蒙貝loading動畫 */
.scene {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}

/* 船 */
.boat-wrap {
  position: absolute;
  left: 50%;
  top: 32%;
  transform: translateX(-50%);
  animation: boat-float 3s ease-in-out infinite;
  will-change: transform;
}

.boat-wrap svg {
  width: 200px;
  height: auto;
  display: block;
}

@keyframes boat-float {
  0% {
    transform: translate(-50%, 0);
  }
  50% {
    transform: translate(-50%, -8px);
  }
  100% {
    transform: translate(-50%, 0);
  }
}
/* 水波 */
.waves {
  position: absolute;
  bottom: 38%;
  left: 0;
  width: 200%;
  height: 30px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 20" preserveAspectRatio="none"><path d="M0 10 Q 30 0 60 10 T 120 10 V20 H0 Z" fill="rgba(255,255,255,0.7)"/></svg>') repeat-x;
  background-size: 120px 40%;
  animation: wave-move 4s linear infinite, wave-height 5s ease-in-out infinite;
}

@keyframes wave-move {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-120px);
  }
}
/* 波浪上下起伏 */
@keyframes wave-height {
  0% {
    height: 55px;
  }
  50% {
    height: 65px;
  }
  100% {
    height: 55px;
  }
}
/* 區塊重置或覆寫 */
#tripFeatures > .container.clearfix {
  width: 100%;
  max-width: 100%;
}
#tripFeatures > .container.clearfix .group_table_box {
  padding: 30px 0 0 0;
}

#ys-for-website h1,
#ys-for-website h2,
#ys-for-website h3,
#ys-for-website h4,
#ys-for-website h5,
#ys-for-website h6 {
  border-bottom: 0;
}
#ys-for-website figure {
  margin: 0;
}

/* 外部 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;
}
@media (max-width: 991.98px) {
  .ys-feature-part-sec {
    padding: 40px 20px;
  }
}

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

.title-set-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.slash-title {
  font-size: 28px;
  color: #656510 !important;
  letter-spacing: 4px;
  display: flex;
  gap: 0 4px;
  margin: 20px 0 0 0 !important;
}
@media (max-width: 991.98px) {
  .slash-title {
    font-size: 24px;
  }
}
@media (max-width: 575.98px) {
  .slash-title {
    font-size: 20px;
  }
}
.slash-title.small::before, .slash-title.small::after {
  display: block;
  content: "///";
}

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

.tour-hl-dialogue {
  width: 75%;
  border: 1px solid #fff;
  padding: 40px;
  border-radius: 27px;
  display: flex;
  align-items: center;
  gap: 0 32px;
  margin: 0 auto;
}
@media (max-width: 991.98px) {
  .tour-hl-dialogue {
    width: 100%;
  }
}
.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: 100;
  color: #fff !important;
  letter-spacing: 1px;
  opacity: 0.9;
}
@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;
  }
}

/* 蒙貝13天 */
.baikal-mongo-kv-sec {
  position: relative;
  width: 100%;
  padding-bottom: 53.33%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/mongo_main_kv_sec_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}
@media (max-width: 1199.98px) {
  .baikal-mongo-kv-sec {
    padding-bottom: 70%;
    background-position: center bottom;
  }
}

.bm-kv-txt-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  top: 50%;
}

.baikal-mongo-kv-title {
  display: block;
  position: absolute;
  z-index: 3;
  top: 150%;
  width: 50% !important;
  max-width: unset !important;
}
@media (min-width: 2559.98px) {
  .baikal-mongo-kv-title {
    width: 90% !important;
  }
}
@media (max-width: 1199.98px) {
  .baikal-mongo-kv-title {
    width: 60% !important;
  }
}
@media (max-width: 991.98px) {
  .baikal-mongo-kv-title {
    top: 2%;
    width: 80% !important;
  }
}
@media (max-width: 575.98px) {
  .baikal-mongo-kv-title {
    width: 90% !important;
  }
}

.bm-kv-landmark {
  display: flex;
  gap: 0 6px;
  position: absolute;
  top: 75%;
  right: 25%;
}
@media (max-width: 991.98px) {
  .bm-kv-landmark {
    top: 0;
    z-index: 3;
  }
}
@media (max-width: 575.98px) {
  .bm-kv-landmark {
    right: 15%;
  }
}
.bm-kv-landmark > h4 {
  font-size: 20px;
  display: flex !important;
  align-self: flex-start;
  letter-spacing: 4px;
  color: #3a2107 !important;
  font-weight: 400;
  writing-mode: vertical-rl;
  display: block;
  padding: 6px 4px !important;
  border: 1px solid #3a2107 !important;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.4), inset 0 0 5px rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  white-space: nowrap;
}
@media (max-width: 1199.98px) {
  .bm-kv-landmark > h4 {
    font-size: 18px;
  }
}
@media (max-width: 575.98px) {
  .bm-kv-landmark > h4 {
    font-size: 14px;
  }
}

.cloud-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.cloud {
  position: absolute;
  will-change: transform, opacity;
}

.back-layer .cloud {
  opacity: 0.3;
}

.front-layer .cloud {
  opacity: 0.5;
}

/* 蒙古國度 */
.mongo-country-wrapper {
  flex-direction: row;
  position: relative;
  gap: 0 2%;
  align-items: stretch;
  flex-wrap: wrap;
}
@media (max-width: 1199.98px) {
  .mongo-country-wrapper {
    gap: 2% 2%;
  }
  .mongo-country-wrapper > .slash-title {
    order: 3;
    margin: 20px 0 50px 0;
  }
}
@media (max-width: 768.98px) {
  .mongo-country-wrapper {
    gap: 0 2%;
    padding: 0;
  }
  .mongo-country-wrapper > .slash-title {
    margin: 0;
  }
}

.mongo-country-triple-shape {
  width: 32%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 20px;
  align-items: center;
  justify-content: flex-start;
}
@media (max-width: 1199.98px) {
  .mongo-country-triple-shape {
    width: 49%;
    order: 2;
  }
}
@media (max-width: 768.98px) {
  .mongo-country-triple-shape {
    width: 100%;
    padding: 0;
  }
  .mongo-country-triple-shape:nth-child(1) .mongo-country-border-pic {
    order: 2;
  }
}
.mongo-country-triple-shape > p {
  font-size: 16px;
  color: #83831c;
  font-weight: 400;
  letter-spacing: 2px;
  margin: 0 0 20px 0;
}
.mongo-country-triple-shape.blanket {
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/mongolia_legend_grid_bg.png);
  background-repeat: repeat-x;
  background-size: contain;
}
.mongo-country-triple-shape.blanket::before {
  width: 60%;
  padding-bottom: 15%;
  display: block;
  content: "";
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_ico_mongo_camps.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0.5;
  align-self: flex-start;
}
.mongo-country-triple-shape.blanket > p {
  color: #36502d;
  text-decoration: underline;
  width: 90%;
  margin: 0 0 20px 0;
}
@media (max-width: 991.98px) {
  .mongo-country-triple-shape.blanket > p {
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .mongo-country-triple-shape.blanket {
    order: 1;
    width: 100%;
  }
}
@media (max-width: 768.98px) {
  .mongo-country-triple-shape.blanket {
    padding: 0 20px;
  }
}
@media (max-width: 575.98px) {
  .mongo-country-triple-shape.blanket {
    margin: 30px 0;
  }
}

.mongo-country-border-pic {
  position: relative;
  width: 100%;
  margin: 30px 0 !important;
}
.mongo-country-border-pic > img {
  display: block;
  width: 100%;
}

.mongo-country-title {
  font-size: 24px;
  color: #999933 !important;
  font-weight: 700;
  letter-spacing: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px 0;
  margin: 0 0 10px 0 !important;
}
.mongo-country-title::after {
  display: block;
  width: 200px;
  height: 20px;
  content: "";
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_mongo_scene_name.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.mongo-country-title-set {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  align-items: center;
  margin: 0 0 30px 0;
}

.mongo-c-title-word {
  font-size: 36px;
  color: #36502d !important;
  font-weight: 700;
  letter-spacing: 8px;
  margin: 0 !important;
}
.mongo-c-title-word.top {
  font-size: 42px;
  transform: translate(-50%, 20%);
}
.mongo-c-title-word.btm {
  transform: translate(50%, -20%);
}

.mongo-c-lower-title {
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 50%;
  margin: 0 !important;
}
.mongo-c-lower-title > span {
  text-transform: uppercase;
  font-family: "Noto Serif TC", serif;
  font-size: 16px;
  letter-spacing: 1px;
  font-weight: 700;
  color: #1a2b18;
  display: block;
  border-bottom: 1px solid #1a2b18;
}
.mongo-c-lower-title > span:nth-child(1) {
  font-size: 20px;
}

.mongo-c-russia-title {
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: #1a2b18 !important;
  text-align: right;
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translate(-5%, -20%);
  margin: 0 !important;
}
@media (max-width: 575.98px) {
  .mongo-c-russia-title {
    position: static;
  }
}

.mongo-c-sign-words {
  width: 150px;
  display: flex;
  align-self: flex-end;
  position: relative;
  transform: translate(-25%, 0);
}
.mongo-c-sign-words > img {
  width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}
.mongo-c-sign-words::after {
  display: block;
  content: "";
  width: 60px;
  padding-bottom: 60px;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_ico_feather_pen.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/* 代表寺廟 */
.mongo-temple-sec {
  background-color: #fffcd7;
  border-top: 4px solid #dfe378;
  border-bottom: 4px solid #dfe378;
}

.mongo-temple-wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: 30px 0;
}

.mongo-temple-set {
  position: relative;
  display: flex;
  width: 100%;
  gap: 0 30px;
}
@media (max-width: 768.98px) {
  .mongo-temple-set {
    display: flex;
    flex-direction: column;
    gap: 20px 0;
  }
  .mongo-temple-set:nth-child(2) > .mongo-temple-dialogue.gandan {
    order: 2;
  }
}

.mongo-temple-pic-frame {
  width: calc(40% - 15px);
  position: relative;
}
@media (max-width: 768.98px) {
  .mongo-temple-pic-frame {
    width: 100%;
  }
}
.mongo-temple-pic-frame > img {
  display: block;
  width: 100%;
}
.mongo-temple-pic-frame.gandan > .mongo-temple-hand-writing {
  display: flex;
  flex-direction: column;
}
.mongo-temple-pic-frame.gandan > .mongo-temple-hand-writing > span:nth-child(1) {
  transform: translate(20%, 0);
}
.mongo-temple-pic-frame.gandan > .mongo-temple-hand-writing > span:nth-child(2) {
  align-self: flex-end;
  transform: translate(-50%, 0);
}

.mongo-temple-dialogue {
  width: calc(60% - 15px);
  position: relative;
}
@media (max-width: 768.98px) {
  .mongo-temple-dialogue {
    width: 100%;
  }
}

.mongo-temple-views {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.mongo-temple-views > li {
  list-style: none;
  width: 30%;
  position: relative;
}
.mongo-temple-views > li > img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768.98px) {
  .mongo-temple-views {
    flex-direction: column;
    align-items: center;
    gap: 24px 0;
  }
  .mongo-temple-views > li {
    width: 75%;
  }
}
@media (max-width: 768.98px) and (max-width: 575.98px) {
  .mongo-temple-views > li {
    width: 100%;
  }
}

.mongo-temple-dialogue {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.mongo-temple-dialogue > p {
  font-size: 16px;
  letter-spacing: 2px;
  margin: 0 0 20px 0;
  color: #879110;
}
.mongo-temple-dialogue.khar::before {
  display: block;
  content: "";
  width: 250px;
  padding-bottom: 70px;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_cows_on_grass.svg);
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-end;
}
.mongo-temple-dialogue.gandan::before {
  display: block;
  content: "";
  width: 350px;
  padding-bottom: 70px;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_oasis_trees.svg);
  background-repeat: no-repeat;
  background-size: contain;
  align-self: flex-end;
}

.mongo-temple-name {
  font-size: 24px;
  color: #646c00 !important;
  letter-spacing: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px 0;
  margin: 0 0 10px 0 !important;
  font-weight: 700;
}
.mongo-temple-name::after {
  display: block;
  width: 200px;
  height: 20px;
  content: "";
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_mongo_scene_name.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.mongo-temple-hand-writing {
  font-size: 32px;
  font-family: "WindSong", cursive;
  font-weight: 400;
  color: #dfde9e !important;
  align-self: flex-end;
  margin: 30px 0 0 0 !important;
}
.mongo-temple-hand-writing > span {
  font-family: "WindSong", cursive;
}

/* 額爾德尼召寺 */
.ys-feature-part-sec.erdene {
  position: relative;
  padding: 0;
}

.sky-trail-frame {
  width: 100%;
  padding-bottom: 42.5%;
  position: relative;
  overflow: hidden;
}
.sky-trail-frame > img {
  display: block;
  width: 120%;
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: -20%;
  right: 0;
}
@media (max-width: 1199.98px) {
  .sky-trail-frame {
    padding-bottom: 70%;
  }
  .sky-trail-frame > img {
    top: -18%;
    width: auto;
    height: 115%;
    right: -10%;
  }
}
@media (max-width: 1199.98px) and (max-width: 575.98px) {
  .sky-trail-frame > img {
    right: -100%;
    max-width: unset;
    top: -30%;
  }
}
@media (max-width: 991.98px) {
  .sky-trail-frame {
    padding-bottom: 62.5%;
  }
}
@media (max-width: 768.98px) {
  .sky-trail-frame {
    padding-bottom: 700px;
  }
}

.scene-full-frame-intro {
  position: absolute;
  background-color: rgba(235, 234, 110, 0.52);
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px calc((100% - 1440px) / 2);
  bottom: 0;
  left: 0;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);
}
@media (max-width: 1679.98px) {
  .scene-full-frame-intro {
    padding: 20px;
  }
}
@media (max-width: 768.98px) {
  .scene-full-frame-intro {
    background-color: rgba(235, 234, 110, 0.52);
  }
}
@media (max-width: 575.98px) {
  .scene-full-frame-intro {
    position: static;
    background-color: rgba(96, 95, 31, 0.52);
  }
}

.ys-feature-part-cnt.erdene {
  padding: 0;
  align-items: flex-start;
}
.ys-feature-part-cnt.erdene > h4 {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: 4px;
  color: #284020;
  margin: 0 0 10px 0;
  display: flex;
  gap: 0 8px;
}
.ys-feature-part-cnt.erdene > h4 > span {
  font-family: "Noto Serif TC", serif;
  letter-spacing: 1px;
}
@media (max-width: 768.98px) {
  .ys-feature-part-cnt.erdene > h4 {
    flex-direction: column;
  }
}
@media (max-width: 575.98px) {
  .ys-feature-part-cnt.erdene > h4 {
    font-size: 24px;
  }
}
@media (max-width: 419.98px) {
  .ys-feature-part-cnt.erdene > h4 {
    font-size: 20px;
  }
}
.ys-feature-part-cnt.erdene > h5 {
  color: #fff !important;
  font-size: 18px;
  letter-spacing: 4px;
  line-height: 1.4;
  font-weight: 300;
  margin: 0 !important;
}
@media (max-width: 768.98px) {
  .ys-feature-part-cnt.erdene > h5 {
    border-bottom: 0 !important;
    padding: 0 !important;
    font-size: 16px;
  }
}

/* 博物館與公園 */
.museum-and-park-sec {
  padding: 40px 0;
}
@media (max-width: 1679.98px) {
  .museum-and-park-sec {
    padding: 20px;
  }
}

.museum-and-park-point-wrapper {
  padding: 30px calc((100% - 1440px) / 2);
  width: 100%;
  position: relative;
  flex-direction: row;
  align-items: stretch;
  gap: 0 50px;
}
@media (max-width: 768.98px) {
  .museum-and-park-point-wrapper {
    flex-direction: column;
  }
}
@media (max-width: 768.98px) {
  .museum-and-park-point-wrapper.zaisan > .mnp-photo-set {
    order: 2;
  }
}
.museum-and-park-point-wrapper.zaisan::after {
  position: absolute;
  display: block;
  width: calc(100% - (100% - 1440px) / 2 * 2);
  padding-bottom: 20px;
  content: "";
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_zaisan_brogue_bar.svg);
  background-size: contain;
  background-repeat: repeat-x;
  bottom: 0;
  left: calc((100% - 1440px) / 2);
  mix-blend-mode: multiply;
}

.mnp-intro-grid {
  width: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 0 30px;
}
@media (max-width: 768.98px) {
  .mnp-intro-grid {
    width: 100%;
  }
}
.mnp-intro-grid > p {
  font-size: 16px;
  letter-spacing: 2px;
  color: #5c7a3a;
  margin: 0 0 30px 0;
}
.mnp-intro-grid.zaisan {
  justify-content: flex-start;
}
.mnp-intro-grid.zaisan > .slash-title {
  margin: 0 0 40px 0 !important;
  justify-content: flex-end;
}

.mnp-intro-title-set {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 40px 0;
}
.mnp-intro-title-set.single {
  flex-direction: row;
  justify-content: flex-start;
  align-items: baseline;
}
@media (max-width: 991.98px) {
  .mnp-intro-title-set.single {
    flex-direction: column;
    align-items: center;
  }
}
.mnp-intro-title-set > h4 {
  font-size: 36px;
  color: #36502d !important;
  letter-spacing: 4px;
  text-decoration: underline;
  margin: 0 !important;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .mnp-intro-title-set > h4 {
    font-size: 28px;
  }
}
.mnp-intro-title-set > .en-title {
  font-size: 24px;
  font-family: "Noto Serif TC", serif;
  text-transform: uppercase;
  color: #36502d !important;
  text-decoration: underline;
  font-weight: 700;
  margin: 0 !important;
}
@media (max-width: 991.98px) {
  .mnp-intro-title-set > .en-title {
    text-align: center;
    font-size: 20px;
  }
}
.mnp-intro-title-set.zaisan {
  align-self: center;
}
.mnp-intro-title-set.zaisan > h4 {
  font-size: 24px;
}
.mnp-intro-title-set.bdge-khan::before {
  display: block;
  content: "";
  width: 120px;
  padding-bottom: 130px;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_bdge_khan_museum.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.mnp-intro-title-set.genghis-khan::before {
  display: block;
  content: "";
  width: 120px;
  padding-bottom: 130px;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_genghis_khan.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.mnp-photo-set {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  z-index: 4;
}
@media (max-width: 768.98px) {
  .mnp-photo-set {
    width: 100%;
  }
}
.mnp-photo-set.bdge-khan .mnp-pic-frame {
  border-radius: 25vw 25vw 0 0;
  padding-bottom: 80%;
  overflow: hidden;
  border: 5px solid #aebd05;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 2;
  margin: 0;
}
.mnp-photo-set.bdge-khan .mnp-pic-frame > img {
  position: absolute;
  width: 135%;
  height: 135%;
}
@media (max-width: 768.98px) {
  .mnp-photo-set.bdge-khan .mnp-pic-frame {
    border-radius: 50vw 50vw 0 0;
  }
}
.mnp-photo-set.bdge-khan::before, .mnp-photo-set.bdge-khan::after {
  display: block;
  content: "";
  width: 18%;
  padding-bottom: 18%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/bdge_khan_museum_deco_pattern.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 14%;
}
.mnp-photo-set.bdge-khan:after {
  top: unset;
  left: unset;
  right: 5%;
  bottom: 4%;
}
.mnp-photo-set.genghis-khan {
  pointer-events: none;
  z-index: 2;
}
@media (max-width: 768.98px) {
  .mnp-photo-set.genghis-khan {
    order: 2;
  }
}
.mnp-photo-set.genghis-khan > .mnp-pic-frame {
  position: relative;
  display: inline-block;
}
.mnp-photo-set.genghis-khan > .mnp-pic-frame > img {
  display: block;
  position: relative;
  z-index: 1;
}
.mnp-photo-set.genghis-khan > .mnp-pic-frame > .shine {
  font-size: 0;
  position: absolute;
  top: 0;
  left: -150%;
  width: 250%;
  height: 100%;
  background: linear-gradient(75deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0) 100%);
  transform: skewX(-20deg) translateX(50%);
  pointer-events: none;
  -webkit-mask-image: url("images/genghis_khan_statue.png");
          mask-image: url("images/genghis_khan_statue.png");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.mnp-photo-set .mnp-pic-frame {
  width: 100%;
}
.mnp-photo-set .mnp-pic-frame > img {
  width: 100%;
  height: 100%;
}

.mnp-pic-frame {
  width: 70%;
  position: relative;
  display: flex;
  justify-content: center;
}
.mnp-pic-frame > img {
  display: block;
  position: static;
  top: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.mnp-pic-name {
  font-size: 18px;
  letter-spacing: 1px;
  color: #36502d;
  font-weight: 600;
  width: calc(100% + 30px);
  padding: 20px 0;
  transform: translate(0, -4px);
  display: flex;
  justify-content: flex-end;
}
.mnp-pic-name::before {
  display: block;
  content: "‧";
}
.mnp-pic-name.bdge-khan {
  border-top: 4px solid #aebd05;
  color: #36502d !important;
  margin: 0 !important;
}
.mnp-pic-name.left {
  justify-content: flex-start;
  margin: 0 !important;
}

.zaisan-medals-wrapper {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
@media (max-width: 768.98px) {
  .zaisan-medals-wrapper {
    margin: 0 0 30px 0;
  }
}
.zaisan-medals-wrapper > img {
  display: block;
  width: 40%;
  background-size: contain;
}

.mnp-intro-separate-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px 0;
  border-bottom: 1px solid #36502d;
}
.mnp-intro-separate-column:nth-last-child(1) {
  border-bottom: 0;
}
.mnp-intro-separate-column > h4 {
  font-size: 24px;
  font-weight: 700;
  color: #36502d !important;
  letter-spacing: 4px;
  margin: 0 0 24px 0 !important;
  padding: 0 !important;
}
@media (max-width: 419.98px) {
  .mnp-intro-separate-column > h4 {
    font-size: 20px;
  }
}
.mnp-intro-separate-column > p {
  font-size: 16px;
  letter-spacing: 2px;
  color: #5c7a3a;
  width: 90%;
  text-align: center;
}

/* 西伯利亞大鐵路 */
.siberian-rail-sec {
  overflow: hidden;
}

.siberian-rail-bg {
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/siberian_railway_train.png);
  width: 100%;
  padding-bottom: 34%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
  z-index: 1;
  bottom: 5%;
  left: 0;
  font-size: 0;
  margin: 0 !important;
}
@media (max-width: 991.98px) {
  .siberian-rail-bg {
    padding-bottom: 45%;
  }
}

.siberian-rail-wrapper {
  padding: 150px 0;
  position: relative;
  z-index: 2;
}

.siberian-rail-intro-board {
  margin: 5% 0 0 0;
  width: 40%;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
}
@media (max-width: 991.98px) {
  .siberian-rail-intro-board {
    width: 50%;
  }
}
@media (max-width: 768.98px) {
  .siberian-rail-intro-board {
    width: 100%;
  }
}

.sr-title-en-writings {
  font-family: "WindSong", cursive;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 40px;
  color: #c9d677 !important;
  align-self: flex-end;
  margin: 0 !important;
}
@media (max-width: 575.98px) {
  .sr-title-en-writings {
    font-size: 32px;
    align-self: flex-start;
  }
}

.sr-title-cht {
  font-size: 48px;
  letter-spacing: 4px;
  color: #1f562d !important;
  font-weight: 900 !important;
  align-self: flex-end;
  margin: 0 0 10px 0 !important;
}
@media (max-width: 575.98px) {
  .sr-title-cht {
    font-size: 36px;
    align-self: flex-start;
  }
}

.sr-attached-title {
  font-size: 16px;
  font-weight: 400 !important;
  letter-spacing: 1px;
  color: #1f562d !important;
  display: flex;
  position: relative;
  align-items: center;
  white-space: nowrap;
  line-height: 1.2;
  gap: 0 6px;
  align-self: flex-end;
  margin: 0 0 20px 0 !important;
}
@media (max-width: 575.98px) {
  .sr-attached-title {
    white-space: wrap;
  }
}
.sr-attached-title::before {
  display: block;
  content: "";
  width: 70px;
  height: 1px;
  background-color: #1f562d;
  flex-grow: 0;
  flex-shrink: 1;
}
@media (max-width: 575.98px) {
  .sr-attached-title::before {
    display: none;
  }
}

.sr-parag-screen {
  display: flex;
  flex-direction: column;
  padding: 16px;
  background-color: rgba(255, 255, 255, 0.6);
  gap: 14px 0;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}
.sr-parag-screen > p {
  font-size: 16px;
  letter-spacing: 2px;
  color: #6c7f63;
}

/* 伊爾庫茨克 */
.irkutsk-spec-sec {
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/irkutsk_spec_sec_bg.avif);
  background-repeat: repeat-x;
  background-size: contain;
  background-color: unset;
  padding: 0 0 40px 0;
}
.irkutsk-spec-sec::after {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 2%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_farm_land.svg);
  background-repeat: repeat-x;
  background-size: contain;
}
@media (max-width: 991.98px) {
  .irkutsk-spec-sec {
    padding: 0 0 40px 0;
  }
}

.irkutsk-spec-wrapper {
  padding: 53px 0 0 0;
}
@media (max-width: 768.98px) {
  .irkutsk-spec-wrapper {
    padding: 16px 0 0 0;
  }
}
.irkutsk-spec-wrapper::after {
  display: block;
  content: "";
  width: 33%;
  padding-bottom: 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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_farm_animals.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  align-self: flex-end;
}
@media (max-width: 575.98px) {
  .irkutsk-spec-wrapper::after {
    width: 220px;
    padding-bottom: 100px;
  }
}

.irkutsk-grassland {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.irkutsk-grassland::before {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 20%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/irkutsk_grass_plan_scene.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  position: absolute;
}
.irkutsk-grassland::after {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 8%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/irkutsk_rope.svg);
  background-size: 110%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1;
}

.irkutsk-grassland-scene-wrapper {
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: center;
  z-index: 2;
  gap: 0 5%;
}
@media (max-width: 991.98px) {
  .irkutsk-grassland-scene-wrapper {
    padding: 10px 0 30px 0;
  }
}

.irkutsk-grassland-scene-pic {
  position: relative;
  width: 35%;
}
@media (max-width: 1199.98px) {
  .irkutsk-grassland-scene-pic {
    width: 40%;
  }
}
@media (max-width: 768.98px) {
  .irkutsk-grassland-scene-pic {
    width: 48%;
  }
}
.irkutsk-grassland-scene-pic > img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.irkutsk-spec-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 36px;
  letter-spacing: 4px;
  color: #36502d !important;
  margin: 0 0 30px 0 !important;
  font-weight: 700;
}
@media (max-width: 575.98px) {
  .irkutsk-spec-title {
    font-size: 28px;
  }
}
.irkutsk-spec-title::before {
  display: block;
  content: "";
  width: 120px;
  padding-bottom: 130px;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_irkutsk.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.irkutsk-spec-parag {
  font-size: 16px;
  letter-spacing: 1px;
  text-align: center;
  color: #5c7a3a;
  margin: 0 0 16px 0;
  width: 70%;
}
.irkutsk-spec-parag:nth-last-child(1) {
  margin: 0;
}
@media (max-width: 768.98px) {
  .irkutsk-spec-parag {
    width: 100%;
  }
}

.location-tag {
  display: flex;
  align-items: center;
  align-self: flex-end;
  font-size: 24px;
  color: #36502d !important;
  border: 2px solid #36502d !important;
  padding: 3px 20px;
  gap: 0 12px;
  margin: 16px 0 40px 0 !important;
}
@media (max-width: 575.98px) {
  .location-tag {
    font-size: 20px;
  }
}
.location-tag::before {
  display: block;
  content: "";
  width: 18px;
  height: 26px;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_russia_location.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.location-tag::after {
  display: block;
  content: "";
  width: 60px;
  height: 26px;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_russia_txt.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.irkutsk-spec-town-wrapper {
  display: flex;
  justify-content: space-between;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 768.98px) {
  .irkutsk-spec-town-wrapper {
    gap: 36px 0;
  }
}

.irkutsk-spec-town-grid {
  position: relative;
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 768.98px) {
  .irkutsk-spec-town-grid {
    width: 100%;
  }
}
.irkutsk-spec-town-grid > img {
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  margin: 0 0 24px 0;
}
.irkutsk-spec-town-grid > h4 {
  display: flex;
  font-size: 20px;
  color: #36502d !important;
  margin: 0 0 12px 0 !important;
  letter-spacing: 2px;
  font-weight: 400;
}
.irkutsk-spec-town-grid > h4::before, .irkutsk-spec-town-grid > h4::after {
  display: block;
  content: "‧";
}
.irkutsk-spec-town-grid > p {
  font-size: 16px;
  color: #5c7a3a;
  letter-spacing: 1px;
  margin: 0 5%;
}

/* 李斯特維揚卡 */
.listvyanka-spec-sec {
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/irkutsk_spec_sec_bg.avif);
  background-repeat: repeat-x;
  background-size: contain;
  background-color: unset;
  position: relative;
}
.listvyanka-spec-sec::after {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 20%;
  background-color: #bfc474;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
}
@media (max-width: 768.98px) {
  .listvyanka-spec-sec::after {
    padding-bottom: 50%;
  }
}

.listvyanka-title-set {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin: 0 0 70px 0;
}
.listvyanka-title-set::before, .listvyanka-title-set::after {
  display: block;
  content: "";
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: var(--pseudo-opacity, 0);
}
.listvyanka-title-set::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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_pines.svg);
  width: 30%;
  padding-bottom: 36%;
  left: 0;
  transform: translate(-100%, 0);
}
.listvyanka-title-set::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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_pine_cones.svg);
  width: 30%;
  padding-bottom: 28%;
  right: 0;
  bottom: 0;
  transform: rotateY(180deg) translate(-100%, -50%);
}
.listvyanka-title-set > h4 {
  font-size: 48px;
  letter-spacing: 4px;
  font-weight: 900;
  color: #1a2b18 !important;
  margin: 0 !important;
}
@media (max-width: 575.98px) {
  .listvyanka-title-set > h4 {
    font-size: 36px;
  }
}
.listvyanka-title-set > h6 {
  font-size: 24px !important;
  letter-spacing: 8px;
  font-weight: 700;
  color: #36502d;
  align-self: flex-start;
  margin: 0 !important;
}
@media (max-width: 575.98px) {
  .listvyanka-title-set > h6 {
    font-size: 20px !important;
  }
}
.listvyanka-title-set > .en-writings {
  font-family: "WindSong", cursive;
  font-size: 48px;
  color: #1a2b18;
  font-weight: 500;
  align-self: flex-end;
  transform: translate(15%, 0);
}
@media (max-width: 575.98px) {
  .listvyanka-title-set > .en-writings {
    font-size: 32px;
  }
}

.listvyanka-scene-wrapper {
  width: 100%;
  padding: 4% 2%;
  display: flex;
  justify-content: space-around;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  z-index: 2;
  gap: 20px 0;
}
@media (max-width: 768.98px) {
  .listvyanka-scene-wrapper {
    padding: 30px 16px 100px 16px;
  }
}
.listvyanka-scene-wrapper > p {
  font-size: 16px;
  letter-spacing: 2px;
  color: #5c7a3a;
  text-align: center;
  margin: 0 auto;
}
.listvyanka-scene-wrapper::before {
  display: block;
  content: "";
  width: 3%;
  padding-bottom: 8%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_listvyanka_sec_tape.png);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  top: 0;
  transform: translate(0, -40%);
}
@media (max-width: 768.98px) {
  .listvyanka-scene-wrapper::before {
    width: 24px;
    padding-bottom: 72px;
  }
}
.listvyanka-scene-wrapper::after {
  display: block;
  content: "";
  width: 1px;
  padding-bottom: 50px;
  background-color: #36502d;
  position: absolute;
  bottom: 0;
  transform: translate(0, 100%);
}
.listvyanka-scene-wrapper .gondola {
  width: 12%;
  padding-bottom: 8%;
  display: block;
  position: absolute;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_cable_cart.svg);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 0;
  top: 0;
  left: 0;
}
@media (max-width: 768.98px) {
  .listvyanka-scene-wrapper .gondola {
    width: 24%;
    padding-bottom: 16%;
    align-self: flex-start;
  }
}
.listvyanka-scene-wrapper .branches {
  width: 10%;
  height: 10%;
  display: block;
  position: absolute;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_branches_with_cones.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  bottom: 5px;
  right: 8px;
  font-size: 0;
}
@media (max-width: 768.98px) {
  .listvyanka-scene-wrapper .branches {
    width: 17%;
  }
}

.listvyanka-scene-pic-frame {
  width: 46%;
  padding-bottom: 40%;
  position: relative;
  overflow: hidden;
  border-radius: 25vw 25vw 0 0;
  margin: 0 0 24px 0;
}
@media (max-width: 768.98px) {
  .listvyanka-scene-pic-frame {
    width: 100%;
    padding-bottom: 75%;
    border-radius: 50vw 50vw 0 0;
  }
}
.listvyanka-scene-pic-frame > img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 奧立洪島 */
.olkhon-spec-sec {
  background-color: #bfc474;
  border-bottom: 4px solid #8ca23e;
}

.olkhon-title-set {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 36px 0;
}
.olkhon-title-set + p {
  font-size: 16px;
  letter-spacing: 2px;
  color: #4d4a15;
  text-align: center;
  margin: 0 0 40px 0;
}
.olkhon-title-set .olkhon-title-deco {
  display: block;
  position: relative;
  top: -20px; /* 原本 before 的位置 */
  left: 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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_olkhon_rocks.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 32%;
  padding-bottom: 18%;
  opacity: 0; /* 預設透明 */
  transform: translateY(40px); /* 預設往下 */
  font-size: 0;
}
@media (max-width: 575.98px) {
  .olkhon-title-set .olkhon-title-deco {
    width: 250px;
    padding-bottom: 80px;
  }
}

.olkhon-attached-title {
  font-size: 28px !important;
  color: #fdffd3;
  letter-spacing: 4px;
  display: flex;
  align-items: baseline;
  gap: 8px 10px;
  margin: 0 0 12px 0 !important;
}
@media (max-width: 575.98px) {
  .olkhon-attached-title {
    flex-direction: column;
    align-items: center;
  }
}
.olkhon-attached-title > span {
  font-family: "WindSong", cursive;
  font-size: 36px !important;
  letter-spacing: 0;
  font-weight: 400;
}

.olkhon-main-title {
  display: flex;
  align-items: baseline;
  gap: 0 10px;
  margin: 0 !important;
}
@media (max-width: 768.98px) {
  .olkhon-main-title {
    flex-direction: column;
    align-items: center;
  }
}
.olkhon-main-title > span {
  color: #1a2b18 !important;
  font-size: 32px;
  letter-spacing: 4px;
  font-weight: 700;
}
@media (max-width: 575.98px) {
  .olkhon-main-title > span {
    font-size: 24px;
  }
}
.olkhon-main-title > .highlight {
  font-size: 48px;
  color: #1a2b18;
  letter-spacing: 10px;
}

.olkhon-scene-set {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 20px;
  position: relative;
  justify-content: center;
}
@media (max-width: 768.98px) {
  .olkhon-scene-set {
    justify-content: flex-start;
  }
}
.olkhon-scene-set::before, .olkhon-scene-set::after {
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
.olkhon-scene-set::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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_butterfly.svg);
  width: 5%;
  padding-bottom: 5%;
  z-index: 2;
  top: 0;
  left: 0;
  transform: translate(-80%, -120%);
}
@media (max-width: 1679.98px) {
  .olkhon-scene-set::before {
    transform: translate(0%, -120%);
  }
}
@media (max-width: 768.98px) {
  .olkhon-scene-set::before {
    width: 60px;
    padding-bottom: 60px;
    position: relative;
    transform: translate(0, 0);
  }
}
.olkhon-scene-set::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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_butterfly_with_plants.svg);
  background-position: center bottom;
  width: 20%;
  padding-bottom: 12%;
  z-index: 2;
  right: 0;
  bottom: 0;
  transform: translate(20%, 20%);
}
@media (max-width: 768.98px) {
  .olkhon-scene-set::after {
    width: 200px;
    padding-bottom: 158px;
    transform: translate(-10%, 50%);
  }
}

.olkhon-scene-grid {
  width: 48%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 0 !important;
}
@media (max-width: 768.98px) {
  .olkhon-scene-grid {
    width: 100%;
  }
}
.olkhon-scene-grid > img {
  display: block;
  width: 100%;
}
.olkhon-scene-grid.intro {
  padding: 20px;
}

.olkhon-scene-title {
  font-size: 24px;
  font-weight: 700;
  color: #283f20 !important;
  padding: 0 !important;
  letter-spacing: 2px;
  margin: 0 0 16px 0 !important;
}

.olkhon-scene-parag {
  font-size: 16px;
  color: #4d4a15;
  letter-spacing: 2px;
  margin: 0 0 16px 0;
}

/* 貝加爾湖 */
.baikal-lake-sec {
  border-bottom: 4px solid #8ca23e;
}

.baikal-lake-title-set {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 36px 0;
}
.baikal-lake-title-set::before {
  display: block;
  content: "";
  width: 38%;
  padding-bottom: 16%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_balkal_boat.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.baikal-lake-title-set > h6 {
  font-size: 32px !important;
  color: #50442d;
  font-weight: 700;
  margin: 0 !important;
  letter-spacing: 6px;
}
@media (max-width: 575.98px) {
  .baikal-lake-title-set > h6 {
    font-size: 24px !important;
  }
}
.baikal-lake-title-set > h4 {
  font-size: 48px;
  color: #50442d !important;
  margin: 0 !important;
  letter-spacing: 10px;
  font-weight: 900;
}
.baikal-lake-title-set .en-title {
  font-size: 24px;
  font-weight: 400;
  font-family: "Noto Serif TC", serif;
  color: #50442d;
  border-top: 1px solid #50442d;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}

.baikal-spec-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  gap: 30px 30px;
  justify-content: center;
}

.baikal-spec-grid {
  position: relative;
  width: 45%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 768.98px) {
  .baikal-spec-grid {
    width: 100%;
  }
}
.baikal-spec-grid > img {
  display: block;
  width: 100%;
}
.baikal-spec-grid.full-wd {
  width: 100%;
  flex-direction: row;
  align-items: stretch;
  flex-shrink: 0;
  gap: 0 30px;
  flex-wrap: wrap;
  margin: 0 0 30px 0;
}
@media (max-width: 768.98px) {
  .baikal-spec-grid.full-wd {
    order: 4;
    flex-direction: column;
    margin: 0 0 60px 0;
  }
}
.baikal-spec-grid.full-wd::after {
  display: block;
  content: "";
  width: 60%;
  padding-bottom: 10%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_baikal_train.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  background-position: center bottom;
  right: 0;
  bottom: 0;
}
@media (max-width: 768.98px) {
  .baikal-spec-grid.full-wd::after {
    width: 100%;
    padding-bottom: 16%;
    transform: translate(0, 80%);
  }
}
.baikal-spec-grid.full-wd > img {
  width: 55%;
  flex-shrink: 0;
}
@media (max-width: 768.98px) {
  .baikal-spec-grid.full-wd > img {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.baikal-spec-grid.full-wd .baikal-attached-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(45% - 30px);
}
@media (max-width: 768.98px) {
  .baikal-spec-grid.full-wd .baikal-attached-box {
    width: 100%;
  }
}
.baikal-spec-grid.full-wd .baikal-attached-box::after {
  display: block;
  content: "";
  width: 100%;
  padding-bottom: 20%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_baikal_train_mt.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
}
.baikal-spec-grid p {
  font-size: 16px;
  color: #996e22;
  letter-spacing: 1px;
  margin: 0 0 16px 0;
}
.baikal-spec-grid.history::before, .baikal-spec-grid.history::after {
  display: block;
  content: "";
  background-size: contain;
  background-repeat: no-repeat;
}
.baikal-spec-grid.history::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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_balkal_goal.svg);
  width: 20%;
  padding-bottom: 14%;
  align-self: flex-end;
}
.baikal-spec-grid.history::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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_baikal_seal_with_shells.svg);
  width: 100%;
  padding-bottom: 18%;
  margin: 16px 0 0 0;
}
.baikal-spec-grid.surfing-lake .baikal-pic-title {
  font-size: 32px;
  font-family: "Noto Serif TC", serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #50392d;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(-30%, 15%);
  z-index: 1;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: 700;
}
@media (max-width: 768.98px) {
  .baikal-spec-grid.surfing-lake .baikal-pic-title {
    transform: translate(0, 0);
    font-size: 28px;
  }
}
@media (max-width: 575.98px) {
  .baikal-spec-grid.surfing-lake .baikal-pic-title {
    font-size: 20px;
  }
}
.baikal-spec-grid.museum {
  gap: 30px 0;
  align-items: center;
}
@media (max-width: 768.98px) {
  .baikal-spec-grid.museum {
    order: 3;
  }
}
.baikal-spec-grid.museum > img {
  width: 85%;
  position: relative;
  z-index: 2;
}
.baikal-spec-grid.museum > .slash-title {
  text-transform: uppercase;
  margin: 0 0 30px 0;
  position: relative;
  z-index: 2;
  align-self: flex-start;
}
.baikal-spec-grid.museum::before {
  display: block;
  content: "";
  width: 1px;
  height: 24%;
  background-color: #50392d;
  position: absolute;
  top: 0;
  right: 4%;
}
.baikal-spec-grid.museum::after {
  display: block;
  content: "";
  width: 200%;
  padding-bottom: 50%;
  background-color: #fff5c3;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  transform: translate(-50%, 0);
}
@media (max-width: 768.98px) {
  .baikal-spec-grid.museum-intro {
    order: 2;
  }
}
.baikal-spec-grid.museum-intro::after {
  display: block;
  content: "";
  width: 24%;
  padding-bottom: 22%;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_baikal_museum.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center bottom;
  align-self: flex-end;
}
@media (max-width: 575.98px) {
  .baikal-spec-grid.museum-intro::after {
    width: 48%;
    padding-bottom: 44%;
  }
}

.baikal-museum-title {
  font-size: 32px;
  font-weight: 700;
  color: #50392d !important;
  letter-spacing: 4px;
  margin: 0 0 16px 0 !important;
  display: flex;
  align-items: baseline;
  position: relative;
}
@media (max-width: 575.98px) {
  .baikal-museum-title {
    font-size: 24px;
  }
}
.baikal-museum-title::after {
  display: block;
  content: "";
  width: 18%;
  padding-bottom: 12%;
  background-position: center bottom;
  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/%E5%8C%97%E4%BA%9E/%E8%92%99%E8%B2%9D/ULN13OMA/images/deco_baikal_museum_bird.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.baikal-attached-title-group {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 0 0 24px 0;
}
.baikal-attached-title-group > h4 {
  font-size: 32px;
  color: #50442d !important;
  line-height: 1.2;
  letter-spacing: 10px;
  margin: 0 0 10px 0 !important;
  position: relative;
  white-space: nowrap;
  display: flex;
  gap: 0 8px;
  font-weight: 700;
}
@media (max-width: 575.98px) {
  .baikal-attached-title-group > h4 {
    font-size: 24px;
  }
}
.baikal-attached-title-group > h4::after {
  display: block;
  content: "";
  flex-shrink: 1;
  width: 60%;
  height: 100%;
  border-top: 1px solid #50442d;
  border-right: 1px solid #50442d;
  transform: translate(0, 75%);
}
@media (max-width: 768.98px) {
  .baikal-attached-title-group > h4::after {
    height: auto;
  }
}
.baikal-attached-title-group > .en-title {
  font-family: "Noto Serif TC", serif;
  color: #50442d;
  text-transform: uppercase;
  font-size: 32px;
  line-height: 1.1;
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .baikal-attached-title-group > .en-title {
    font-size: 24px;
  }
}

.special-tour {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 768.98px) {
  .special-tour {
    order: 4;
  }
}
.special-tour > h4 {
  font-size: 20px;
  color: #50442d !important;
  font-weight: 400;
  margin: 0 0 8px 0 !important;
}
.special-tour > p {
  font-size: 16px;
  color: #996e22;
  letter-spacing: 1px;
}

/* 隨行附贈(覆寫common) */
.tour-gift-sec {
  padding: 40px 0 0 0;
}

.tour-gift-title-set > h1 {
  color: #2b341c;
}
.tour-gift-title-set > h4 {
  color: #425826;
}

.tour-gift-note {
  background-color: #787d32;
}

.tour-gift-list {
  justify-content: center;
  gap: 0 10px;
}
@media (max-width: 991.98px) {
  .tour-gift-list {
    gap: 100px 10px;
  }
}

.tour-gift-note {
  margin: 40px 0 0 0;
}/*# sourceMappingURL=ULN13OMA_style.css.map */