@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/cwtexyen.css");
@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");
body {
  overflow-x: hidden;
  font-family: '黑體-繁', "Microsoft JhengHei", '微軟正黑體' , Helvetica , Arial , sans-serif , serif; }

.part, .parts {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }

.wrapper {
  position: relative;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto; }

.header {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  max-width: 120em;
  margin-left: auto;
  margin-right: auto;
  height: 8.4375em;
  z-index: 99; }
  .header .logo {
    position: absolute;
    left: 5.72917%;
    top: 21.48148%;
    width: 33.80729%;
    height: 55.55556%;
    z-index: 2; }
  @media (min-width: 992px) {
    .header {
      height: 13.4375em; }
      .header .logo {
        position: absolute;
        left: 2.96875%;
        top: 24.65116%;
        width: 16.625%;
        height: 50.69767%; } }

.kv {
  position: relative;
  z-index: 1; }
  .kv .slide {
    position: relative;
    z-index: 1; }
  .kv .slogan {
    position: absolute;
    left: 7.79167%;
    top: 18.69388%;
    width: 85.97396%;
    height: 18.46939%;
    z-index: 3; }
  @media (min-width: 992px) {
    .kv .slogan {
      position: absolute;
      left: 25.79167%;
      top: 12.5%;
      width: 45.78125%;
      height: 23.75%; } }

.section {
  position: relative; }

.bg {
  background: #777577 url("../images/bgm.jpg") center top no-repeat;
  background-size: 100% 100%; }

.bg2 {
  background: #777577 url("../images/bg2m.jpg") center top no-repeat;
  background-size: 100% 100%; }

.bg3 {
  background: #777577 url("../images/bg3m.jpg") center top no-repeat;
  background-size: 100% 100%; }

@media (min-width: 992px) {
  .bg {
    background: #777577 url("../images/bg.jpg") center top no-repeat;
    background-size: 100% 100%; }

  .bg2 {
    background: #777577 url("../images/bg2.jpg") center top no-repeat;
    background-size: 100% 100%; }

  .bg3 {
    background: #777577 url("../images/bg3.jpg") center top no-repeat;
    background-size: 100% 100%; } }
.content {
  position: relative; }
  .content p {
    margin: 0;
    padding: 0; }

.tour {
	background-image:  url("../images/line_st.png"),url("../images/line_ho.png"),url("../images/shading_01.jpg");
	background-position: center center,center center,left top;
	background-repeat: repeat-y,repeat-x,repeat;
}
.tour .head {
	padding: 2em;
	text-align: center;
}
.tour .box {
	width: 48.789%;
	padding: 3.5em 2em;
	display: inline-block;
}
.tourphoto {
	border-radius: 15px;
	border: #e1e1e1 solid 3px;
}
@media (max-width: 992px) {
.tour {
	background-image: url("../images/shading_01.jpg");
	background-position: left top;
	background-repeat: repeat;
}
.tour .box {
	width: 85%;
	padding: 3.5em 2em;
}
}
@media (max-width: 640px) {
.tour .box {
	width: 100%;
	border-bottom: #231f20 solid 1px;
	margin-bottom: 1.5em;
	padding-bottom: 2.5em;
}
}

.view {
	background:#fafafa url("../images/shading_02.jpg")top repeat;
	padding: 4.5em 0;
}
.view .head {
	padding: 2em;
	text-align: center;
}
.viewtitle {
	max-width: 611px;
	padding: 3.5em 2em;
	text-align: center;
	margin: 0 auto;
}
.view .region {
	text-align: center;
}
.view .region font{
	font-size: 1.8em;
	font-weight: 900;
	padding: 5px 20px;
	margin-bottom: 10px;
	color: #fff;
	border-radius: 55px;
	background-color: #2e3a6c;
	display:inline-block;
}
.view .region p{
	font-size: 1.6em;
	font-weight: 700;
	color: #2e3a6c;
	display:table;
	width:  100%;
	padding: 0 1.5em;
}
.viewphoto {
	padding: 2em;
}
.viewphoto img{
	display: inline-block;
	width: 22.579%;
	margin:  1%;
	border-radius: 20px;
}
@media (max-width: 992px) {
.viewphoto img{
	width: 45.579%;
	margin:  2%;
	border-radius: 20px;}
}
.travel {
	background-image:  url("../images/plate_left.png"),url("../images/plate_right.png"),url("../images/shading_03.jpg");
	background-position: top left,top right,left top;
	background-repeat: no-repeat,no-repeat,repeat;
	background-size:50%,50%,auto;
	padding: 4.5em 0;
}
.travel .head {
	padding: 2em;
	text-align: center;
}
.travel .box {
	width: 48.789%;
	padding: 3.5em 2em;
	display: inline-block;
}
.traveltitle {
	max-width: 624px;
	padding: 3.5em 2em;
	text-align: center;
	margin: 0 auto;
}
.travelbtn{
	width: 100%;
	text-align: center;
	margin: 1em 0;
	font-size: 2.3em;
	font-weight: 900;
	line-height:1em;
}
.travelbtn p {
	font-size: 0.7em;
}
.travelbtn a {
	width: 14%;
	margin: 0.999%;
	padding: 0.2em 0.5em;
	display: inline-block;
	border-radius: 20px;
	border: solid 8px #f2f2f2 ;
	box-shadow: 0 0 0 2px #d2d2d2,0 10px 10px rgba(0, 0, 0, 0.8),5px 5px 10px 0px rgba(0,0,0,0.15) inset;
	color: #ed193a;
	text-decoration:none;
	background-color: #fff;
}
.travelbtn a:hover{
	border: solid 10px #fff;
	transform:translatex(10px)translateY(10px);
	transition: all 0.3s linear;
	box-shadow: 0 5px 5px rgba(0, 0, 0, 0.8);
}
@media (max-width: 1010px) {
.travel {
	background-image:  url("../images/shading_03.jpg");
	background-position:left top;
	background-repeat: repeat;
	padding: 3.5em 0;
}
.travelbtn{
	font-size: 2em;
	line-height:1em;
}
.travelbtn p {
	font-size: 0.6em;
}
.travelbtn a {
	width: 28%;
	margin: 1.4999%;
}
}

