@charset "utf-8";
/* CSS Document */




.tour{
	width: 100%;
	
	padding-left: 0!important;
	padding-right:0!important;
	margin: auto;
	box-sizing: border-box;	 
	display: table;
	
}
/* ── 只補充 tour.css 沒有定義的部分，不覆蓋既有規則 ── */


.tour img { max-width:100%; display:block; }
  .tour .bn3 {
      position: relative;
      width: 100%;
      height: 640px;
      overflow: hidden;
      background: #142e2b;
      font-family: 'Noto Serif TC', serif;
    }

    /* ── 圖片：中段全出血 ── */
    .tour .bn3-photo {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 100px;
      overflow: hidden;
      z-index: 1;
    }
    .tour .bn3-photo img {
      width: 100%; height: 100%;
      object-fit: cover;
      object-position: center 40%;
      filter: saturate(.78) brightness(.96) contrast(1.05);
      transform: scale(1.04);
    }

    /* 圖片上下接縫融入深綠 */
    .tour .bn3-photo::before {
      content: ''; position: absolute; inset: 0; z-index: 2;
      background: linear-gradient(to bottom, rgb(236 245 255 / 72%) 0%, transparent 18%, transparent 80%, rgb(48 43 33 / 78%) 100%);
    }
    /* 左右兩側微暗 */
    .tour .bn3-photo::after {
      content: ''; position: absolute; inset: 0; z-index: 2;
      background: linear-gradient(to right, rgba(20, 46, 43, .28) 0%, transparent 25%, transparent 75%, rgb(20 33 46 / 22%) 100%);
    }

    /* ── Grain ── */
    .tour .bn3-grain {
      position: absolute; inset: 0; z-index: 3;
      pointer-events: none; opacity: .18;
      
      background-size: 180px;
    }

    /* ══════════════════════════
       上橫帶
    ══════════════════════════ */
    .tour .bn3-band-top {
      position: absolute;
      top: 0; left: 0; right: 0; height: 210px;
      background: linear-gradient(to bottom, rgb(36 24 14 / 92%) 0%, rgb(36 14 14 / 35%) 40%, rgba(14, 36, 34, .3) 72%, transparent 100%);
      z-index: 6;
      display: flex;
      align-items: flex-start;
      justify-content: flex-end;
      padding: 0 6%;
    }

    .tour .bn3-top-left {
      display: flex; align-items: center; gap: 16px; padding-top: 3%;
    }
    .tour .bn3-top-line { width: 38px; height: 1px; background: #9e9584; opacity: .55; }
    .tour .bn3-top-label {
      font-family: 'Cormorant Garamond', serif;
      font-size: 9.5px; font-weight: 400;
      letter-spacing: .65em; color: #9e9584;
      text-transform: uppercase;
       
    }

    /* 頂帶右側：英文斜體副標 */
    .tour .bn3-top-en {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(.82px, 1.1vw, 10px);
      font-style: italic; font-weight: 300;
      color: rgba(160,212,192,.45);
      letter-spacing: .1em;
    }

    /* 圖片上浮：九州大字 */
    .tour .bn3-top-center {
      position: absolute;
      left: 6%;
      bottom: 100px;
      z-index: 7;
      display: flex;
      align-items: baseline;
      gap: 12px;
      padding: 18px 24px 3% 0;
    }
    .tour .bn3-top-center::before {
      content: '';
      position: absolute;
      inset: 0;
      left: -6vw;
      right: -40px;
      /*background: linear-gradient(to right,
        rgba(14,36,34,.75) 0%,
        rgba(14,36,34,.45) 55%,
        transparent 100%
      );*/
      z-index: -1;
      pointer-events: none;
    }
    .tour .bn3-zh-top {
      font-family: 'Noto Serif TC', serif!important;
      font-size: clamp(40px, 5.8vw, 90px);
      font-weight: 700;
      color: #eef6f2;
      letter-spacing: .08em;
      line-height: 1;
    }
    .tour .bn3-sep-top {
       width: 1px;
        height: 42px;
        background: rgb(255 255 255 / 28%);
        flex-shrink: 0;
        align-self: end;
    }
    .tour .bn3-sub-top {
      font-family: 'Noto Serif TC', serif!important;
      font-size: clamp(21px, 2vw, 28px);
      font-weight: 200;
     color: rgb(220 134 123 / 77%);
      letter-spacing: .3em;
    }

    /* ══════════════════════════
       下橫帶
    ══════════════════════════ */
    .tour .bn3-band-bot {
      position: absolute;
      bottom: 0; left: 0; right: 0; height: 100px;
      background: #e5d8bf;
      z-index: 6;
      display: flex;
      align-items: center;
      padding: 0 6%;
      gap: 0;
      border-top: 1px solid rgb(148 187 205 / 28%);
    }

    /* 左側：大數字年份裝飾 */
    .tour .bn3-year {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(18px, 3.2vw, 30px);
      font-weight: 300;
      color: rgba(148,205,188,.12);
      letter-spacing: .05em;
      line-height: 1;
      flex-shrink: 0;
      margin-right: 24px;
      user-select: none;
    }

    /* 竪分隔線 */
    .tour .bn3-vsep {
      width: 1px; height: 52px;
      background: rgba(148,205,188,.28);
      flex-shrink: 0;
      margin-right: 24px;
    }

    /* 中段：城市 + 地名 */
    .tour .bn3-bot-meta {
      display: flex; flex-direction: column; gap: 8px;
      flex: 1;
    }
    .tour .bn3-cities {
      font-family: 'Noto Serif TC', serif!important;
      font-size: clamp(16px, 1.1vw, 22px);
      font-weight: 300;
      color: #1e2832;
      letter-spacing: .22em;
    }
    .tour .bn3-bot-sub {
      display: flex; align-items: center; gap: 12px;
    }
    .tour .bn3-bot-dot { width: 3px; height: 3px; border-radius: 50%; background: #c0392b; opacity: .6; flex-shrink:0; }
    .tour .bn3-bot-line { height: 1px; width: 40px; background: linear-gradient(to right, #c0392b, transparent); opacity: .5; }
    .tour .bn3-bot-txt {
      font-family: 'Cormorant Garamond', serif;
      font-size: 9.5px; font-weight: 300;
      letter-spacing: .55em;
      color: #c0392b7a;
      text-transform: uppercase;
    }

    /* 右側：大英文斜體 */
    .tour .bn3-bot-right {
      display: flex; flex-direction: column;
      align-items: flex-end; gap: 6px;
      flex-shrink: 0;
      margin-left: 24px;
    }
    .tour .bn3-bot-en {
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(.9rem, 1.35vw, 16px);
      font-style: italic; font-weight: 300;
      color: #435365a3;
      letter-spacing: .08em;
      text-align: right;
      line-height: 1.5;
    }
    .tour .bn3-bot-country {
      font-family: 'Cormorant Garamond', serif;
      font-size: 9px; font-weight: 300;
      letter-spacing: .55em;
      color: rgba(148,205,188,.3);
      text-transform: uppercase;
    }

    /* ══════════════════════════
       圖片上浮文字（中層）
    ══════════════════════════ */
    .tour .bn3-float {
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 100px;
      z-index: 4;
      display: flex;
      align-items: flex-end;
      padding: 0 6% 22px 6%;
      pointer-events: none;
    }
    /* 左下角：小標 */
    .tour .bn3-float-tag {
      font-family: 'Cormorant Garamond', serif;
      font-size: 9px; font-weight: 300;
      letter-spacing: .5em;
      color: rgba(160,212,192,.35);
      text-transform: uppercase;
    }
    /* 右下角：地點名 */
    .tour .bn3-float-loc {
      margin-left: auto;
      font-family: 'Cormorant Garamond', serif;
      font-size: 9px; font-weight: 300;
      letter-spacing: .45em;
      color: rgba(238,246,242,.28);
      text-transform: uppercase;
    }


    /* ── RWD ── */
    @media (max-width: 680px) {
      .tour .bn3 { height: 520px; }
      .tour .bn3-photo { top: 0; bottom: 80px; }
      .tour .bn3-band-top { height: 64px; }
      .tour .bn3-band-bot { height: 80px; flex-wrap: wrap; gap: 6px; padding: 10px 5%; }
      .tour .bn3-top-en { display: none; }
      .tour .bn3-year { display: none; }
      .tour .bn3-vsep { display: none; }
      .tour .bn3-bot-right { display: none; }
      .tour .bn3-top-center { bottom: 90px; left: 5%; }      
      .tour .bn3-zh-top { font-size: clamp(68px, 10vw, 3.6rem); }
      .tour .bn3-sub-top { font-size: clamp(21px, 4vw, 1.40px); }
    }
/* ══ 版本二：清透湖水系 ══ */
.tour .bn2 {
  position: relative;
  width: 100%;
  height: 620px;
  overflow: hidden;
  background: #8cbeef;
}
.tour .bn2-photo {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tour .bn2-photo img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 35%;
  opacity: 1;
}
.tour .bn2-photo::before {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(to top, #8cbeef 0%, rgba(214, 234, 240, .2) 30%, rgba(214, 234, 240, .0) 58%);
  z-index: 1;
}
.tour .bn2-photo::after {
  content: '';
  position: absolute; inset: 0;
  background: linear-gradient(to right, #84c6f5 0%, rgba(240, 247, 250, .45) 38%, rgba(240, 247, 250, .0) 65%);
  z-index: 1;
}

.tour .bn2-no {
  position: absolute;
    top: 6rem;
    left: 7%;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 10px;
  
}
.tour .bn2-no-line { width: 40px; height: 1px; background: rgba(90,122,138,.35); }
.tour .bn2-no-label {
  font-family: "Cormorant Garamond", serif;
    font-size: 9px;
    font-weight: 300;
    letter-spacing: 0.5em;
     color: rgba(26, 46, 56, 0.5);
  
}
.tour .bn2-body {
    position: absolute;
    inset: 0;
    z-index: 5;
    bottom: 50px;
    display: flex;
    align-items: flex-end;
    padding: 0 7% 3.50px 7%;
}
.tour .bn2-title-group { max-width: 52%; }
.tour .bn2-en {
  
  font-size: clamp(10px, 2.2vw, 1.450px);
  font-style: italic; font-weight: 300;
  color: #5a7a8a; letter-spacing: .08em;
  display: block; margin-bottom: .8rem;
  
}
.tour .bn2-zh {
  font-family: 'Noto Serif TC', serif!important;
      font-size: clamp(60px, 9.5vw, 85px);
    font-weight: 600;color: #3A4D39;
  line-height: .95; letter-spacing: -.01em; display: block;
  
}
.tour .bn2-zh-light {
  font-family: 'Noto Serif TC', serif!important;
    font-size: clamp(30px, 4vw, 50px);
    font-weight: 200;
    color: #606060;
  letter-spacing: .15em; display: block; margin-top: .15em;
  
}
.tour .bn2-divider {
  display: flex; align-items: center; gap: .8rem;
  margin: 20px 0 16px;
  
}
.tour .bn2-div-dot { width: 4px; height: 4px; border-radius: 50%; background: #5a7a8a; flex-shrink: 0; }
.tour .bn2-div-line { width: 56px; height: 1px; background: rgba(90,122,138,.35); }
.tour .bn2-div-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 10px; font-weight: 300;
  letter-spacing: .5em; color: rgba(40,60,72,.4); text-transform: uppercase;
}
.tour .bn2-desc {
  font-family: 'Noto Serif TC', serif !important;
    font-size: clamp(16px, 1.3vw, 20px);
    font-weight: 500;
    color: #4F4F4F;;
    letter-spacing: .18em;
    line-height: 1.9;
    display: block;
  
}

@media (max-width: 680px) {
  .tour .bn2 { height: 480px; }
  .tour .bn2-photo::after { background: linear-gradient(to right, #8cbeef 0%, rgba(240, 247, 250, .1) 100%);}
  .tour .bn2-body {bottom: 30px;}  
  .tour .bn2-title-group { max-width: 85%; }
}
/* ══ BANNER ══ */
.tour .bn {
  position: relative;
  width: 100%;
  height: 620px;
  overflow: hidden;
  /*background: #12100f;*/
  background: #1e3d51;
}

/* 底圖右半 */
.tour .bn-photo {
  position: absolute;
  top: 0; right: 0;
  width: 83%;
  height: 100%;
  overflow: hidden;
}
.tour .bn-photo img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 30%;
  opacity: .75;
  animation: bn-imgreveal 1.6s cubic-bezier(.4,0,.2,1) both;
}

.tour .bn-photo::before {
  content: '';
  position: absolute; inset: 0;
  /*background: linear-gradient(to right, #0e0c0a 0%, transparent 38%);*/
  background: linear-gradient(to right, #1e3d51 0%, transparent 38%);
  z-index: 1;
}
.tour .bn-photo::after {
  content: '';
  position: absolute; inset: 0;
  /*background: linear-gradient(to top, #0e0c0a 0%, transparent 35%);*/
  background: linear-gradient(to top, #1e3d51 0%, transparent 35%);
  z-index: 1;
}



/* 頂端編號 */
.tour .bn-no {
  position: absolute; top: 8rem; left: 7%; z-index: 5;
  display: flex; align-items: center; gap: 10px;
  
}
.tour .bn-no-num {
  font-family: 'Cormorant Garamond', serif;
  font-size: 11px; font-weight: 300;
  letter-spacing: .55em; color: #b89a6a; text-transform: uppercase;
}
.tour .bn-no-line { width: 40px; height: 1px; background: rgba(184,154,106,.4); }
.tour .bn-no-label {
  font-family: 'Cormorant Garamond', serif;
  font-size: 9px; font-weight: 300;
  letter-spacing: .5em; color: rgba(245,240,232,.25); text-transform: uppercase;
}

/* 文字主體 */
.tour .bn-body {
  position: absolute; inset: 0; z-index: 5;
  display: flex; align-items: center;
  padding: 0 6% 0 7%;
}
.tour .bn-title-group { max-width: 52%; }

/* 英文斜體 */
.tour .bn-en {
  
  font-size: clamp(10px, 2.2vw, 1.450px);
  font-style: italic; font-weight: 300;
  color: #b89a6a; letter-spacing: .08em;
  display: block; margin-bottom: 18px;
  margin-top: 9rem;
}

/* 中文大字 */
.tour .bn-zh {
  font-family: 'Noto Serif TC', serif!important;
  font-size: clamp(50px, 9.5vw, 6rem);
  font-weight: 600; color: #dddddd;
  line-height: .95; letter-spacing: -.01em; display: block;
  
}

/* 細字副標 */
.tour .bn-zh-light {
  font-family: 'Noto Serif TC', serif!important;
  font-size: clamp(25px, 4vw, 40px);
  font-weight: 200; color: rgba(245,240,232,.45);
  letter-spacing: .15em; display: block; margin-top: .15em;
 
}

/* 分隔線 */
.tour .bn-divider {
  display: flex; align-items: center; gap: .8rem;
  margin: 20px 0 16px;
  
}
.tour .bn-div-dot { width: 4px; height: 4px; border-radius: 50%; background: #b89a6a; flex-shrink: 0; }
.tour .bn-div-line { width: 56px; height: 1px; background: rgba(184,154,106,.35); }
.tour .bn-div-text {
  font-family: 'Cormorant Garamond', serif;
  font-size: 10px; font-weight: 300;
  letter-spacing: .5em; color: rgba(245,240,232,.3); text-transform: uppercase;
}

/* 景點小字 */
.tour .bn-desc {
  font-family: 'Noto Serif TC', serif!important;
  font-size: clamp(12px, 1.3vw, 15px); font-weight: 300;
  color: rgba(245,240,232,.8); letter-spacing: .18em; line-height: 1.9; display: block;
  
}
/* RWD */
@media (max-width: 680px) {
  .tour .bn { height: 480px; }
  .tour .bn-photo { width: 100%; }
  .tour .bn-photo::before { /*background: linear-gradient(to right, #0e0c0a 0%, rgba(14,12,10,.1) 100%); */background: linear-gradient(to right, #1e3d51 0%, rgba(14, 12, 10, .1) 100%);}
  .tour .bn-title-group { max-width: 85%; }
  .tour .bn-aside { display: none; }
}
/* 章節標題列 */
.tour .sec-head {
  padding: 30px 4% 15px;
  border-bottom: 1px solid #e6dfd5;
  overflow: hidden;
}
.tour .sec-head .sh-num {
  font-family: 'Noto Serif TC', serif!important;
  font-size: 60px;
  font-weight: 900;
  line-height: 1;
  color: #f0ebe2;
  float: left;
  margin-right: 12px;
  letter-spacing: -0.04em;
}
.tour .sec-head .sh-body { overflow: hidden; padding-top: 0.8rem; }
.tour .sec-head .sh-en {
  font-size: 10px;
  letter-spacing: 0.5em;
  color: #bbb;
  text-transform: uppercase;
  display: block;
  margin-bottom: 1%;
}
.tour .sec-head .sh-jp {
  font-family: 'Noto Serif TC', serif!important;
  font-size: clamp(25px, 3.5vw, 28px);
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.25;
  display: block;
}
.tour .sec-head .sh-sub {
  font-family: 'Noto Serif TC', serif!important;
  font-size: 16px;
  color: #999;
  letter-spacing: 0.08em;
  display: block;
  margin-top: 1%;
}
.tour .sec-head .sh-rule {
  width: 32px;
  height: 2px;
  background: #c0392b;
  margin-top: 0.7rem;
}

/* 紅色短線 */
.tour .red-rule { width: 32px; height: 2px; background: #c0392b; margin: 0.8rem 0 10px; }

/* HERO 
.tour .pk-hero { position:relative; background:#111; overflow:hidden; }
.tour .pk-hero-img { width:100%; display:block; max-height:660px; object-fit:cover; opacity:.82; }
.tour .pk-hero-grad {
  position:absolute; inset:0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(0,0,0,.72) 100%);
}
.tour .pk-hero-body {
  position:absolute; bottom:0; left:0; right:0;
  padding: 25px 4%;
}
.tour .pk-hero-eyebrow {
  font-size:10px; letter-spacing:.5em; color:rgba(255,255,255,.5);
  text-transform:uppercase; display:block; margin-bottom:.50px;
}
.tour .pk-hero-title {
  font-family:'Noto Serif TC',serif;
  font-size: clamp(20px, 6vw, 4.50px);
  font-weight:900; color:#fff; line-height:1.2; margin:0 0 .40px;
}
.tour .pk-hero-sub {
  font-size: clamp(.8rem,1.8vw,10px);
  color:rgba(255,255,255,.6); letter-spacing:.08em;
}
.tour .pk-hero-tags { margin-top:12px; }
.tour .pk-hero-tags span {
  display:inline-block;
  font-size:10px; color:rgba(255,255,255,.65);
  border:1px solid rgba(255,255,255,.28);
  padding:.20px .750px; margin:.20px 2% .20px 0;
  letter-spacing:.1em;
}

/* 圖片欄 — 讓圖滿高 */
.tour .feat-img-wrap { overflow:hidden; padding:0!important; }
.tour .feat-img-wrap img { width:100%; height:100%; object-fit:cover; min-height:320px; }

.tour .feat-body-wrap {
  padding: 30px 4%!important;
  display:flex; flex-direction:column; justify-content:center;
}

/* 高千穗峽 全幅暗底 */
.tour .takachiko {
  position:relative; background:#1a1a1a; overflow:hidden;
}
.tour .takachiko-img {
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover; opacity:.38;
}
.tour .takachiko-grad {
  position:absolute; inset:0;
  /*background: linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.2) 55%, rgba(0,0,0,.1) 100%);*/
  background: linear-gradient(90deg, #0d261e 0%, rgba(0, 0, 0, .2) 55%, rgba(0, 0, 0, .1) 100%);
}
.tour .takachiko .sh-jp {
    font-family: 'Noto Serif TC', serif !important;
    font-size: clamp(25px, 3.5vw, 28px);
    font-weight: 700;
    color: #fff;
    line-height: 1.25;
    display: block;
}
.tour .takachiko-body {
  position:relative; z-index:2;
  padding: 50px 4%;
  max-width: 600px;
}
.tour .star-badge {
  display:inline-block;
  background:#c0392b; color:#fff;
  font-size:10px; letter-spacing:.25em;
  padding:.20px .750px; margin-bottom:.8rem;
}

/* 三欄景點 */
.tour .trio-wrap { padding: 0 4% 3.50px; }
.tour .trio-col { padding: 0 12px!important; }
.tour .trio-img-wrap { overflow:hidden; margin-bottom:10px; }
.tour .trio-img-wrap img { width:100%; display:block; }

.tour .trio-en { font-size:10px; letter-spacing:.42em; color:#bbb; text-transform:uppercase; display:block; margin-bottom:1%; }
.tour .trio-name { font-family:'Noto Serif TC',serif!important; font-weight:700; font-size: 22px; color:#1a1a1a; margin-bottom:.150px; }
.tour .trio-mini { font-size:15px; color:#aaa; letter-spacing:.06em; display:block; margin-bottom:.7rem; }
.tour .trio-col p { /*font-size:13.5px!important;line-height:1.9!important; */ color:#555!important; }

/* 飯店標題列 */
.tour .hotel-hd {
  padding: 0 0 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.tour .hotel-night {
  background:#c0392b; color:#fff;
  font-size: 11px; letter-spacing:.2em;
  padding:.250px .8rem; flex-shrink:0;
}
.tour .hotel-logo { max-height:70px; width:auto; max-width:170px; object-fit:contain;margin: 0; }
.tour .hotel-name-jp { font-family:'Noto Serif TC',serif!important; font-weight:700; font-size: 25px; color:#1a1a1a; line-height:1.3; display:block; }
.tour .hotel-name-en { font-size: 14px; color:#bbb; letter-spacing:.06em; display:block; margin-top:1%; }

/* 飯店圖片 — Bootstrap col 排列 */
.tour .hotel-gal-sub img { width:100%; height:128px; object-fit:cover; display:block; }

/* 章節標題橫幅 */
.tour .chapter-bar {
  padding: 30px 4% 10px;
  text-align:center;
  border-bottom:1px solid #e6dfd5;
}
.tour .chapter-jp-title {
  font-family:'Noto Serif TC',serif!important;
  font-weight:900;
  font-size: clamp(28px, 4.5vw, 32px);
  color:#1a1a1a; display:block; margin-bottom:1%;
}
.tour .chapter-en-sub {
  font-size:10px; letter-spacing:.45em; color:#bbb;
  text-transform:uppercase; display:block;
}

/* 注記 */
.tour .note-bar { background:#f6f2e9; padding:15px 4%; }
.tour .note-bar p { font-size:14px!important; color:#999!important; line-height:1.9!important; }
.tour .copy-bar { padding:10px 4%; border-top:1px solid #e6dfd5; }
.tour .copy-bar p { font-size:11.5px!important; color:#ccc!important; text-align:center!important; }

/* 背景色 */
.tour .bg-sand { background:#f6f2e9!important; }
.tour .bg-charcoal { background:#1f1f1f; }

/* 行動版 */
@media(max-width:767px){
  .tour .feat-img-wrap img { min-height:220px; }
  .tour .feat-body-wrap { padding:20px 5%!important; }
  .tour .sec-head .sh-num { font-size:40px; display: none;}
  .tour .takachiko-body { padding:30px 5%; }
  .tour .trio-col { padding:0!important; margin-bottom:20px; }
  .tour .trio-name { font-size:25px; } 
  .tour .hotel-gal-sub img { height:90px; }
    .tour .hotel-hd{justify-content: center;}
  .tour .pk-hero-img { max-height:380px; }
  .tour .hotel-name-jp {font-size: 22px;}
  .tour .note-bar p {line-height: 1.7 !important;}
} 
    

    



.tour .row {
  margin-left: 0px!important;
	margin-right:0px!important;

}
.tour b {
    font-weight: 700!important;
	font-family: 'Noto Serif TC','Century Gothic', Serif!important;
}
.tour img{
	max-width: 100%;
	margin: 0 auto;
}
.tour .pic-full img{
	width: 100%;
	margin: 0 auto;
	
}
.tour .pic01{
	width: 100%;
	float:left;
	
}
.tour p {
   font-size: 16px;
    line-height: 1.9 !important;
    color: #343434;
    text-align: justify;
    
}
.tour h1{
font-size: 28px !important;
    line-height: 1.5 !important;
    margin-top: 0% !important;
    
   
    
    display: block;	
   font-family: 'Noto Serif TC', serif !important;
    font-weight: 600; 
        color: #1a1a1a;
        margin-left: 0;
       margin-bottom: 1% !important;
        
       
}

.tour .hotel-title {
    font-size: 30px !important;
    line-height: 1 !important;
    width: 100%;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
    font-family: 'Noto Sans TC', 'Century Gothic', sans-serif !important;
    font-weight: 600 !important;
}
.tour .hotel-title span{font-weight: 300 !important;}
.tour strong{
	font-weight: 800 !important;
    font-family: 'Noto Sans TC', 'Century Gothic', sans-serif !important;
    
}
.tour .o15 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
	font-family: 'Noto Sans TC','Century Gothic', sans-serif!important;
	font-weight: 300 !important;
	font-size: 14px;

}

.tour .o15:before, .tour .o15:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.tour .o15:before {
  left:0;
}
.tour .o15:after {
  right: 0;
}
.tour .feature ul,.tour .feature li{
	list-style: disc!important;
	    font-size: 14px !important;
    line-height: 1.5 !important;
    font-family: 'Noto Sans TC', 'Century Gothic', sans-serif !important;
	padding: 0 5px;
    margin-left: 3%;
}
.tour .text{
	text-align: justify;
	font-size: 14px !important;
	line-height: 1.5 !important;
	font-family: "Noto Sans TC", "Century Gothic", sans-serif !important;
	padding: 2% 0;
	color: #478BCF;
}

.tour p strong {
    font-family: 'Noto Sans TC','Century Gothic', sans-serif!important;
}
.tour li{
	 font-size: 16px!important;    
    line-height: 1.5!important;
    color: #343434!important;    
    text-align: justify;
    font-family: 'Noto Sans TC','Century Gothic', sans-serif!important;
   
}

.tour .big-title {
        font-size: 16px !important;
    line-height: 28px !important;
    color: #363636 !important;
    font-weight: 400 !important;
    font-family: 'Noto SansTC', 'Century Gothic', sans-serif !important;
    background-color: #fed3c6;
    padding: 0.5% 2%;
    display: inline-block;
    margin: 0px 0px 18px 0px;
}

.tour h7{
	margin-bottom: 5px;
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-top: 1% !important;
    font-family: "Noto Serif TC", "Century Gothic", serif !important;
    font-weight: 600;
	display: block;
}
.tour .tour-title {
        margin-bottom: 5px;
    font-size: 38px ;
    line-height: 1.2 ;
    margin-top: 0px ;
    font-family: "Noto Serif TC", "Century Gothic", serif !important;
    font-weight: 600;
}
.tour h3 {
        font-size: 18px;
    
    font-family: 'Noto Serif TC', serif !important;
    
    margin-bottom: 3% !important;
    margin-top: 0 !important;
    display: inline-block;
    
        color: #444444;
        line-height:1.8;
        font-weight: 300;
        letter-spacing: 0.15em;
        margin: 0;
    
}
.tour .accent-sub {
           display: block;
        font-size: 11px;
        letter-spacing: 0.6em;
        color: #999999;
        margin-bottom: 1%;
        text-transform: uppercase;
        font-weight: 400;
        }
/* 關鍵線條：取代陰影的高級感來源 */
.tour .safari-divider {
        width: 50px;
        height: 1px;
        background-color: #e67e22; /* 使用低飽和的大地色或橘色 */
        margin-bottom: 35px;
    }
.tour .-mt-5{margin-top: -5%;}
.tour h4{
	font-size: 24px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    line-height: 1.2;
    display: inline-block;
   
    font-family: 'Noto Serif TC', 'Century Gothic', Serif !important;
    font-weight: 600 !important;
   
}
.tour .border-bottom-left-radius{border-bottom-left-radius:40px;}
.tour .border-top-left-radius{border-top-left-radius:40px;}
.tour .border-top-right-radius{border-top-right-radius:40px;}

.tour .entext{ font-size: 18px !important;
	line-height: 0.7 !important;
    font-weight: 100 !important;
    font-family: 'Noto SansTC', 'Century Gothic', sans-serif !important;}

.tour h5 {
    font-weight: 300 !important;
    font-size: 16px ;
    margin-top: 0px !important;
    margin-bottom: 5px !important;
    line-height: 1.5;
    display: inline-block;
    padding: 6px 16px;
}
.tour h6 {
    font-size: 16px !important;
    line-height: 28px !important;
    color: #363636 !important;
    font-weight: 300 !important;
    font-family: 'Noto SansTC', 'Century Gothic', sans-serif !important;
    background-color: #f3f3f3;
    border-radius: 0 20PX 20PX 0;
    padding: 2px 5px;
    display: inline-block;
	margin: 0px 0px 18px 0px;
}
.tour h6 span{font-size: 32px !important;
    font-weight: 800;
    padding: 5px;
	font-style: italic;
   }


.tour h2{
	font-size: 16px !important;
    line-height: 1.5 !important;
    color:#607d8b!important;
    margin-bottom: 2% !important;
    margin-top: 0px !important;
}

.tour .tour-label {
   font-size: 16px;
    color: rgb(52, 52, 52);
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
    padding-left: 1.3%;
    padding-bottom: 1%;
    padding-top: 1%;
	font-family: 'Noto Serif TC','Century Gothic', Serif!important;
}
.tour .tour-label p{
    
    font-size: 14px;
    color: #343434;
    line-height: 22px;
    font-weight: 400;
    text-align: justify;
    padding-left: 1.3%;
    padding-bottom: 1%;
}
.tour .view-box{
	width: 12.625%;
    display: block;
    float: left;
    padding-right: 1%;}
.tour .view-box:last-child{	width: 11.625%;display: block;float: left;
    padding-right: 0px;}
.tour .viewtitle {
        font-size: 16px;
    color: rgb(34, 34, 34);
    line-height: 1.5;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.tour .view-label {
    
    font-size: 15px;
    color: #343434;
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
    padding-left: 1.3%;
    padding-bottom: 1%;
}
.tour .view-label p{
    
    font-size: 14px;
    color: #343434;
    line-height: 22px;
    font-weight: 400;
    text-align: justify;
    padding-left: 1.3%;
    padding-bottom: 1%;
}
.tour .viewtext {
    
    font-size: 16px;
    color: #343434;
    line-height: 1.5;
    font-weight: 400;
    text-align: justify;
    
    padding-bottom: 1%;
}
.tour .viewtext ul,.tour .viewtext li{
    
    list-style-type: disc;
}
.tour .vrl{
  writing-mode: vertical-rl;
}
.tour .taste-l{
 width: 39.8%;
    float: left;
    margin-bottom: 10px;
    padding: 2%;
    display: block;
}
.tour .taste-m{
width: 33.3%;
    float: left;
    display: block;

}
.tour .taste-r {
    width: 24.3%;
    float: left;
    display: block;
}
.tour .flower-title{
	font-size: 21px!important;
    line-height: 32px!important;
    margin-bottom: 8px;
    font-family: 'Noto Serif TC','Century Gothic', Serif!important;
    font-weight: 300;
    margin-top: 12px;
}
.tour .flower-box p{}
.tour .moon{
	 
   border-radius: 2%;
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
    padding: 1px 4px;
    margin-right: 5px;
    text-align: center;
}
.tour .tour_logo{
	align-items: center;   
    vertical-align: middle;
    display: flex;
    
}

.mobile_n{
		display: block;
	}
.mobile_on{
		display: none;
	}


.tour .imgDown{
	margin-top:30px;
}



       /*co lor*/
.text-orange{color: #ff9800;}
.text-red{color: #dd042c;}
.text-pink{color: #e5004f;}

.text-blue{color: #0066FF;}
.text-darkblue{color: #284776;}
.BGred{ background: #fed3c6;}
.BGblue{background: #d0dfe4;}
.BGgrey{background: #eceeee;}
.BGyellow{background: #f6f2e9;}
.BGblack{background:#2c2c2c;}
@media all and (max-width:980px){
	.tour .tour-title{font-size: 31px;}
	.tour .big-title{  font-size: 22px;margin-bottom: 8px;}
.tour h7 { font-size: 18px !important ;	}
	.tour .big-title-EN{  font-size: 16px !important;margin-bottom: 8px;}

	
	
	.tour h4 {font-size: 24px!important;}
}
@media all and (max-width:640px){
	
	.tour .tour_logo{
    display: none;
   
}
    .tour h3{font-size: 14px !important;}
    .tour h6{
             font-size: 16px !important;
        line-height: 1.2 !important;
        margin: 10px 0;
        padding: 8px;
    }
	.tour h6 strong{font-size: 14px;}
    .tour h6 span {font-size: 16px!important;	}
	.tour h4 span{font-size: 16px !important;}
	.tour .entext{font-size: 14px !important; line-height: 0.8 !important;}
    
	 
	
    .tour h5 {        font-size: 14px ;
        margin-bottom: 0px !important;
        padding: 5px;        line-height: 1.2;}
    .tour h2{font-size: 21px!important;line-height: 22px!important; margin-top: 10px!important;}
    .tour h3 span {
        font-size: 13px!important;line-height: 1!important;}
	
	
	.tour .flower-title {font-size: 19px!important; }
	.tour .flower-box p{font-size: 12px!important;line-height: 18px!important;}
	.tour .viewtitle {font-size: 16px;margin-bottom: 0px;}
	.tour .-mt-5{margin-top: 0px;}
	.tour .view-box { width: 25%;}
	.tour .view-box:last-child { width: 25%;}
	.tour .taste-l {width: 92%;padding: 8%;margin: 0 3%;}
	.tour .taste-m {
    width: 52.7%;
}
	.tour .taste-r {
    width: 39%;
}
	
   .mobile_n{
		display: none;
	}
	
}

/*頁籤*/
.tab_css{display:flex;flex-wrap:wrap;justify-content:center;}
	.tab_css input{display:none}
	.tab_css label{font-size: 18PX;margin: 0 5px 5px 0; padding: 10px 16px; cursor: pointer; border-radius: 5px; background: #999; color: #fff; opacity: 0.5;}
	.tab_content{order:1;display: none; width:100%; border-bottom: 3px solid #ddd; line-height: 1.6; font-size: .9em; padding: 15px; border: 1px solid #ddd; border-radius: 5px;}
	.tab_css input:checked + label, .tab_css label:hover{opacity: 1; font-weight:bold;}
	.tab_css input:checked + label + .tab_content{display: initial;}
.panel-control {
  float: left;
  
}
.tab_css .day { 
	border-radius: 5px;
	display: inline-block;
    color: #8e755b;
    font-size: 18PX;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 5px 5px 0;
    padding: 10px 16px;
}

@media all and (max-width:640px){
	.tab_css label{
		font-size: 14PX;width: 48%;
    display: inline-flex;padding: 10px 5px;}
	.tab_css .day{ 
		font-size: 12PX;
    width: 100%;
    text-align: center;
    padding: 5px;
    background: #ea537e;
    color: #Fff;}
	.tab_content {padding: 5px;}
	.tab_css {justify-content: start;}
	
}
/*影片*/
.video-container {

position: relative;

padding-bottom: 56.25%;

padding-top: 30px;

height: 0;

overflow: hidden;

}

.video-container iframe, .video-container object, .video-container embed {

position: absolute;

top: 0;left: 0;

width: 100%;

height: 100%;}
/*輪播*/
.slide-wrapper {
 /*background-color: #000;*/
    width: 100%;
position: relative;
margin-bottom: 10px;
padding-bottom: 0;
padding-top: 0;
background-size: cover;
height: 360px;
overflow: hidden; 

}
.slide-wrapper > div {
  /*background-size: cover;*/
    width: 100%;
  position: absolute;
top: 0;left: 0;
height: 360px;
    animation: slide 20s infinite;
  opacity: 0;
}

.slide-wrapper:hover div {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
	
}
.slide-wrapper > div:nth-child(2) {
  animation-delay: 5s;
}
.slide-wrapper > div:nth-child(3) {
  animation-delay: 10s;
}
.slide-wrapper > div:nth-child(4) {
  animation-delay: 15s;
}





@keyframes slide {
  10% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  50% {
	
    /*transform: scale(1.1);*/
  }
}
@media all and (max-width:980px){
	.slide-wrapper,.slide-wrapper > div{
		height: 230px;
	}
	
}
@media all and (max-width:640px){
	.slide-wrapper,.slide-wrapper > div{
		height: 100px;
	}
	
}
/*輪播 END*/