@charset "UTF-8";
@import url(reset.css);
@import url(font-awesome.min.css);
@import url(rwdgrid.css);
@import url(texteditor.css);
@import url(contentbuilder.css);
@import url("e27103589e694d03b9fcef75338295bf.css");
.addimg img{max-width: 100%;}
.wrap, .bread, .cardList > li, .cardList .Img, .cardList .Txt, .classRowBox > ul a, .mClassLink .main, .mClassLink > ul, .tab a, *, *::before, *::after, .language .g_trans a {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a, .languageBox .main::before, .languageBox > ul, .menuOpenBtn, .languageBox .main, .searchOpenBtn, .enjoyCardBtn, .enjoyShopBtn, .ticketBtn, .searchOpenBtn svg, .slideMenuBox, .menu > li > a::before, .menu > li > ul, .slideEnjoyBox, .menuInfoBox .leftBox, .menuInfoBox .languageBox, .menuInfoBox .onlineBookingBtn, .menuContactBox, footer .socialBox, .footerLogo, .footerContactBox h2, .footerBrandBox h2, .footerContactBox h3, .footerBrandBox h3, .footerContactBox ul, .footerMapBox, .footerMapBox a::before, .copyrightBox, .footerBrandLinkList, .socialList .line svg, .bannerArea > .goToBtn span, .contentTitle, .contentExp, .titleBox .titleMain, .titleBox .titleEn, .titleBox .titleEmbellish, .bottomLineTitleBox::after, .bottomLineTitleBox .titleEn, .bottomLineTitleBox .titleMain, .classRowBox, .classRowBox > ul a.current::before, .classColumnBox, .classColumnBox > ul > li > a::before, .tab a::after, .fixedShareBtnBox > button span, .fixedShareBtnBox ul > li, .fixedShareBtnBox svg, button.moreBtn, .arrowLinkBtn .arrow, .guideList li, .guideList li::before, .slick-dots button::before, .numDotList li, .prevArrowBtn, .nextArrowBtn, .prevArrowBtn svg, .nextArrowBtn svg, .moduleMask, .bookingBox, .bookingBox .moreBtn, .bookingList > li, .storeFilterMenu, .storeFilterMenu h2::before, .storeFilterMenu label::before, .storeFilterResultBox, .strongholdMapBox [class^="map"], .strongholdMapBox [class^="map"] img, .sideRelatedBox .sectionTitle, .sideRelatedList, .privacyBox, .hImgMS .Img::before, .hImgMS .Img img {
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out; }

.menuInfoBox .languageBox, .menuContactBox, .storeFilterResultBox, .menuInfoBox .leftBox, .menuInfoBox .onlineBookingBtn, .sideRelatedBox .sectionTitle, .menu > li > ul, footer .socialBox, .footerContactBox h2, .footerBrandBox h2, .footerContactBox h3, .footerBrandBox h3, .footerContactBox ul, .copyrightBox, .footerBrandLinkList, .contentTitle, .contentExp, .titleBox .titleEn, .titleBox .titleEmbellish, .bottomLineTitleBox .titleEn, .bottomLineTitleBox .titleMain, .fixedShareBtnBox ul > li, .bookingBox, .sideRelatedList, .languageBox > ul, .slideEnjoyBox, .footerLogo, .footerMapBox, .titleBox .titleMain, .storeFilterMenu {
  opacity: 0; }

.menuInfoBox .languageBox, .menuContactBox, .storeFilterResultBox {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px); }

.menuInfoBox .leftBox, .menuInfoBox .onlineBookingBtn, .sideRelatedBox .sectionTitle {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.menu > li > ul, footer .socialBox, .footerContactBox h2, .footerBrandBox h2, .footerContactBox h3, .footerBrandBox h3, .footerContactBox ul, .copyrightBox, .footerBrandLinkList, .contentTitle, .contentExp, .titleBox .titleEn, .titleBox .titleEmbellish, .bottomLineTitleBox .titleEn, .bottomLineTitleBox .titleMain, .fixedShareBtnBox ul > li, .bookingBox, .sideRelatedList {
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px); }

.languageBox > ul {
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px); }

.languageBox.current > ul, .slideMenuBox.show .menuInfoBox .leftBox, .slideMenuBox.show .menuContactBox, .slideMenuBox.show .slideEnjoyBox, .slideMenuBox.show .languageBox, .slideMenuBox.show .onlineBookingBtn, .slideMenuBox.show .menu > li > ul, footer.show .footerLogo, footer.show .footerContactBox h2, footer.show .footerBrandBox h2, footer.show .footerContactBox h3, footer.show .footerBrandBox h3, footer.show .footerBrandLinkList, footer.show .footerContactBox ul, footer.show .socialBox, footer.show .footerMapBox, footer.show .copyrightBox, .titleBox.show .titleMain, .titleBox.show .titleEn, .titleBox.show .titleEmbellish, .bottomLineTitleBox.show .titleEn, .bottomLineTitleBox.show .titleMain, .fixedShareBtnBox ul.show > li, .storeFilterArea.show .storeFilterMenu, .storeFilterArea.show .storeFilterResultBox, .sideRelatedBox.show .sectionTitle, .sideRelatedBox.show .sideRelatedList {
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
  opacity: 1; }

/*
	Authors: Alvin, Randy, Rex
    Version: 2.0
	Latest Update: 2020/03/13
*/
body {
  color: #626262;
  font-size: 15px;
  font-family: "Noto Sans TC", sans-serif; }
  body > svg {
    display: none; }

a {
  color: #626262;
  cursor: pointer; }
  a:hover {
    color: #37BCB4; }

.outerWrap {
  position: relative;
  padding-top: 60px; }
  @media (max-width: 480px) {
    .outerWrap {
      padding-top: 50px; } }

.wrap {
  width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  @media (max-width: 1240px) {
    .wrap {
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; } }

header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); }
  header .wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1920px;
    padding-left: 0;
    padding-right: 0; }
  
  header .logo {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding-left: 25px;
    padding-right: 30px;
    border-right: 1px solid #e5e5e5; 
    max-width: 300px;
  }
  
  header .logo img{
    width: 100%;
  }

    @media (max-width: 480px) {
      header .logo {
        padding-left: 20px;
        padding-right: 20px; width: 40%;border: none;} }
    header .logo a {
      line-height: 1; }
    header .logo svg:first-child {
      width: 49px;
      height: 34px;
      margin-right: 5px; }
      @media (max-width: 480px) {
        header .logo svg:first-child {
          width: 37px;
          height: 26px; } }
    header .logo svg:nth-child(2) {
      width: 107px;
      height: 31px; }
      @media (max-width: 480px) {
        header .logo svg:nth-child(2) {
          width: 82px;
          height: 24px; } }
  @media (max-width: 640px) {
    header .languageBox, header .onlineBookingBtn {
      display: none; } }

