@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');

  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  html, body {
    position: relative;
    height: 100%;
    background: #FFF;
    font-family: 'Lato', 'Noto Sans TC', sans-serif;
    font-weight: normal;
  }
  h1, h2, h3, h4, h5, h6, p, hr {
    margin: 0;
  }
  a:hover {
    color: #4F4F4F;
    text-decoration: none
  }
  button:focus {
    outline: 0;
  }
  .btn.focus, .btn:focus {
    box-shadow: none
  }
  main {
    background: url(../img/bottom-bg.png) repeat-x center bottom;
    background-color: #FCFCFC;
  }
  .promopage {background-color:#FCFCFC;font-family: 'Noto Sans TC', sans-serif;}
  .promopage a {color: #000;cursor: pointer;}

  .promopage .hero-image { background:#ffba00; margin-bottom:15px;}
  .promopage .hero-image img {max-width:1440px; width:100%;}

  .promopage .backhome { color: #333; font-size:14px; }
  .promopage .backhome .backhome-txt { position: relative; top: 2px; }
  .promopage .nav-tabs {border-bottom:1px solid #016217; margin-top:25px;}
  .promopage .nav-tabs li {width: 50%}
  .promopage .nav-tabs .nav-link {margin-bottom:-2px;font-size:20px; font-weight: bold;color:#016217;}
  .promopage .nav-tabs .nav-item.show .nav-link, .promopage .nav-tabs .nav-link.active {
    background:#016217;
    border-radius:10px 10px 0 0 !important;
    border:none;
    color:#fff;
  }

  .promopage .nav-tabs .nav-link:focus, .promopage .nav-tabs .nav-link:hover {
    border-color:transparent;
    cursor: pointer;
  }

  .promopage .tab-pane {
    margin-top:25px;
    padding-bottom:25vh;
  }

  .promopage .tab-pane .content-wrapper, .promopage .tnc-wrapper {
    background:#fff;
    padding:25px 50px;
  }

  .promopage .tab-pane .content-wrapper h2{
    font-size:20px;
    color:#000;
    line-height:1.6;
    font-weight:normal;
    margin-bottom:30px;
  }


  .promopage .content-wrapper .discount-box{
    border:1px solid #016217;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom:30px;
    margin-left: 15px;
  }


  .promopage .content-wrapper .discount-box .title{
    color:#fff;
    font-weight:bold;
    background:#016217;
    text-align: center;
    padding:5px 10px;
    font-size:20px;
  }

  .promopage .content-wrapper .discount-box .content{
    padding:15px;
  } 

  .promopage .content-wrapper .discount-box h4 {
    font-size: 22px;
    color:#016217;
    font-weight:bold;
  }

  .promopage .content-wrapper .discount-box hr {
    width:85%;
    margin:12px auto;
    border-color:#016217;
  }

  .promopage .content-wrapper .discount-box p {
     font-size: 16px;
  }


  .promopage .content-wrapper p span {
    font-size:20px;
    font-weight:bold;
    display: inline-block;
    color:#EB005D;
  }

  .promopage .content-wrapper .code{
    color:#000;
    font-weight: 500;
    font-size:20px;
    background:#fae359;
    padding:2px 5px;
    border-radius:5px;
    margin:0 2px;
  }

  .promopage .discount-content {
    position:relative;
    margin-bottom: 30px;
    -webkit-box-shadow: 0px 3px 10px 0px rgb(62 62 60 / 15%);
    -moz-box-shadow: 0px 3px 10px 0px rgba(62, 62, 62, 0.15);
    box-shadow: 0px 3px 10px 0px rgb(62 62 62 / 15%);
    transition: all .3s;
    cursor:pointer;
  }

  .promopage .discount-content:hover {
    -webkit-box-shadow: 0px 6px 15px 0px rgba(62, 62, 60, 0.);
    -moz-box-shadow: 0px 6px 15px 0px rgba(62, 62, 62, 0.15);
    box-shadow: 0px 6px 15px 0px rgba(62, 62, 62, 0.15);
  }

  .promopage  .discount-content > .img-wrapper {
    height: 160px;
    width:100% !important;
    overflow: hidden;
  }

  .promopage .discount-content > .img-wrapper img {
    height: 100%;
    object-fit: cover;
  }

  .promopage .discount-content .discount-details {
    font-family: 'Noto Sans TC', sans-serif;
    background: #fff;
    padding: 10px;
    color: #3E3E3E;
    font-weight: 500;
    padding:10px 15px;
    min-height:190px;
    overflow: auto;
    width: auto !important;
    margin: 0!important
  }
  .promopage .discount-content .title {
    font-size:22px;
    font-weight:bold;
  }
  .promopage .discount-content .subtitle {
    font-size:18px;
    margin-bottom:8px;
    font-weight:bold;
  }
  .promopage .discount-content .check-in {
    font-size: 16px;
    font-weight:400;
  }
  .promopage .discount-content .top {
    min-height:115px;
  }

  .promopage .discount-content .check-in:before {
      content:'';
      background:url(../img/icon-calendar.png) no-repeat center/contain;
      width:16px;
      height:16px;
      display: inline-block;
      margin-right:8px;
      vertical-align: -2px;
  }

  .promopage .discount-content .price{
    position: relative;
    font-size:15px;
    color:#3e3e3e;
    font-weight: 500;
    text-align: left;
  }
  .promopage .discount-content .price .red{
    font-size:20px;
    font-weight:bold;
    color:#EB015D;
    display: inline-block;
    padding-left: 5px;
  }
  .promopage .discount-content .up {
    font-size:15px;
  }
  .promopage .discount-content .price .ori {
    font-size:13px;
    color:#666;
    text-decoration: line-through;
    padding-left:10px;
  }

  .promopage .discount-content:after {
      content:'';
      background:url(../img/search.png) no-repeat center/contain;
      width:22px;
      height:22px;
      display:block;
      position:absolute;
      right:15px;
      bottom:10px;
  }

  .promopage .tnc-wrapper {
    background:#fff;
    padding:25px 50px;
    font-size:16px;
    color:#3E3E3E;
  }

  .promopage .tnc-wrapper ol{
    margin-left:-15px;
  }

  .promopage .remarks {
    font-size:12px;
    display: block;
  }

  .promopage .backtop {
    color:#333;
    margin-top: 10px;
    display: block;
    font-size:14px;
  }


  /* Responsive */
  @media screen and (min-width:576px){
    .promopage .content-wrapper .discount-row{
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      margin-right: 0px;
      margin-left: 0px;
    }
  }

  @media screen and (max-width:1199px) {
  }

  @media screen and (max-width:991px) {
    .promopage .tab-pane .content-wrapper h2 br {
      display: none
    }
    .promopage .tab-pane .content-wrapper, .promopage .tnc-wrapper {
      padding:25px 15px;
    }
  }

  @media screen and (max-width:767px) {
    .promopage .container {
      max-width:720px;
    }
    .promopage .nav-tabs .nav-link {
      font-size:16px;
    }
    .promopage .content-wrapper .discount-row{
      display: block !important
    }

  }

  @media screen and (max-width:375px) {
    .promopage .content-wrapper .discount-box .content {
      padding:15px 5px;
    }
  }


  /* EN */
  .EN .promopage .discount-content .title {
    font-size:18px;
  }
  .EN .promopage .discount-content .subtitle {
    font-size:16px;
  }

 @media screen and (max-width:375px) {
  .EN .promopage .nav-tabs .nav-link {
        font-size: 15px;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center
  }
}