footer{
	padding: 2.5em 0;
	text-align: center;
}
footer .logo{
	max-width: 293px;
}

@media (max-width: 640px) {
.travelbtn a {
	width: 44%;
	margin: 2.4999%;
	padding: 0.3em 0.5em;
}
.travelbtn{
	font-size: 2.5em;
}
.travelbtn p {
	font-size: 0.7em;
}
}

.c2 .head {
  padding-top: 8.125em;
  padding-bottom: 3.875em;
  margin-left: 3.125em; }
  .c2 .head > div {
    width: 44.6875em;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
.c2 .head {
  padding-top: 8.125em;
  padding-bottom: 3.875em;
  margin-left: 3.125em; }
  .c2 .head > div {
    width: 44.6875em;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
  @media (min-width: 992px) {
    .c2 .head {
      padding-top: 6.25em;
      padding-bottom: 4.875em;
      margin-left: 2.5em; }
      .c2 .head > div {
        width: 61.375em; } }
.c2 .slide {
  position: relative;
  width: 38.4375em;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 992px) {
    .c2 .slide {
      width: 109.375em; } }
  .c2 .slide .slick-slide:hover * {
    text-decoration: none; }
  .c2 .slide .slick-slide .item {
    position: relative;
    width: 33.125em;
    -webkit-border-radius: 4.1875em;
    -webkit-border-top-right-radius: 0em;
    -webkit-border-bottom-left-radius: 0em;
    -moz-border-radius: 4.1875em;
    -moz-border-radius-topright: 0em;
    -moz-border-radius-bottomleft: 0em;
    border-radius: 4.1875em;
    border-top-right-radius: 0em;
    border-bottom-left-radius: 0em;
    margin: 0.4375em;
    background: #fff; }
    .c2 .slide .slick-slide .item .pic {
      -webkit-border-top-left-radius: 4.1875em;
      -moz-border-radius-topleft: 4.1875em;
      border-top-left-radius: 4.1875em;
      overflow: hidden; }
  .c2 .slide .slick-slide .item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -0.4375em;
    -webkit-border-radius: 4.375em;
    -webkit-border-top-right-radius: 0.3125em;
    -webkit-border-bottom-left-radius: 0.3125em;
    -moz-border-radius: 4.375em;
    -moz-border-radius-topright: 0.3125em;
    -moz-border-radius-bottomleft: 0.3125em;
    border-radius: 4.375em;
    border-top-right-radius: 0.3125em;
    border-bottom-left-radius: 0.3125em;
    background-image: linear-gradient(0deg, #c39b54, #91724b); }
  .c2 .slide .slick-slide .title {
    background: #ad8950;
    height: 5em; }
    .c2 .slide .slick-slide .title span {
      color: #fff;
      font-size: 2.875em;
      font-weight: bold; }
  .c2 .slide .slick-slide .subtitle {
    padding: 1.5625em 0.9375em 1.125em 0.9375em; }
    .c2 .slide .slick-slide .subtitle p {
      color: #ad8950;
      font-size: 2em;
      font-weight: bold;
      line-height: 1.25; }
  .c2 .slide .slick-slide .detail {
    padding: 0em 0.9375em 0 0.9375em; }
    .c2 .slide .slick-slide .detail p {
      color: #412c0d;
      font-size: 1.625em;
      font-weight: bold;
      padding-bottom: 0.3em;
      border-bottom: 0.1875em solid #c39b54; }
  .c2 .slide .slick-slide .fee {
    padding: 0.9375em 0.9375em 1.25em 0.9375em;
    text-align: center; }
    .c2 .slide .slick-slide .fee span {
      color: #412c0d;
      font-size: 1.625em;
      font-weight: bold; }
      .c2 .slide .slick-slide .fee span.red {
        color: #e81e09; }
      .c2 .slide .slick-slide .fee span.amount {
        font-size: 2.625em; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 3.4375em !important;
  width: 2.5em !important;
  color: transparent;
  top: 45.5%; }
  @media (min-width: 992px) {
    .slick-prev,
    .slick-next {
      height: 4.6875em !important;
      width: 3.4375em !important; } }
  @media (min-width: 992px) {
    .slick-prev,
    .slick-next {
      top: 42%; } }

.slick-prev {
  left: -3.4375em;
  background: url("../images/btn-prev.png") center center no-repeat;
  background-size: 100% 100%; }
  @media (min-width: 992px) {
    .slick-prev {
      left: -4.0625em; } }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -3.4375em; }
    @media (min-width: 992px) {
      [dir="rtl"] .slick-prev {
        right: -4.0625em; } }
  .slick-prev:before {
    content: ""; }
    [dir="rtl"] .slick-prev:before {
      content: ""; }

.slick-next {
  right: -3.4375em;
  background: url("../images/btn-next.png") center center no-repeat;
  background-size: 100% 100%; }
  @media (min-width: 992px) {
    .slick-next {
      right: -4.0625em; } }
  [dir="rtl"] .slick-next {
    left: -3.4375em;
    right: auto; }
    @media (min-width: 992px) {
      [dir="rtl"] .slick-next {
        left: -4.0625em; } }
  .slick-next:before {
    content: ""; }
    [dir="rtl"] .slick-next:before {
      content: ""; }

.c3 .inner {
  padding-top: 9.25em;
  padding-bottom: 4.375em; }
  @media (min-width: 992px) {
    .c3 .inner {
      padding-top: 5.375em;
      padding-bottom: 4.375em;
      margin-left: 1.375em; } }
  .c3 .inner .head {
    width: 41.4375em; }
    @media (max-width: 991px) {
      .c3 .inner .head {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        left: 0.4375em; } }
    @media (min-width: 992px) {
      .c3 .inner .head {
        width: 49.875em;
        margin: 0 2.6875em; } }
  @media (max-width: 991px) {
    .c3 .inner .text {
      width: 42em;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      padding-top: 2.5em; } }
  @media (min-width: 992px) {
    .c3 .inner .text {
      width: 39.125em;
      margin: 0 2.6875em;
      margin-top: -0.875em; } }
  .c3 .inner .text p {
    font-size: 2em;
    color: #fff;
    line-height: 1.5; }
    @media (min-width: 992px) {
      .c3 .inner .text p {
        font-size: 1.625em;
        line-height: 1.615; } }

.c4 .inner {
  padding-top: 8.3125em;
  padding-bottom: 7.1875em; }
  @media (min-width: 992px) {
    .c4 .inner {
      padding-top: 5.875em;
      padding-bottom: 7.1875em; } }
  .c4 .inner .pic {
    width: 33em; }
    @media (max-width: 991px) {
      .c4 .inner .pic {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        width: 33.125em;
        left: -0.25em; } }
  @media (max-width: 991px) {
    .c4 .inner .data {
      width: 42em;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      padding-top: 5.625em; } }
  @media (min-width: 992px) {
    .c4 .inner .data {
      width: 55.1875em;
      margin-left: 7.5em;
      padding-top: 3.625em; } }
  @media (max-width: 991px) {
    .c4 .inner .data .head {
      width: 27.5625em;
      padding-bottom: 2.625em;
      position: relative;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 992px) {
    .c4 .inner .data .head {
      width: 27.5625em;
      padding-bottom: 2.625em; } }
  @media (max-width: 991px) {
    .c4 .inner .data .text {
      width: 41.5625em;
      position: relative;
      margin-left: auto;
      margin-right: auto; } }
  .c4 .inner .data .text p {
    font-size: 2em;
    color: #fff;
    line-height: 1.5;
    padding-bottom: 1.9em; }
    @media (min-width: 992px) {
      .c4 .inner .data .text p {
        font-size: 1.625em;
        color: #fff;
        line-height: 1.615;
        padding-bottom: 1.75em; } }

.btn-link {
  width: 35.25em;
  height: 5.625em; }
  @media (max-width: 991px) {
    .btn-link {
      margin-left: -1.875em; } }
  @media (min-width: 992px) {
    .btn-link {
      width: 38.75em;
      height: 6.1875em; } }
  .btn-link .pointer {
    position: absolute;
    width: 5.3125em;
    height: 4.625em;
    right: -2.6875em;
    bottom: -1.75em; }
    @media (min-width: 992px) {
      .btn-link .pointer {
        width: 5.9375em;
        height: 5.125em;
        right: -3em;
        bottom: -2em; } }
  .btn-link .txt {
    margin-top: -0.3125em; }
    .btn-link .txt span {
      font-size: 2.25em;
      font-weight: bold;
      color: #fff; }
      .btn-link .txt span.sp2 {
        letter-spacing: 0.2em; }
    @media (min-width: 992px) {
      .btn-link .txt {
        margin-top: -0.3125em; }
        .btn-link .txt span {
          font-size: 2.5em;
          font-weight: bold;
          color: #fff; }
          .btn-link .txt span.sp2 {
            letter-spacing: 0.2em; } }

@media (max-width: 991px) {
  .c4 .btn-link {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    left: -1.25em; } }