.headerMenu {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  @media (max-width: 1180px) {
    .headerMenu {
      display: none; } }
  .headerMenu li {
    width: 20%; }
    .headerMenu li + li {
      border-left: 1px solid #fff; }
  .headerMenu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 60px;
    letter-spacing: 1px;
    pointer-events: auto; }

.functionBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.languageBox {
  position: relative; }
  .languageBox:hover .main {
    background-color: #efefef; }
  .languageBox.current .main {
    background-color: #efefef; }
    .languageBox.current .main::before {
      -webkit-transform: rotate(-180deg);
      -ms-transform: rotate(-180deg);
      transform: rotate(-180deg); }
    .languageBox.current .main svg {
      fill: #fff; }
  .languageBox.current > ul {
    pointer-events: auto;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03); }
  .languageBox .main {
    position: relative;
    width: 130px;
    padding-right: 15px;
    color: #818181;
    font-size: 13px;
    font-family: "Cardo", "Noto Serif TC", serif;
    text-transform: uppercase; }
    .languageBox .main::before {
      content: '\f107';
      position: absolute;
      top: 50%;
      right: 7px;
      z-index: 1;
      margin-top: -12px;
      font-size: 18px;
      font-family: FontAwesome;
      pointer-events: none; }
  .languageBox > ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    width: 100%;
    pointer-events: none; }
    .languageBox > ul li + li {
      border-top: 1px solid #e5e5e5; }
    .languageBox > ul a {
      display: block;
      padding: 8px;
      font-size: 14px;
      text-align: center;
      color: #a9a9a9;
      background-color: #fff; }
      .languageBox > ul a.current,
      .languageBox > ul a:hover {
        color: #37BCB4; }

.menuOpenBtn, .languageBox .main, .searchOpenBtn, .enjoyCardBtn, .enjoyShopBtn, .ticketBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid;
  border-color: transparent transparent transparent #e5e5e5;
  border-left: none;
  outline: none;
  background-color: #fff;
  padding: 0;
  cursor: pointer; }
  @media (max-width: 480px) {
    .menuOpenBtn, .languageBox .main, .searchOpenBtn, .enjoyCardBtn, .enjoyShopBtn, .ticketBtn {
      height: 50px;
      border-color: transparent; } }

@media (min-width: 1181px) {
  .menuOpenBtn:hover, .searchOpenBtn:hover, .enjoyCardBtn:hover, .enjoyShopBtn:hover, .ticketBtn:hover {
    color: #fff;
    background-color: #37BCB4;
    border-color: transparent; }
    .menuOpenBtn:hover svg, .searchOpenBtn:hover svg, .enjoyCardBtn:hover svg, .enjoyShopBtn:hover svg, .ticketBtn:hover svg {
      fill: #fff; } }

.enjoyCardBtn, .enjoyShopBtn, .ticketBtn {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 6px;
  color: #818181;
  font-size: 12px; }
  @media (max-width: 1180px) {
    .enjoyCardBtn, .enjoyShopBtn, .ticketBtn {
      display: none; } }

.enjoyCardBtn, .enjoyShopBtn {
  width: 70px;
  background-position: 50% 8px;
  background-repeat: no-repeat; }

.enjoyCardBtn {
  background-size: 21px 23px; }

.enjoyShopBtn {
  background-size: 17px 23px; }

.ticketBtn {
  position: relative;
  width: 75px; }
  .ticketBtn svg {
    position: absolute;
    top: 11px;
    left: 50%;
    z-index: 1;
    width: 26px;
    height: 21px;
    margin-left: -13px;
    fill: #b4b4bb; }

.searchOpenBtn {
  width: 70px; }
  .searchOpenBtn svg {
    width: 17px;
    height: 17px;
    fill: #afabab; }

.menuOpenBtn {
  position: relative;
  width: 70px;
  cursor: pointer;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#b7b7b7), to(#b7b7b7));
  background-image: -webkit-linear-gradient(left, #b7b7b7, #b7b7b7);
  background-image: -o-linear-gradient(left, #b7b7b7, #b7b7b7);
  background-image: linear-gradient(to right, #b7b7b7, #b7b7b7);
  background-position: 50%;
  background-size: 36px 1px;
  background-repeat: no-repeat; display: none;}
  @media (max-width: 1180px) {
    .addimg{display: none;}
    .menuOpenBtn {
      display: block;
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      background-color: #37BCB4;
      background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
      background-image: -webkit-linear-gradient(left, #fff, #fff);
      background-image: -o-linear-gradient(left, #fff, #fff);
      background-image: linear-gradient(to right, #fff, #fff); } }
  @media (max-width: 480px) {
    .menuOpenBtn {
      width: 50px;
      background-size: 26px 1px; } }
  .menuOpenBtn.open {
    background-size: 0; }
    .menuOpenBtn.open::before, .menuOpenBtn.open::after {
      top: 50%;
      -webkit-transition: top .3s ease 0s, -webkit-transform .3s ease-out .5s;
      transition: top .3s ease 0s, -webkit-transform .3s ease-out .5s;
      -o-transition: top .3s ease 0s, transform .3s ease-out .5s;
      transition: top .3s ease 0s, transform .3s ease-out .5s;
      transition: top .3s ease 0s, transform .3s ease-out .5s, -webkit-transform .3s ease-out .5s; }
    .menuOpenBtn.open::before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .menuOpenBtn.open::after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }
  @media (min-width: 1181px) {
    .menuOpenBtn:hover {
      background-color: #2d2d2d; } }
  .menuOpenBtn::before, .menuOpenBtn::after {
    content: '';
    position: absolute;
    left: 50%;
    z-index: 1;
    width: 36px;
    height: 1px;
    margin-left: -18px;
    background-color: #b7b7b7;
    -webkit-transition: top .3s ease .5s, -webkit-transform .3s ease-out;
    transition: top .3s ease .5s, -webkit-transform .3s ease-out;
    -o-transition: top .3s ease .5s, transform .3s ease-out;
    transition: top .3s ease .5s, transform .3s ease-out;
    transition: top .3s ease .5s, transform .3s ease-out, -webkit-transform .3s ease-out; }
    @media (max-width: 1180px) {
      .menuOpenBtn::before, .menuOpenBtn::after {
        background-color: #fff; } }
    @media (max-width: 480px) {
      .menuOpenBtn::before, .menuOpenBtn::after {
        width: 26px;
        margin-left: -13px; } }
  .menuOpenBtn::before {
    top: calc(50% - 8px); }
  .menuOpenBtn::after {
    top: calc(50% + 8px); }

.onlineBookingBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 140px;
  color: #fff;
  background-color: #37BCB4;
  letter-spacing: 1px; }
  .onlineBookingBtn:hover {
    color: #fff;
    background-color: #c39c61; }

.slideMenuBox {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 89;
  width: 100%;
  height: calc(100vh - 60px);
  background-color: #fff;
  /*background-image: url("../images/menubg.jpg");*/
  background-position: 50%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden; }
  @media (max-width: 480px) {
    .slideMenuBox {
      top: 50px;
      height: calc(100vh - 50px); } }
  .slideMenuBox.show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
    .slideMenuBox.show .menuInfoBox .leftBox, .slideMenuBox.show .menuContactBox, .slideMenuBox.show .slideEnjoyBox, .slideMenuBox.show .languageBox, .slideMenuBox.show .onlineBookingBtn {
      -webkit-transition-delay: .8s;
      -o-transition-delay: .8s;
      transition-delay: .8s; }
    @media (min-width: 961px) {
      .slideMenuBox.show .menu > li > a::before {
        width: 20px;
        -webkit-transition-delay: 1.3s;
        -o-transition-delay: 1.3s;
        transition-delay: 1.3s; } }
    .slideMenuBox.show .menu > li > ul {
      -webkit-transition-delay: .5s;
      -o-transition-delay: .5s;
      transition-delay: .5s; }
  .slideMenuBox .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 100%;
    padding-top: 6vh;
    padding-bottom: 6vh; }
    @media (min-width: 1065px) {
      .slideMenuBox .wrap {
        width: 1024px; } }
    @media (max-width: 960px) {
      .slideMenuBox .wrap {
        display: block;
        overflow: auto; } }

.menuBox {
  position: relative;
  z-index: 1; }
  @media (min-width: 1065px) {
    .menuBox::before, .menuBox::after {
      content: '';
      position: absolute;
      top: 49px;
      z-index: -1;
      width: calc((100vw - 1024px) / 2);
      height: 1px;
      background-color: #e5e5e5; }
    .menuBox::before {
      left: calc((-100vw + 1024px) / 2); }
    .menuBox::after {
      right: calc((-100vw + 1024px) / 2); } }

.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 960px) {
    .menu {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .menu .menuTitleStyle {
    position: relative;
    display: block;
    font-size: 19px;
    color: #53514f;
    letter-spacing: 1px;
    font-weight: 700;
    font-family: "Cardo", "Noto Serif TC", serif; }
    @media (max-width: 960px) {
      .menu .menuTitleStyle {
        font-size: 16px; } }
    .menu .menuTitleStyle:hover {
      color: #8a6834; }
  @media (min-width: 961px) {
    .menu > li {
      width: calc(100% / 5); } }
  .menu > li > a {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5; }
    @media (max-width: 960px) {
      .menu > li > a {
        margin-bottom: 10px;
        padding-bottom: 10px;
        font-size: 18px; } }
    .menu > li > a::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: -1px;
      z-index: 1;
      width: 0;
      height: 2px;
      background-color: #37BCB4; }
  @media (max-width: 960px) {
    .menu > li > ul {
      display: none;
      padding-bottom: 20px; } }
  .menu li.open > a::before {
    width: 100%; }
  .menu li.open > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: .5s aniSlideUp ease-out both .3s;
    animation: .5s aniSlideUp ease-out both .3s; }
    @media (max-width: 960px) {
      .menu li.open > ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .menu .menuLinkStyle {
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 5px;
    letter-spacing: 1px; }

.slideEnjoyBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px; }
  @media (min-width: 961px) {
    .slideEnjoyBox {
      display: none; } }
  .slideEnjoyBox a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #191919;
    background-color: transparent; }
    .slideEnjoyBox a:first-child {
      border-left-color: transparent; }

.hasMenuList {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media (min-width: 961px) {
    .hasMenuList > ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }
  @media (min-width: 961px) {
    .hasMenuList > ul > li {
      width: 50%; } }
  @media (max-width: 960px) {
    .hasMenuList > ul > li {
      padding-left: 1em; } }
  .hasMenuList > ul .menuTitleStyle {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px; }
    @media (max-width: 960px) {
      .hasMenuList > ul .menuTitleStyle {
        font-size: 15px;
        border-bottom: 1px solid #e5e5e5; } }

.menuInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 2vh; }
  @media (min-width: 961px) {
    .menuInfoBox {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }
  @media (max-width: 960px) {
    .menuInfoBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      text-align: center; } }
  .menuInfoBox .leftBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  @media (max-width: 960px) {
    .menuInfoBox .socialBox > h2 {
      display: none; }
    .menuInfoBox .socialBox .socialList {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 20px; }
      .menuInfoBox .socialBox .socialList li + li {
        margin-left: 10px; }
      .menuInfoBox .socialBox .socialList a {
        border-radius: 50%;
        background-color: #fff; } }
  @media (min-width: 961px) {
    .menuInfoBox .socialList li:last-child {
      display: none; } }
  .menuInfoBox .socialList button {
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 50%; }
  .menuInfoBox .languageBox .main, .menuInfoBox .onlineBookingBtn {
    width: 200px;
    height: 40px;
    border: 1px solid #e5e5e5;
    background-color: transparent; }
  @media (min-width: 961px) {
    .menuInfoBox .languageBox, .menuInfoBox .onlineBookingBtn {
      display: none; } }
  .menuInfoBox .languageBox {
    margin-left: auto;
    margin-right: auto;
    z-index: 2; }
    .menuInfoBox .languageBox .main {
      width: 200px;
      height: 40px;
      border: 1px solid #e5e5e5;
      background-color: transparent; }
  .menuInfoBox .onlineBookingBtn {
    width: 200px;
    height: 40px;
    margin: 15px auto 40px;
    font-size: 13px;
    color: #808080; }

.menuInfoBox .socialBox > h2, .menuContactBox > h2 {
  margin-bottom: 10px;
  font-size: 15px;
  font-family: "Cardo", "Noto Serif TC", serif;
  text-transform: uppercase; }

.menuCopyrightBox {
  font-size: 12px;
  color: #bababa; }
  @media (max-width: 960px) {
    .menuCopyrightBox {
      display: none; } }
  .menuCopyrightBox a {
    color: #bababa; }
  .menuCopyrightBox .design {
    display: inline-block; }
  .menuCopyrightBox > a {
    position: relative;
    display: inline-block;
    margin-left: 10px; }
    .menuCopyrightBox > a::before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      z-index: 1;
      width: 100%;
      height: 1px;
      background-color: #bababa; }

.menuContactBox h3 {
  margin-bottom: 10px;
  font-weight: 400;
  color: #454545; }

.menuContactBox li + li {
  margin-top: 4px; }

footer {
  position: relative;
  padding-top: 75px;
  padding-bottom: 60px;
  background-color: #f5f5f5; }
  @media (max-width: 1180px) {
    footer {
      padding-bottom: 70px; } }
  @media (max-width: 900px) {
    footer {
      padding-top: 30px;
      background-color: #efefef;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f8f8f8));
      background-image: -webkit-linear-gradient(top, #f8f8f8, #f8f8f8);
      background-image: -o-linear-gradient(top, #f8f8f8, #f8f8f8);
      background-image: linear-gradient(to bottom, #f8f8f8, #f8f8f8);
      background-position: 0 0;
      background-size: 100% 235px;
      background-repeat: no-repeat; } }
  footer.show .footerContactBox h2, footer.show .footerBrandBox h2 {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }
  footer.show .footerContactBox h3, footer.show .footerBrandBox h3 {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s; }
  footer.show .footerBrandLinkList, footer.show .footerContactBox ul {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s; }
  footer.show .socialBox, footer.show .footerMapBox {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s; }
  footer.show .copyrightBox {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s; }
  footer .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

/*    @media (min-width: 1406px) {
      footer .wrap {
        width: 1600px; } }*/


    @media (min-width: 1241px) and (max-width: 1405px) {
      footer .wrap {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (max-width: 900px) {
      footer .wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  footer .leftBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    @media (min-width: 1181px) {
      footer .leftBox {
        width: 25%; } }
    @media (min-width: 901px) and (max-width: 1180px) {
      footer .leftBox {
        width: 300px;
        padding-right: 30px; } }
  footer .rightBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    @media (min-width: 1181px) {
      footer .rightBox {
        width: 75%; } }
    @media (min-width: 901px) and (max-width: 1180px) {
      footer .rightBox {
        width: calc(100% - 300px); } }
    @media (min-width: 901px) {
      footer .rightBox {
        padding-left: 20px;
        border-left: 1px solid #e5e5e5; } }
  @media (max-width: 900px) {
    footer .footerInfoBox {
      width: 100%; } }
  footer .socialBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px; }
    @media (max-width: 900px) {
      footer .socialBox {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; } }
    @media (max-width: 900px) {
      footer .socialBox li + li {
        margin-left: 12px; } }
    footer .socialBox > h2 {
      margin-bottom: 15px;
      font-size: 14px;
      font-weight: 500;
      color: #bababa;
      text-transform: uppercase; }
    @media (max-width: 900px) {
      footer .socialBox a {
        border-radius: 50%;
        background-color: #fff; } }
  footer .design {
    position: relative;
    margin-left: 5px;
    padding-left: 5px; }
    @media (min-width: 601px) {
      footer .design {
        display: inline-block;
        vertical-align: middle; }
        footer .design::before {
          content: '';
          position: absolute;
          top: 50%;
          left: 0;
          z-index: 1;
          width: 1px;
          height: 12px;
          margin-top: -6px;
          background-color: #8a8a8a; } }
    footer .design a {
      color: #8a8a8a; }
      @media (min-width: 1181px) {
        footer .design a:hover {
          color: #37BCB4; } }
  @media (max-width: 900px) {
    footer .copyrightBox {
      text-align: center; } }

.footerLogo {
  margin-bottom: 30px; }
  @media (max-width: 900px) {
    .footerLogo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      margin-bottom: 15px; }
      .footerLogo::before, .footerLogo::after {
        content: '';
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 1px;
        margin-bottom: 13px;
        background-color: #e3e3e3; }
      .footerLogo::before {
        margin-right: 20px; }
      .footerLogo::after {
        margin-left: 20px; } }
  .footerLogo a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 110px; }
  .footerLogo svg:first-child {
    width: 46px;
    height: 31px;
    margin-bottom: 8px; }
  .footerLogo svg:nth-child(2) {
    width: 98px;
    height: 26px; }

@media (max-width: 900px) {
  .footerContactBox h2, .footerContactBox h3, .footerBrandBox h2, .footerBrandBox h3 {
    display: none; } }

.footerContactBox h2, .footerBrandBox h2 {
  margin-bottom: 10px;
  font: 400 20px "Cardo", "Noto Serif TC", serif;
  color: #222;
  text-transform: uppercase; }

.footerContactBox h3, .footerBrandBox h3 {
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 16px;
  color: #000; }

@media (max-width: 900px) {
  .footerContactBox {
    margin-bottom: 10px; } }

.footerContactBox li {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 14px; }
  @media (max-width: 900px) {
    .footerContactBox li {
      text-align: center; } }

/*.footerMapBox {*/
/*  position: relative;*/
/*  margin-left: auto;*/
/*  margin-right: auto; }*/
/*  @media (max-width: 1180px) {*/
/*    .footerMapBox {*/
/*      display: none; } }*/
/*  .footerMapBox img {*/
/*    display: block;*/
/*    max-width: 100%;*/
/*    -webkit-backface-visibility: hidden;*/
/*    backface-visibility: hidden; }*/
/*  .footerMapBox ul {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 1;*/
/*    width: 100%;*/
/*    height: 100%; }*/
/*  .footerMapBox li {*/
/*    position: absolute;*/
/*    z-index: 1; }*/
/*    .footerMapBox li:first-child {*/
/*      top: -9.49367%;*/
/*      left: 56.99482%; }*/
/*      .footerMapBox li:first-child a::before {*/
/*        left: 39.56044%;*/
/*        bottom: -94.44444%; }*/
/*    .footerMapBox li:nth-child(2) {*/
/*      top: -2.21519%;*/
/*      left: 15.54404%; }*/
/*      .footerMapBox li:nth-child(2) a::before {*/
/*        right: 9.34579%;*/
/*        bottom: -55.55556%; }*/
/*    .footerMapBox li:nth-child(3) {*/
/*      top: 2.8481%;*/
/*      left: 36.26943%; }*/
/*      .footerMapBox li:nth-child(3) a::before {*/
/*        right: -33.33333%;*/
/*        bottom: 0%; }*/
/*    .footerMapBox li:nth-child(4) {*/
/*      top: 7.91139%;*/
/*      left: 28.49741%; }*/
/*      .footerMapBox li:nth-child(4) a::before {*/
/*        right: -76.92308%;*/
/*        bottom: 33.33333%; }*/
/*    .footerMapBox li:nth-child(5) {*/
/*      top: 13.29114%;*/
/*      left: 24.87047%; }*/
/*      .footerMapBox li:nth-child(5) a::before {*/
/*        right: -69.23077%;*/
/*        bottom: 66.66667%; }*/
/*    .footerMapBox li:nth-child(6) {*/
/*      top: 31.64557%;*/
/*      left: -7.77202%; }*/
/*      .footerMapBox li:nth-child(6) a::before {*/
/*        right: 19.23077%;*/
/*        bottom: 113.63636%; }*/
/*    .footerMapBox li:nth-child(7) {*/
/*      bottom: 18.03797%;*/
/*      left: 0.51813%; }*/
/*      .footerMapBox li:nth-child(7) a::before {*/
/*        right: -33.33333%;*/
/*        bottom: 27.77778%; }*/
/*    .footerMapBox li:nth-child(8) {*/
/*      bottom: 2.21519%;*/
/*      left: -5.18135%; }*/
/*      .footerMapBox li:nth-child(8) a::before {*/
/*        right: -16.66667%;*/
/*        bottom: 27.77778%; }*/
/*    .footerMapBox li:nth-child(9) {*/
/*      bottom: 0.31646%;*/
/*      right: 38.8601%; }*/
/*      .footerMapBox li:nth-child(9) a::before {*/
/*        left: -38.46154%;*/
/*        bottom: 27.77778%; }*/
/*    .footerMapBox li:nth-child(10) {*/
/*      top: 39.55696%;*/
/*      right: 14.50777%; }*/
/*      .footerMapBox li:nth-child(10) a::before {*/
/*        left: 41.02564%;*/
/*        top: -38.88889%; }*/
/*    .footerMapBox li:nth-child(11) {*/
/*      top: 5.37975%;*/
/*      right: -6.21762%; }*/
/*      .footerMapBox li:nth-child(11) a::before {*/
/*        left: -9.61538%;*/
/*        top: -38.88889%; }*/
/*    .footerMapBox li:nth-child(12) {*/
/*      top: 10.12658%;*/
/*      right: -12.95337%; }*/
/*      .footerMapBox li:nth-child(12) a::before {*/
/*        left: -19.23077%;*/
/*        top: 22.22222%; }*/
/*    .footerMapBox li:nth-child(13) {*/
/*      top: 0.94937%;*/
/*      right: -7.25389%; }*/
/*      .footerMapBox li:nth-child(13) a::before {*/
/*        left: -38.46154%;*/
/*        bottom: 11.11111%; }*/
/*    .footerMapBox li:nth-child(14) {*/
/*      top: -4.43038%;*/
/*      right: -18.13472%; }*/
/*      .footerMapBox li:nth-child(14) a::before {*/
/*        left: -20.51282%;*/
/*        bottom: -50%; }*/
/*  .footerMapBox a {*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    font-size: 12px;*/
/*    letter-spacing: 1px;*/
/*    white-space: nowrap; }*/
/*    @media (min-width: 1181px) {*/
/*      .footerMapBox a:hover::before {*/
/*        background-color: #37BCB4; } }*/
/*    .footerMapBox a::before {*/
/*      content: '';*/
/*      position: absolute;*/
/*      width: 6px;*/
/*      height: 6px;*/
/*      border-radius: 50%;*/
/*      background-color: #cdcac3; }*/

.copyrightBox {
  font-size: 13px;
  color: #8a8a8a;
  text-transform: uppercase; }
  .copyrightBox p {
    display: inline-block;
    vertical-align: middle; }

.footerBrandLinkList {
  max-width: 650px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (max-width: 900px) {
    .footerBrandLinkList {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 10px; } }
  .footerBrandLinkList .Img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    padding-left: 5px;
    padding-right: 5px; }
    @media (max-width: 900px) {
      .footerBrandLinkList .Img {
        height: 50px; } }
  .footerBrandLinkList img {
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  @media (min-width: 901px) {
    .footerBrandLinkList .slick-dots {
      position: absolute;
      top: -45px;
      right: 0;
      z-index: 1; } }
  @media (max-width: 900px) {
    .footerBrandLinkList .slick-dots {
      margin-top: 20px;
      text-align: center; } }

.socialList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .socialList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 18px;
    color: #959595; }
    @media (min-width: 1181px) {
      .socialList a:hover {
        color: #37BCB4; }
        .socialList a:hover svg {
          fill: #37BCB4; } }
  .socialList .line svg {
    width: 17px;
    height: 16px;
    fill: #959595; }

.introEnTitle {
  display: block;
  font: 400 30px "Cardo", "Noto Serif TC", serif;
  color: #3a3a3a;
  text-transform: uppercase; }

.introTitle {
  margin-bottom: 35px;
  font: 700 18px "Cardo", "Noto Serif TC", serif;
  color: #3a3a3a;
  letter-spacing: 2px; }

.social {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  margin-right: -4px; }
  .social a {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    font-size: 19px;
    color: #929292;
    text-align: center; }
    .social a:hover {
      opacity: 0.8; }

.bannerArea {
  position: relative; }
  .bannerArea > .goToBtn {
    position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 80px;
    margin-left: -60px;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .5px; }
    @media (min-width: 1181px) {
      .bannerArea > .goToBtn:hover span {
        -webkit-animation-name: arrowDown;
        animation-name: arrowDown;
        border-color: #fff; } }
    @media (max-width: 1180px) {
      .bannerArea > .goToBtn {
        display: none; } }
    .bannerArea > .goToBtn span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      width: 45px;
      height: 45px;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 50%;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite; }
    .bannerArea > .goToBtn svg {
      width: 9px;
      height: 20px;
      fill: #fff; }

@media (min-width: 1181px) {
  #banner img {
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; } }

@media (max-width: 1180px) {
  #banner img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 600px; } }

.noBannerTitleBox, .bannerTextBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: "Cardo", "Noto Serif TC", serif;
  text-transform: uppercase; }
  .noBannerTitleBox .bannerWebsiteName, .bannerTextBox .bannerWebsiteName {
    margin-bottom: 10px;
    letter-spacing: 1px; }
    @media (max-width: 480px) {
      .noBannerTitleBox .bannerWebsiteName, .bannerTextBox .bannerWebsiteName {
        display: none; } }
  .noBannerTitleBox .bannerEnTitle, .bannerTextBox .bannerEnTitle {
    font-size: 38px; }
    @media (max-width: 960px) {
      .noBannerTitleBox .bannerEnTitle, .bannerTextBox .bannerEnTitle {
        font-size: 24px; } }
  .noBannerTitleBox .bannerTitle, .bannerTextBox .bannerTitle {
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 3px;
    text-indent: -3px; }
    @media (max-width: 960px) {
      .noBannerTitleBox .bannerTitle, .bannerTextBox .bannerTitle {
        font-size: 18px;
        letter-spacing: 1px;
        text-indent: -1px; } }

.bannerTextBox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: #fff; }
  @media (min-width: 1181px) {
    .bannerTextBox {
      padding-bottom: 100px; } }
  .bannerTextBox .bannerTitle {
    margin-top: 10px; }

.noBannerTitleBox {
  padding-top: 50px;
  margin-bottom: 50px; }
  @media (max-width: 1180px) {
    .noBannerTitleBox {
      padding-top: 30px;
      margin-bottom: 30px; } }

.mainArea {
  padding-bottom: 120px; }
  @media (max-width: 1180px) {
    .mainArea {
      padding-bottom: 50px; } }
  .mainArea.noPadding {
    padding-bottom: 0; }

.bread {
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  background-color: #f6f6f6; }
  .bread.white {
    background-color: #fff; }
  .bread a, .bread span {
    display: inline-block;
    font-size: 13px;
    letter-spacing: .5px;
    text-transform: uppercase; }
    .bread a + a::before, .bread a + span::before, .bread span + a::before, .bread span + span::before {
      content: '';
      display: inline-block;
      width: 10px;
      height: 1px;
      vertical-align: middle;
      margin-left: 8px;
      margin-right: 8px;
      background-color: #9f9f9f; }
    .bread a:last-child, .bread a:last-child::before, .bread span:last-child, .bread span:last-child::before {
      color: #464646; }
  .bread a {
    color: #9f9f9f; }
    @media (min-width: 1181px) {
      .bread a:hover {
        color: #37BCB4; } }
    .bread a svg {
      width: 12px;
      height: 11px;
      margin-right: 5px;
      fill: #9f9f9f; }

.cardList:not(.vertical) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px; }
  @media (min-width: 481px) {
    .cardList:not(.vertical) {
      margin-left: -10px;
      margin-right: -10px; } }
  @media (min-width: 1181px) {
    .cardList:not(.vertical).row4 > li {
      width: 25%; } }
  @media (min-width: 769px) and (max-width: 1180px) {
    .cardList:not(.vertical).row4 > li {
      width: calc(100% / 3); } }
  @media (min-width: 481px) and (max-width: 768px) {
    .cardList:not(.vertical).row4 > li {
      width: 50%; } }
  .cardList:not(.vertical).row3 > li {
    /*stupid ie*/ }
    @media (min-width: 961px) {
      .cardList:not(.vertical).row3 > li {
        width: calc(100% / 3); } }
    @media screen and (min-width: 0\0) and (min-width: 961px) {
      .cardList:not(.vertical).row3 > li {
        width: 33.33%; } }
    @media (min-width: 481px) and (max-width: 960px) {
      .cardList:not(.vertical).row3 > li {
        width: 50%; } }
  .cardList:not(.vertical) > li {
    padding-bottom: 50px; }
    @media (min-width: 481px) {
      .cardList:not(.vertical) > li {
        padding-left: 10px;
        padding-right: 10px; } }
    @media (max-width: 480px) {
      .cardList:not(.vertical) > li {
        width: 100%; } }
  .cardList:not(.vertical) .item {
    margin-left: auto;
    margin-right: auto; }
  .cardList:not(.vertical) .Img img {
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }

.cardList.vertical li + li {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #e5e5e5; }

.cardList.vertical .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 600px) {
    .cardList.vertical .item {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

@media (min-width: 769px) {
  .cardList.vertical .Img {
    width: 350px; }
    .cardList.vertical .Img + .Txt {
      max-width: calc(100% - 350px); } }

@media (min-width: 601px) and (max-width: 768px) {
  .cardList.vertical .Img {
    width: 220px; }
    .cardList.vertical .Img + .Txt {
      max-width: calc(100% - 220px); } }

@media (min-width: 601px) {
  .cardList.vertical .Img {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .cardList.vertical .Img + .Txt {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      padding-left: 35px; } }

@media (max-width: 600px) {
  .cardList.vertical .Img {
    width: 100%; } }

.cardList.vertical .Img img {
  display: block;
  width: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cardList.vertical .Txt {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media (max-width: 600px) {
    .cardList.vertical .Txt {
      padding-top: 20px; } }

.contentTitle {
  margin-bottom: 5px;
  font-size: 18px;
  font-family: "Cardo", "Noto Serif TC", serif;
  color: #222;
  letter-spacing: 2px; }

.contentExp {
  line-height: 1.8; }

.titleBox {
  margin-bottom: 20px; }
  .titleBox.show .titleMain {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }
  .titleBox.show .titleEn {
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s; }
  .titleBox.show .titleEmbellish {
    -webkit-transition-delay: .7s;
    -o-transition-delay: .7s;
    transition-delay: .7s; }
  .titleBox .titleMain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
    color: #3c3c3c;
    letter-spacing: 1px; }
    @media (max-width: 1180px) {
      .titleBox .titleMain {
        margin-bottom: 5px;
        font-size: 15px; } }
    .titleBox .titleMain::after {
      content: '';
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      height: 1px;
      margin-left: 15px;
      background-color: #e5e5e5; }
  .titleBox .titleEn, .titleBox .titleEmbellish {
    display: block;
    line-height: 1;
    font-size: 50px;
    font-family: "Cardo", "Noto Serif TC", serif;
    text-transform: uppercase; }
    @media (max-width: 1180px) {
      .titleBox .titleEn, .titleBox .titleEmbellish {
        font-size: 20px; } }
  .titleBox .titleEn {
    color: #3a3a3a; }
  .titleBox .titleEmbellish {
    color: #5a5a5a; }

.bottomLineTitleBox.show::after {
  width: 20px;
  -webkit-transition-delay: 1s;
  -o-transition-delay: 1s;
  transition-delay: 1s; }

.bottomLineTitleBox.show .titleMain {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s; }

.bottomLineTitleBox.center {
  text-align: center; }
  .bottomLineTitleBox.center::after {
    margin-left: auto;
    margin-right: auto; }

.bottomLineTitleBox::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  margin-bottom: 10px;
  background-color: #37BCB4; }

.bottomLineTitleBox .titleEn {
  display: block;
  margin-bottom: 5px;
  font: 400 28px "Cardo", "Noto Serif TC", serif;
  color: #5a5a5a;
  text-transform: uppercase; }
  @media (max-width: 1180px) {
    .bottomLineTitleBox .titleEn {
      font-size: 22px; } }

.bottomLineTitleBox .titleMain {
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 22px;
  color: #1f1f1f;
  letter-spacing: 2px; }
  @media (max-width: 1180px) {
    .bottomLineTitleBox .titleMain {
      font-size: 18px;
      margin-bottom: 15px; } }

.articleTitle {
  margin-bottom: 35px;
  font-weight: 400;
  font-size: 22px;
  color: #191919; }
  @media (max-width: 1180px) {
    .articleTitle {
      margin-bottom: 20px;
      font-size: 18px; } }

.sectionTitle {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: 400;
  font-size: 18px;
  color: #191919;
  letter-spacing: 1px; }

.classRowBox {
  position: relative;
  z-index: 3;
  margin-bottom: 30px;
  border-bottom: 1px solid #e5e5e5; }
  .classRowBox > ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 1180px) {
      .classRowBox > ul {
        display: none; } }
    .classRowBox > ul a {
      position: relative;
      display: block;
      padding: 15px 25px;
      color: #454545;
      text-align: center; }
      .classRowBox > ul a.current, .classRowBox > ul a:hover {
        color: #37BCB4; }
      .classRowBox > ul a.current::before {
        content: '';
        position: absolute;
        bottom: -8px;
        left: 50%;
        z-index: 1;
        width: 0;
        height: 0;
        margin-left: -7px;
        border-style: solid;
        border-width: 9px 7px 0 7px;
        border-color: #fff transparent transparent transparent;
        pointer-events: none;
        -webkit-filter: drop-shadow(0 2px 0 #e5e5e5);
        filter: drop-shadow(0 2px 0 #e5e5e5); }

.classColumnBox {
  position: relative;
  z-index: 1; }
  @media (max-width: 1180px) {
    .classColumnBox > ul {
      display: none; } }
  .classColumnBox > ul > li > a {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 16px;
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #d0d0d0), color-stop(0, #000), to(#000)) 100% 100%/200% 1px no-repeat;
    background: -webkit-linear-gradient(right, #d0d0d0 50%, #000 0, #000 100%) 100% 100%/200% 1px no-repeat;
    background: -o-linear-gradient(right, #d0d0d0 50%, #000 0, #000 100%) 100% 100%/200% 1px no-repeat;
    background: linear-gradient(to left, #d0d0d0 50%, #000 0, #000 100%) 100% 100%/200% 1px no-repeat; }
    .classColumnBox > ul > li > a.current, .classColumnBox > ul > li > a.open {
      padding-left: 35px;
      background-position-x: 0; }
      .classColumnBox > ul > li > a.current::before, .classColumnBox > ul > li > a.open::before {
        left: 14px;
        opacity: 1;
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s; }
    .classColumnBox > ul > li > a::before {
      content: '\f101';
      position: absolute;
      top: 50%;
      left: 7px;
      z-index: 1;
      margin-top: -10px;
      font-size: 20px;
      color: #000;
      font-family: FontAwesome;
      opacity: 0; }
  .classColumnBox > ul ul {
    display: none; }
  .classColumnBox > ul a {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #777; }
    .classColumnBox > ul a.current, .classColumnBox > ul a:hover {
      color: #000; }
  .classColumnBox > ul .linkHasItems.open + ul {
    display: block;
    margin-bottom: 10px;
    padding-left: 35px; }
    .classColumnBox > ul .linkHasItems.open + ul > li {
      -webkit-animation: .5s aniSlideLeft both ease-out .3s;
      animation: .5s aniSlideLeft both ease-out .3s; }

.mClassLink {
  position: relative;
  z-index: 1; }
  @media (min-width: 1181px) {
    .mClassLink {
      display: none; } }
  .mClassLink.open > ul {
    display: block; }
  .mClassLink .main {
    position: relative;
    display: block;
    font-size: 16px;
    padding: 10px 50px 10px 20px;
    color: #fff;
    letter-spacing: 1px;
    cursor: pointer;
    background-color: #37BCB4; }
    .mClassLink .main::before {
      content: '\f107';
      position: absolute;
      right: 20px;
      top: 50%;
      z-index: 1;
      margin-top: -6px;
      line-height: 1;
      font-size: 15px;
      color: #fff;
      font-family: FontAwesome; }
  .mClassLink > ul {
    position: absolute;
    left: 0;
    top: calc(100% - 1px);
    z-index: 1;
    display: none;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); }
    .mClassLink > ul > li + li {
      border-top: 1px solid #f2f2f2; }
    .mClassLink > ul > li.current > a {
      color: #37BCB4; }
    .mClassLink > ul a {
      position: relative;
      z-index: 1;
      display: block;
      padding: 14px 20px;
      color: #000;
      font-size: 14px;
      background-color: #fff; }
  .mClassLink ul {
    display: none; }
  .mClassLink .linkHasItems {
    position: relative;
    padding-right: 40px; }
    .mClassLink .linkHasItems::after {
      content: '\f107';
      position: absolute;
      top: 50%;
      right: 17px;
      z-index: 1;
      line-height: 1;
      margin-top: -7px;
      font-family: FontAwesome; }
    .mClassLink .linkHasItems.open::after {
      -webkit-transform: rotateX(180deg);
      transform: rotateX(180deg); }
    .mClassLink .linkHasItems.open + ul {
      display: block; }
    .mClassLink .linkHasItems + ul {
      background-color: #efefef; }
      .mClassLink .linkHasItems + ul a {
        padding: 10px 5px 10px 30px;
        background-color: #efefef; }
        .mClassLink .linkHasItems + ul a.current {
          color: #37BCB4; }

.tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 1px solid #e5e5e5; }
  .tab a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    color: #000; }
    @media (min-width: 1181px) {
      .tab a {
        height: 70px; }
        .tab a::after {
          content: '';
          position: absolute;
          left: 0;
          bottom: -1px;
          z-index: 1;
          width: 100%;
          height: 0;
          pointer-events: none;
          background-color: #37BCB4; }
        .tab a:hover {
          color: #37BCB4; } }
    @media (max-width: 1180px) {
      .tab a {
        height: 50px; } }
    .tab a.current {
      color: #37BCB4; }
      .tab a.current::after {
        height: 2px; }
    .tab a + a {
      margin-left: 20px; }

.tabContent {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5; }
  .tabContent > li {
    display: none; }

.side_album {
  margin-bottom: 30px; }
  @media (min-width: 1181px) {
    .side_album {
      margin-top: 30px;
      margin-right: -10px; } }
  @media (max-width: 1180px) {
    .side_album {
      margin-top: 10px; } }
  .side_album li {
    float: left;
    max-width: 100px;
    width: 33.33%;
    padding: 0 10px 10px 0; }
  .side_album a {
    display: block;
    -webkit-box-shadow: 2px 2px 5px #c3c3c3;
    box-shadow: 2px 2px 5px #c3c3c3; }
    .side_album a img {
      display: block;
      width: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }

.side_contactInfo li {
  margin-bottom: 20px; }

.side_contactInfo a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  color: #414141; }

.side_contactInfo i {
  display: inline-block;
  vertical-align: middle;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-right: 8px;
  border: 2px solid #a5a5a5;
  border-radius: 50%;
  font-size: 20px;
  color: #a5a5a5;
  text-align: center; }

.side_contactInfo b {
  display: inline-block;
  vertical-align: middle;
  font-weight: 400; }

.newsInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.newsIcon {
  font-size: 14px;
  letter-spacing: 1px; }
  .newsIcon + .newsDateBox::before {
    content: '/';
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px; }
  @media (min-width: 641px) {
    .newsIcon ~ .newsActivityBox {
      margin-left: 20px; } }
  @media (max-width: 640px) {
    .newsIcon ~ .newsActivityBox {
      width: 100%;
      margin-top: 5px; } }

.newsDateBox, .newsActivityBox {
  font-size: 13px;
  color: #37BCB4; }

.fixedShareBtnBox {
  position: fixed;
  top: 0;
  z-index: 90;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  pointer-events: none; }
  @media (min-width: 1551px) {
    .fixedShareBtnBox {
      right: 90px; } }
  @media (max-width: 1550px) {
    .fixedShareBtnBox {
      right: 20px; } }
  @media (max-width: 1180px) {
    .fixedShareBtnBox {
      display: none; } }
  .fixedShareBtnBox > button span, .fixedShareBtnBox a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto; }
  .fixedShareBtnBox > button {
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
    pointer-events: auto; }
    @media (min-width: 1181px) {
      .fixedShareBtnBox > button:hover span {
        -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
        box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1); } }
    .fixedShareBtnBox > button::after {
      content: 'Share';
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .5px; }
    .fixedShareBtnBox > button span {
      width: 48px;
      height: 48px;
      margin-bottom: 10px;
      border-radius: 50%;
      background-color: #fff;
      -webkit-box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
      box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1); }
    .fixedShareBtnBox > button svg {
      width: 18px;
      height: 21px; }
  .fixedShareBtnBox ul {
    margin-top: 20px; }
    .fixedShareBtnBox ul.show > li {
      pointer-events: auto; }
      .fixedShareBtnBox ul.show > li:nth-child(1) {
        -webkit-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        transition-delay: 0.3s; }
      .fixedShareBtnBox ul.show > li:nth-child(2) {
        -webkit-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        transition-delay: 0.4s; }
      .fixedShareBtnBox ul.show > li:nth-child(3) {
        -webkit-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        transition-delay: 0.5s; }
      .fixedShareBtnBox ul.show > li:nth-child(4) {
        -webkit-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        transition-delay: 0.6s; }
    .fixedShareBtnBox ul a {
      width: 35px;
      height: 35px;
      font-size: 18px;
      color: #808080; }
      @media (min-width: 1181px) {
        .fixedShareBtnBox ul a:hover {
          color: #37BCB4; }
          .fixedShareBtnBox ul a:hover svg {
            fill: #37BCB4; } }
  .fixedShareBtnBox svg {
    fill: #808080; }
  .fixedShareBtnBox .line svg {
    width: 17px;
    height: 16px; }

.btnBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 35px; }
  .btnBox.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  @media (max-width: 1180px) {
    .btnBox {
      margin-top: 20px;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; } }
  .btnBox a + a {
    margin-left: 13px; }

.moreBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 185px;
  height: 45px;
  padding-left: 5px;
  padding-right: 5px;
  color: #fff;
  background-color: #37BCB4;
  font-size: 14px;
  letter-spacing: 1px; }
  .moreBtn:hover {
    color: #888;
    background-color: #eee; }
  .moreBtn.reverse {
    color: #888;
    background-color: #eee; }
    .moreBtn.reverse:hover {
      color: #fff;
      background-color: #37BCB4; }
  @media (max-width: 400px) {
    .moreBtn {
      width: 120px; } }
  button.moreBtn {
    border: none;
    outline: none;
    cursor: pointer;
    font-family: "Noto Sans TC", sans-serif; }

.arrowLinkBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase;
  color: #807d76;
  letter-spacing: .5px; }
  @media (min-width: 1181px) {
    .arrowLinkBtn:hover .arrow {
      border-color: #37BCB4;
      background-color: #37BCB4; }
    .arrowLinkBtn:hover svg {
      fill: #fff;
      -webkit-animation-name: arrowRight;
      animation-name: arrowRight; } }
  .arrowLinkBtn .arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-left: 20px;
    border-radius: 50%;
    border: 1px solid #c5c5c5; }
  .arrowLinkBtn svg {
    width: 20px;
    height: 9px;
    fill: #4d4442;
    -webkit-animation: 2s ease-out infinite;
    animation: 2s ease-out infinite; }

.carouselFunctionBox {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }
  .carouselFunctionBox .numDotList {
    top: 0; }

.guideList {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-top: 60px;
  padding-bottom: 60px; }
  .guideList li {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    letter-spacing: 1px;
    color: #888; }
    .guideList li::before {
      content: '';
      position: absolute;
      top: 50%;
      z-index: 1;
      width: 8px;
      height: 8px;
      margin-top: -4px;
      border-radius: 50%;
      background-color: #e5ded3; }
    .guideList li.current {
      color: #222; }
      .guideList li.current::before {
        background-color: #37BCB4; }

.totalBox {
  position: relative;
  color: #a2a2a2; }
  .totalBox::before {
    content: '/';
    margin-right: 10px; }
  .totalBox::after {
    content: attr(data-total); }

.slick-dots button, .numDotList button {
  outline: none;
  border: none;
  background-color: transparent;
  cursor: pointer; }

.slick-dots .slick-active button::before {
  background-color: #000; }

.slick-dots li {
  display: inline-block; }

.slick-dots button {
  position: relative;
  width: 30px;
  height: 30px;
  padding: 0;
  color: transparent; }
  .slick-dots button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 50%;
    background: #d4d4d4; }

.numDotList {
  position: absolute;
  z-index: 1; }
  .numDotList .slick-active {
    z-index: 2;
    opacity: 1; }
  .numDotList li {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0; }
    .numDotList li:nth-child(-n+9) button::before {
      content: '0'; }
  .numDotList button {
    font-size: 15px;
    font-family: "Noto Sans TC", sans-serif;
    color: #3c3c3c; }

.arrowsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .arrowsBox button + button {
    margin-left: 10px; }

.prevArrowBtn, .nextArrowBtn {
  width: 34px;
  height: 34px;
  padding-bottom: 5px;
  border: none;
  outline: none;
  border-radius: 50%;
  background-color: #dcdcdc;
  cursor: pointer; }
  @media (min-width: 1181px) {
    .prevArrowBtn:hover, .nextArrowBtn:hover {
      background-color: #37BCB4; } }
  .prevArrowBtn svg, .nextArrowBtn svg {
    width: 14px;
    height: 6px;
    fill: #fff; }

.prevIconArrow, .nextIconArrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  border: none;
  outline: none;
  color: #ababab;
  background-color: transparent;
  font-size: 20px; }

.prevIconArrow {
  left: -20px; }

.nextIconArrow {
  right: -20px; }

.moduleBox {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1005;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition-property: top, opacity, visibility;
  -o-transition-property: top, opacity, visibility;
  transition-property: top, opacity, visibility;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out; }
  .moduleBox.moduleQaptcha {
    width: 100% !important;
    border: none;
    background-color: transparent; }
    .moduleBox.moduleQaptcha.show > .box {
      pointer-events: auto; }
    .moduleBox.moduleQaptcha > .box {
      border: 5px solid #d8d8d8;
      background-color: #fff; }
    .moduleBox.moduleQaptcha .moduleClose {
      height: 60px;
      padding-top: 38px; }
      .moduleBox.moduleQaptcha .moduleClose::before {
        top: 7px; }
      .moduleBox.moduleQaptcha .moduleClose i {
        display: none; }
  .moduleBox.show {
    opacity: 1;
    visibility: visible; }
    .moduleBox.show .moduleContent {
      pointer-events: auto; }

.moduleMask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1003;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }
  .moduleMask.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }

.moduleClose {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: 70px;
  height: 95px;
  padding-top: 40px;
  background-color: transparent;
  font-size: 13px;
  border: 1px solid;
  border-color: transparent transparent transparent #646464;
  outline: none;
  font-family: "Cardo", "Noto Serif TC", serif;
  color: #111;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer; }
  @media (max-width: 560px) {
    .moduleClose {
      height: 70px; } }
  .moduleClose::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    z-index: 1;
    width: 26px;
    height: 26px;
    margin-left: -13px;
    background-image: -webkit-gradient(linear, left top, right top, from(#9b9b9b), to(#9b9b9b)), -webkit-gradient(linear, left top, right top, from(#9b9b9b), to(#9b9b9b));
    background-image: -webkit-linear-gradient(left, #9b9b9b, #9b9b9b), -webkit-linear-gradient(left, #9b9b9b, #9b9b9b);
    background-image: -o-linear-gradient(left, #9b9b9b, #9b9b9b), -o-linear-gradient(left, #9b9b9b, #9b9b9b);
    background-image: linear-gradient(to right, #9b9b9b, #9b9b9b), linear-gradient(to right, #9b9b9b, #9b9b9b);
    background-position: 50% 50%;
    background-size: 1px 100%, 100% 1px;
    background-repeat: no-repeat;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
    @media (max-width: 560px) {
      .moduleClose::before {
        top: 13px; } }
  .moduleClose::after {
    content: 'Back';
    font-family: "Cardo", "Noto Serif TC", serif;
    color: #111;
    text-transform: uppercase; }

div.titan {
  /*--隱藏開影音、開相簿--*/
  display: none; }

input[type="text"], textarea {
  -webkit-appearance: none; }

table.breakpoint > tbody > tr > td.expand {
  cursor: pointer;
  background: url("../images/plus.png") no-repeat 5px center;
  padding-left: 40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

a.btn_color1 {
  /*按鈕主色1*/
  color: #fff;
  background-color: #37BCB4; }

a.btn_color1:hover {
  background-color: #8a6834; }

a.btn_color2 {
  /*按鈕主色2*/
  color: #fff;
  background-color: #000; }

a.btn_color2:hover {
  background-color: black; }

.language {
  display: inline-block;
  vertical-align: middle; }
  .language .g_trans {
    display: inline-block;
    vertical-align: middle; }
    .language .g_trans a {
      display: block;
      line-height: 28px;
      padding: 0 10px;
      border: 1px solid #516190;
      font-size: 13px;
      color: #516190; }
      .language .g_trans a i {
        margin-left: 10px; }

.bookingBox .title {
  display: block;
  margin-bottom: 5px;
  color: #37BCB4; }

.bookingBox .btnBox {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 25px; }
  .bookingBox .btnBox button + button {
    margin-left: 13px; }

.bookingBox .moreBtn {
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  font-family: "Noto Sans TC", sans-serif;
  cursor: pointer; }

.bookingList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -6px;
  margin-right: -6px; }
  .bookingList > li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 15px; }
  .bookingList input {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 0;
    height: 0;
    line-height: 0;
    padding: 0;
    border: none;
    font-size: 0;
    opacity: 0; }
  .bookingList select, .bookingList .bookingDateBox {
    width: 100%;
    padding: 10px;
    font-family: 'Cardo', 'Noto Sans TC', sans-serif;
    letter-spacing: .5px;
    color: #727272;
    background-color: #eee; }
  .bookingList select {
    position: relative;
    border: none;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAHCAYAAADebrddAAAAkElEQVQYlXXOsQrBYRSG8R+5ApdglZlZYjdRBqsrUK7A7BZs/kUhUWZyC3bKaGEh+vSRgadOp97znNNJJUkywBpT/ymjlcYRwxj8oogRThn0kcUEVey+NgqYY4xeuBzoYhYrH7McFtigg8dbfqCNLZYoYYU9GrgH6S0HbmjiEJeuqMf+4lsOXFCL/1dw/kzwBKByIBPjlYD2AAAAAElFTkSuQmCC");
    background-position: top 50% right 15px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none; }

.bookingList > li:nth-child(3) .bookingDateBox {
  background-image: url('../images/icon_date.png');
  background-position: center right;
  background-repeat: no-repeat;
}

.bookingItem {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  .bookingItem + .bookingItem {
    margin-left: 6px; }

@-webkit-keyframes aniSlideLeft {
  0% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@keyframes aniSlideLeft {
  0% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }

@-webkit-keyframes aniSlideUp {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes aniSlideUp {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes arrowDown {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%); }
  60% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); } }

@keyframes arrowDown {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%); }
  60% {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%); } }

@-webkit-keyframes arrowRight {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  40% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%); }
  60% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%); } }

@keyframes arrowRight {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0); }
  40% {
    -webkit-transform: translateX(-40%);
    transform: translateX(-40%); }
  60% {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%); } }

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.storeFilterArea.show .storeFilterResultBox {
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s; }

.storeFilterArea .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (min-width: 1181px) {
    .storeFilterArea .wrap {
      background-position: 240px 0; } }
  @media (min-width: 961px) and (max-width: 1180px) {
    .storeFilterArea .wrap {
      background-position: 220px 0; } }
  @media (min-width: 961px) {
    .storeFilterArea .wrap {
      background-image: -webkit-gradient(linear, left top, right top, from(#e5e5e5), to(#e5e5e5));
      background-image: -webkit-linear-gradient(left, #e5e5e5, #e5e5e5);
      background-image: -o-linear-gradient(left, #e5e5e5, #e5e5e5);
      background-image: linear-gradient(to right, #e5e5e5, #e5e5e5);
      background-size: 1px 100%;
      background-repeat: no-repeat; } }
  @media (max-width: 960px) {
    .storeFilterArea .wrap {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }

.storeFilterMenu {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 240px;
  padding-top: 95px;
  padding-bottom: 95px;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear; }
  @media (max-width: 1180px) {
    .storeFilterMenu {
      width: 200px;
      padding-top: 30px;
      padding-bottom: 30px; } }
  @media (max-width: 960px) {
    .storeFilterMenu {
      width: 100%;
      border-bottom: 1px solid #e5e5e5; } }
  .storeFilterMenu h2 {
    position: relative;
    font-weight: 40;
    font-size: 18px;
    color: #191919;
    letter-spacing: 1px; }
    @media (max-width: 960px) {
      .storeFilterMenu h2 {
        text-align: center; } }
    @media (min-width: 961px) {
      .storeFilterMenu h2::before {
        content: '';
        position: absolute;
        top: 50%;
        right: -7px;
        z-index: 1;
        width: 0;
        height: 0;
        margin-top: -7.5px;
        border-style: solid;
        border-width: 7.5px 0 7.5px 8px;
        border-color: transparent transparent transparent #fff;
        pointer-events: none;
        -webkit-filter: drop-shadow(2px 0 0 #e5e5e5);
        filter: drop-shadow(2px 0 0 #e5e5e5); } }
  .storeFilterMenu ul {
    width: 100%;
    margin-top: 25px;
    margin-bottom: 40px; }
    @media (max-width: 960px) {
      .storeFilterMenu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 10px -10px; }
        .storeFilterMenu ul li {
          padding-left: 10px;
          padding-right: 10px; } }
  .storeFilterMenu input {
    display: none; }
  .storeFilterMenu label {
    position: relative;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    font-size: 16px;
    color: #808080;
    letter-spacing: 1px;
    cursor: pointer; }
    .storeFilterMenu label.checked::before {
      -webkit-box-shadow: inset 0 0 0 6px #37BCB4;
      box-shadow: inset 0 0 0 6px #37BCB4; }
    .storeFilterMenu label::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 1;
      width: 12px;
      height: 12px;
      margin-top: -6px;
      -webkit-box-shadow: inset 0 0 0 1px #d2d2d2;
      box-shadow: inset 0 0 0 1px #d2d2d2; }
  .storeFilterMenu .moreBtn {
    min-width: 168px; }
    @media (max-width: 960px) {
      .storeFilterMenu .moreBtn {
        margin-left: auto;
        margin-right: auto; } }

.storeFilterResultBox {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 25px;
  padding-top: 65px;
  padding-bottom: 95px;
  padding-right: 10px; }
  @media (max-width: 1180px) {
    .storeFilterResultBox {
      padding-top: 20px;
      padding-bottom: 30px; } }
  @media (max-width: 960px) {
    .storeFilterResultBox {
      padding-left: 0;
      padding-right: 0; } }
  .storeFilterResultBox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px; }
  .storeFilterResultBox li {
    width: 50%;
    padding: 35px 10px;
    border-bottom: 1px solid #e5e5e5; }
    @media (max-width: 768px) {
      .storeFilterResultBox li {
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px; } }
  .storeFilterResultBox .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    @media (max-width: 450px) {
      .storeFilterResultBox .item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
  .storeFilterResultBox .Img {
    position: relative;
    width: 45%; }
    @media (min-width: 481px) and (max-width: 768px) {
      .storeFilterResultBox .Img {
        max-width: 200px; } }
    @media (max-width: 450px) {
      .storeFilterResultBox .Img {
        width: 100%; } }
    .storeFilterResultBox .Img img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
    .storeFilterResultBox .Img strong {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      padding: 1px 9px;
      font-size: 13px;
      font-weight: 400;
      color: #fff;
      background-color: #37BCB4;
      letter-spacing: 1px; }
  .storeFilterResultBox .Txt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 55%;
    padding-left: 20px; }
    @media (min-width: 481px) and (max-width: 960px) {
      .storeFilterResultBox .Txt {
        max-width: calc(100% - 200px); } }
    @media (max-width: 450px) {
      .storeFilterResultBox .Txt {
        max-width: 100%;
        padding-top: 20px;
        padding-left: 0; } }
  .storeFilterResultBox h3 a {
    display: block;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
    color: #191919; }
  .storeFilterResultBox p {
    max-height: 55px;
    margin-top: 15px;
    line-height: 1.8;
    color: #808080; }
  .storeFilterResultBox .btnBox {
    margin-top: auto; }
  .storeFilterResultBox .moreBtn {
    margin-top: 10px;
    margin-right: auto;
    min-width: 130px; }

.mapBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.strongholdMapBox {
  position: relative;
  line-height: 1; }
  .strongholdMapBox > img {
    display: block; }
  .strongholdMapBox [class^="map"] {
    position: absolute;
    z-index: 3;
    pointer-events: none; }
    @media (min-width: 1181px) {
      .strongholdMapBox [class^="map"].current, .strongholdMapBox [class^="map"].hover {
        -webkit-filter: drop-shadow(0 7px 20px rgba(0, 0, 0, 0.2));
        filter: drop-shadow(0 7px 20px rgba(0, 0, 0, 0.2)); }
        .strongholdMapBox [class^="map"].current img:first-child, .strongholdMapBox [class^="map"].hover img:first-child {
          opacity: 0; }
        .strongholdMapBox [class^="map"].current img:last-child, .strongholdMapBox [class^="map"].hover img:last-child {
          opacity: 1; } }
    .strongholdMapBox [class^="map"] img {
      display: block;
      max-width: 100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .strongholdMapBox [class^="map"] img:last-child {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0; }
  .strongholdMapBox area {
    outline: none; }

.mapTaipeiBox {
  top: 2.54237%;
  right: 16.99346%;
  z-index: 2 !important;
  width: 29px;
  height: 42px; }

.mapNewTaipeiBox {
  top: 0;
  right: 0;
  width: 110px;
  height: 104px; }

.mapTaoyuanBox {
  top: 30px;
  left: 143px;
  width: 83px;
  height: 90px; }

.mapTaichungBox {
  top: 146px;
  left: 67px;
  width: 154px;
  height: 78px; }

.mapHualienBox {
  top: 160px;
  right: 32px;
  width: 124px;
  height: 220px; }

.mapKaohsiungBox {
  bottom: 99px;
  left: 18px;
  width: 142px;
  height: 173px; }

.mapPingtungBox {
  left: 60px;
  bottom: 0;
  width: 78px;
  height: 169px; }

.tagList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 18px 10px; }
  .tagList li {
    padding: 0 5px 10px; }
  .tagList a {
    display: block;
    min-width: 85px;
    padding: 5px;
    font-size: 13px;
    color: #adadad;
    text-align: center;
    border: 1px solid currentColor;
    letter-spacing: 1px; }
    @media (min-width: 1181px) {
      .tagList a:hover {
        color: #37BCB4; } }
    .tagList a.current {
      color: #fff;
      border-color: #37BCB4;
      background-color: #37BCB4; }
      .tagList a.current::before {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 5px;
        background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
        background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff);
        background-image: -o-linear-gradient(left, #fff, #fff), -o-linear-gradient(left, #fff, #fff);
        background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, #fff, #fff);
        background-size: 8px 2px, 2px 8px;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }

.sideRelatedBox {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e5e5e5; }
  @media (max-width: 1180px) {
    .sideRelatedBox {
      padding-top: 0; } }
  .sideRelatedBox.show .sectionTitle {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }

.sideRelatedList {
  margin-left: -15px;
  margin-right: -15px; }
  .sideRelatedList .item {
    padding-left: 15px;
    padding-right: 15px; }
  .sideRelatedList img {
    display: block;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .sideRelatedList .Txt {
    padding-top: 20px; }
  .sideRelatedList .classTitle {
    margin-right: 5px;
    padding: 3px 5px;
    font-size: 12px;
    color: #fff;
    letter-spacing: 1px;
    background-color: #37BCB4; }
  .sideRelatedList .dateBox {
    color: #111;
    font-size: 13px; }
  .sideRelatedList h3 a {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #191919;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }

.relatedInfoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.privacyBox {
  position: fixed;
  left: 0;
  z-index: 99;
  display: none;
  background-color: rgba(0, 0, 0, 0.8); }
  @media (min-width: 1181px) {
    .privacyBox {
      top: calc(50% - 50px);
      width: 450px;
      height: 350px;
      padding: 60px 40px 60px 60px; } }
  @media (max-width: 1180px) {
    .privacyBox {
      bottom: 45px;
      width: 100%;
      padding: 50px 20px 30px 30px; } }
  @media (max-width: 360px) {
    .privacyBox {
      padding: 40px 10px 20px 20px; } }
  .privacyBox.close {
    display: none; }
  .privacyBox .textEditor {
    height: 100%;
    padding-right: 20px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    letter-spacing: .5px;
    overflow-y: auto; }
    .privacyBox .textEditor a {
      color: #ecb157; }
    .privacyBox .textEditor > a {
      text-decoration: underline; }
      .privacyBox .textEditor > a:hover {
        text-decoration: none; }
    .privacyBox .textEditor .privacyCloseBtn {
      display: block;
      margin-top: 25px;
      width: 200px;
      height: 40px;
      line-height: 40px;
      color: #fff;
      text-align: center;
      background-color: #37BCB4; }
      .privacyBox .textEditor .privacyCloseBtn:hover {
        color: #37BCB4;
        background-color: #e5e5e5; }
    .privacyBox .textEditor::-webkit-scrollbar {
      -webkit-appearance: none; }
    .privacyBox .textEditor::-webkit-scrollbar:vertical {
      width: 8px; }
    .privacyBox .textEditor::-webkit-scrollbar:horizontal {
      height: 10px; }
    .privacyBox .textEditor::-webkit-scrollbar-thumb {
      background-color: #37BCB4;
      border-radius: 6px;
      border: 2px solid #eaeaea; }
    .privacyBox .textEditor::-webkit-scrollbar-track {
      border-radius: 6px;
      background-color: #eaeaea; }
  .privacyBox .closeBtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    cursor: pointer; }
    @media (max-width: 400px) {
      .privacyBox .closeBtn {
        top: 15px;
        right: 10px; } }
    .privacyBox .closeBtn::before, .privacyBox .closeBtn::after {
      content: '';
      position: absolute;
      top: calc(50% - 1px);
      left: calc(50% - 10px);
      width: 20px;
      height: 2px;
      background-color: #fff; }
    .privacyBox .closeBtn::before {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .privacyBox .closeBtn::after {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.fixedLinkBox {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 50px;
  border-top: 3px solid #37BCB4;
  border-bottom: 0px solid #999;
  background-color: #fff;
  transition: all 0.4s ease; }
  .fixedLinkBox.hide {
    bottom: -50px;
}
  @media (min-width: 1181px) {
    .fixedLinkBox {
      display: none; } }
  @media (min-width: 481px) {
    .fixedLinkBox {
      padding-left: 20px;
      padding-right: 20px; } }
  .fixedLinkBox a {
    position: relative;
    width: 20%;
    padding: 8px 3px 0;
    text-align: center;
    font-size: 13px;
    color: #464646; }
    .fixedLinkBox a + a::before {
      content: '';
      position: absolute;
      top: calc(50% - 6px);
      left: 0;
      width: 1px;
      height: 12px;
      border-left: 1px solid #aaa; }

.popWin .moduleContent {
  position: relative;
  background-color: #fff; }

.popWin .moduleClose {
  background-color: #000;
  height: 70px;
  padding-top: 0; }
  .popWin .moduleClose::after {
    display: none; }

.popWin .textEditor iframe {
  display: block; }
  @media (min-width: 1181px) {
    .popWin .textEditor iframe {
      width: 60vw !important; } }
  @media (max-width: 1180px) {
    .popWin .textEditor iframe {
      width: 80vw !important; } }

.popWin .textEditor img {
display: block;
}

#searchBox .moduleContent {
  position: relative;
  width: 100%;
  max-width: 660px;
  padding: 85px 75px 135px;
  background: #fff; 
  margin: 100px auto;
}

  @media (max-width: 560px) {
    #searchBox .moduleContent {
      padding: 60px 30px; } }

.searchTitleBox {
  padding-bottom: 35px;
  text-align: center; }
  .searchTitleBox .titleMark {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 3px;
    text-indent: -3px;
    color: #000; }
  .searchTitleBox .titleEn {
    color: #7f7f7f;
    font-size: 14px;
    font-family: "Cardo", "Noto Serif TC", serif; }

.searchInputBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 480px) {
    .searchInputBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  .searchInputBox input {
    font-family: "Noto Sans TC", sans-serif;
    border: 1px solid;
    border-color: transparent transparent #e5e5e5 transparent;
    background-color: transparent; }
    @media (min-width: 481px) {
      .searchInputBox input {
        width: calc(100% - 180px); } }
    @media (max-width: 480px) {
      .searchInputBox input {
        width: 100%; } }
  .searchInputBox button {
    width: 180px;
    padding-top: 11px;
    padding-bottom: 11px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: "Noto Sans TC", sans-serif;
    background-color: #37BCB4; }
    @media (max-width: 480px) {
      .searchInputBox button {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto; } }

@media (min-width: 1181px) {
  .hImgMS:hover .Img::before {
    background-color: rgba(255, 255, 255, 0.4); }
  .hImgMS:hover .Img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05); } }

.hImgMS .Img {
  position: relative;
  overflow: hidden; }
  .hImgMS .Img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    pointer-events: none; }

/*頁碼*/
.pageBox {
  padding: 10px;
  margin-top: 20px; }
  @media (min-width: 641px) {
    .pageBox {
      text-align: right; } }
  @media (max-width: 640px) {
    .pageBox {
      text-align: center; } }
  .pageBox a {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 5px 0;
    font-size: 13px;
    font-family: "Noto Sans TC", sans-serif;
    text-align: center;
    color: #808080; }
  .pageBox .page {
    border-bottom: 1px solid transparent; }
    .pageBox .page.current {
      color: #37BCB4;
      border-bottom-color: #37BCB4; }
    .pageBox .page:hover {
      color: #37BCB4; }
  .pageBox .firstPage,
  .pageBox .prevPage,
  .pageBox .nextPage,
  .pageBox .lastPage {
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    font-family: "Cardo", "Noto Serif TC", serif;
    color: #eadacb;
    letter-spacing: -1px;
    background-color: #837a72; }
    .pageBox .firstPage:hover,
    .pageBox .prevPage:hover,
    .pageBox .nextPage:hover,
    .pageBox .lastPage:hover {
      background-color: #37BCB4; }

.thumbbnailImg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover; }

.facShortList .thumbbnailImg, .facItemShortList .thumbbnailImg {
  opacity: 1; }


  
.footerMapBox {
  position: relative;
  width: 270px;
  height: 350px;
  margin: 0 auto;
}
  @media (max-width: 1180px) {
    .footerMapBox {
      display: none; } }
  .footerMapBox::before {
    content: '';
    position: absolute;
    top: 25px;
    left: 15px;
    width: 193px;
    height: 316px;
    background: url(../images/footer_map.png) no-repeat top left; }
  .footerMapBox .point {
    position: absolute;
    z-index: 1; }
    .footerMapBox .point a {
      display: block;
      width: 10px;
      height: 10px;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.2;
      color: #8e6a33; }
      .footerMapBox .point a::before {
        content: '';
        position: absolute;
        top: calc(50% - 3px);
        left: calc(50% - 3px);
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #37BCB4; }
      .footerMapBox .point a span {
        position: absolute;
        display: block;
        width: 90px; }
    .footerMapBox .point.current a, .footerMapBox .point:hover a {
      color: #f9be00; }
      .footerMapBox .point.current a::before, .footerMapBox .point:hover a::before {
        background-color: #37BCB4; }
    .footerMapBox .point._fw {
      top: 25px;
      left: 150px; }
      .footerMapBox .point._fw span {
        bottom: calc(100% + 3px);
        left: calc(50% - 30px);
        text-align: center; }
    .footerMapBox .point._ym {
      top: 114px;
      left: 70px; }
      .footerMapBox .point._ym span {
        top: 50%;
        left: calc(100% + 5px);
        width: 100px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
      .footerMapBox .point._ym.current a,
      .footerMapBox .point._ym:hover a {
        color: #fff; }
    .footerMapBox .point._ym2 {
      top: 123px;
      left: 64px; }
      .footerMapBox .point._ym2 span {
        top: 50%;
        left: calc(100% + 5px); }
      .footerMapBox .point._ym2 span b {
        display: block;
        font-weight:400; }
      .footerMapBox .point._ym.current + .point._ym2 a,
      .footerMapBox .point._ym2.current a,
      .footerMapBox .point._ym2:hover a {
        color: #fff; }
    .footerMapBox .point._kd {
      top: 322px;
      left: 98px; }
      .footerMapBox .point._kd span {
        top: 50%;
        left: calc(100% + 5px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .footerMapBox .point._hl {
      top: 145px;
      left: 162px; }
      .footerMapBox .point._hl span {
        top: calc(100% - 5px);
        left: calc(100% + 10px); }
    .footerMapBox .point._fl {
      top: 43px;
      left: 193px; }
      .footerMapBox .point._fl span {
        top: 50%;
        left: calc(100% + 5px);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .footerMapBox .point._tp {
      top: 37px;
      left: 161px; }
      .footerMapBox .point._tp span {
        top: calc(100% - 1px);
        left: calc(50% - 45px);
        text-align: center; }
      .footerMapBox .point._tp.current a,
      .footerMapBox .point._tp:hover a {
        color: #fff; }
    .footerMapBox .point._sk {
      top: 59px;
      left: 165px; }
      .footerMapBox .point._sk span {
        top: calc(100% - 1px);
        right: -16px;
        text-align: right; }
      .footerMapBox .point._sk.current a,
      .footerMapBox .point._sk:hover a {
        color: #fff; }
    .footerMapBox .point._lk {
      top: 42px;
      left: 122px; }
      .footerMapBox .point._lk span {
        bottom: calc(100% - 12px);
        right: calc(100% + 10px);
        text-align: right; }
    .footerMapBox .point._a8 {
      top: 38px;
      left: 130px; }
      .footerMapBox .point._a8 span {
        bottom: calc(100% + 1px);
        right: calc(100% - 5px);
        width: 105px;
        text-align: right; }
    .footerMapBox .point._ty {
      top: 45px;
      left: 113px; }
      .footerMapBox .point._ty span {
        top: calc(100% - 2px);
        right: calc(100% + 15px);
        text-align: right; }
    .footerMapBox .point._jl {
      top: 50px;
      left: 107px; }
      .footerMapBox .point._jl span {
        top: calc(100% + 8px);
        right: calc(100% + 25px);
        text-align: right; }
    .footerMapBox .point._kh {
      top: 269px;
      left: 43px; }
      .footerMapBox .point._kh span {
        top: 50%;
        right: calc(100% + 12px);
        text-align: right;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .footerMapBox .point._amazinn_kd {
      top: 319px;
      left: 91px; }
      .footerMapBox .point._amazinn_kd span {
        top: 50%;
        right: calc(100% + 5px);
        text-align: right;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .footerMapBox .point._sy {
      top: 77px;
      left: 156px; }
      .footerMapBox .point._sy span {
        top: 12px;
        left: calc(50% - 45px);
        text-align: center; }
    .footerMapBox .point._fl2 {
      top: 36px;
      left: 184px; }
      .footerMapBox .point._fl2 span {
        bottom: calc(100% - 2px);
        left: calc(100% - 5px); }



.lang{border-right: 1px solid #e5e5e5;display: flex;align-items: center;padding: 0 15px;position: relative;}
.lang dd a{background: #fff;color: #d47c2a;}
.lang span,.lang a{cursor: pointer; margin: 0 auto; width: 30px;height: 30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;background: #d47c2a;}
.lang dl{position: absolute;left: 0;top: 60px;width: 100%;display: none;}
.lang dl dd{margin-top: 0.5rem;}
.lang dd a.active{color: #fff;background: #d47c2a;}
@media (max-width: 768px){
	.lang dl{top: 30px;}
}
@media (max-width: 767px){
	.lang dl{top: 45px;}
	.searchOpenBtn{width: 50px;}
}