@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");
    @import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700");
    @import url("https://fonts.googleapis.com/earlyaccess/cwtexyen.css");
    @import url("https://fonts.googleapis.com/css?family=Noto+Sans+TC&display=swap");
    
    body {
      color: #797979;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 400;
      line-height: 1.625;
      overflow-x: hidden;
    }
    
    ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    
    a:hover {
      text-decoration: none;
    }
    
    button {
      cursor: pointer;
    }
    
    button:focus {
      outline: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    
    /* h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: "Josefin Sans", sans-serif;
      color: #3a414e;
      line-height: 1.2;
    } */
    
    h1,
    .h1 {
      font-size: 50px;
      font-weight: 700;
    }
    
    h2,
    .h2 {
      font-size: 30px;
      font-weight: 600;
    }
    
    @media (min-width: 800px) {
      h2,
      .h2 {
        font-size: 40px;
      }
    }
    
    @media (min-width: 1000px) {
      h2,
      .h2 {
        font-size: 50px;
      }
    }
    
    a {
      display: inline-block;
    }
    
    .dropdown:hover > .dropdown-menu {
      display: block;
      top: 96%;
    }
    
    .owl-carousel .owl-stage {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
    
    .header_area {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 99;
      -webkit-transition: background 0.4s, all 0.3s linear;
      transition: background 0.4s, all 0.3s linear;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
    }
    
    .header_area .main_menu .main_box {
      background: #fff;
      margin: 0px auto 0;
      -webkit-box-shadow: 0px 10px 20px 0px rgba(58, 65, 78, 0.1);
              box-shadow: 0px 10px 20px 0px rgba(58, 65, 78, 0.1);
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
    }
    
    .header_area .navbar {
      background: #fff;
      padding: 10px 0px;
      border: 0px;
      border-radius: 0px;
      /* height: 60px; */
    }
    
    @media (min-width: 1024px) {
      .header_area .navbar {
        padding: 0;
        height: 80px;
      }
    }
    
    @media (max-width: 991px) {
      .header_area .navbar .navbar-collapse ul{
        margin-top: 30px;
      }
      .header_area .navbar .navbar-collapse .nav-item {
        padding: 10px;
      }
    }
    
    .header_area .navbar .navbar-toggler .icon-bar {
      color: #000;
      height: 2px;
      width: 20px;
      content: "";
      background: #000;
      display: block;
      margin: 5px;
    }
    
    .header_area .navbar .nav .nav-item {
      margin-right: 50px;
    }
    
    .header_area .navbar .nav .nav-item .dropdown-item {
      /* font-family: "Josefin Sans", sans-serif; */
    }
    
    .header_area .navbar .nav .nav-item .dropdown-item.active {
      background: #99513a;
    }
    
    .header_area .navbar .nav .nav-item .nav-link {
      /* font-family: "Josefin Sans", sans-serif; */
      text-transform: capitalize;
      padding: 0px;
      display: inline-block;
      font-size: 14px;
      color: #3a414e;
    }
    @media (min-width: 1200px) {
        .header_area .navbar .nav .nav-item .nav-link {
          font-size: 16px;
        }
      }
    
    @media (min-width: 991px) {
      .header_area .navbar .nav .nav-item .nav-link {
        padding: 26px 0;
      }
    }
    
    .header_area .navbar .nav .nav-item .nav-link:after {
      display: none;
    }
    
    .header_area .navbar .nav .nav-item:hover .nav-link, .header_area .navbar .nav .nav-item.active .nav-link {
      color: #99513a;
    }
    
    .header_area .navbar .nav .nav-item.submenu {
      position: relative;
    }
    
    .header_area .navbar .nav .nav-item.submenu ul {
      border: none;
      padding: 0px;
      border-radius: 0px;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin: 0px;
      background: #fff;
    }
    
    @media (min-width: 992px) {
      .header_area .navbar .nav .nav-item.submenu ul {
        position: absolute;
        top: 100%;
        left: 0px;
        min-width: 200px;
        text-align: left;
        opacity: 0;
        -webkit-transition: visibility 0.5s ease;
        transition: visibility 0.5s ease;
        visibility: hidden;
        display: block;
      }
    }
    
    .header_area .navbar .nav .nav-item.submenu ul:before {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 10px 10px 0 10px;
      border-color: #eeeeee transparent transparent transparent;
      position: absolute;
      right: 24px;
      top: 45px;
      z-index: 3;
      opacity: 0;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
    }
    
    .header_area .navbar .nav .nav-item.submenu ul .nav-item {
      display: block;
      float: none;
      margin-right: 0px;
      border-bottom: 1px solid #ededed;
      margin-left: 0px;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
    }
    
    .header_area .navbar .nav .nav-item.submenu ul .nav-item.active {
      background: #99513a;
    }
    
    .header_area .navbar .nav .nav-item.submenu ul .nav-item.active .nav-link {
      color: #fff;
    }
    
    .header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
      line-height: 45px;
      padding: 0px 30px;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      display: block;
      margin-right: 0px;
    }
    
    .header_area .navbar .nav .nav-item.submenu ul .nav-item:last-child {
      border-bottom: none;
    }
    
    .header_area .navbar .nav .nav-item.submenu ul .nav-item:hover .nav-link {
      background: #99513a;
      color: #fff;
    }
    
    @media (min-width: 992px) {
      .header_area .navbar .nav .nav-item.submenu:hover ul {
        visibility: visible;
        opacity: 1;
      }
    }
    
    .header_area .navbar .nav .nav-item.submenu:hover ul .nav-item {
      margin-top: 0px;
    }
    
    .header_area .navbar .nav .nav-item:last-child {
      margin-right: 0px;
    }
    
    @media (min-width: 991px) {
      .header_area .navbar .nav.navbar-nav.navbar-right {
        display: -webkit-inline-box;
      }
    }
    
    .header_area .navbar .nav.navbar-nav.navbar-right li {
      margin-left: 25px;
      margin-right: 0px;
    }
    
    @media (max-width: 991px) {
      .header_area .navbar .nav.navbar-nav.navbar-right li {
        margin-left: 0px;
      }
    }
    
    .header_area .navbar .nav.navbar-nav.navbar-right li:first-child {
      margin-left: 35px;
    }
    
    @media (max-width: 991px) {
      .header_area .navbar .nav.navbar-nav.navbar-right li:first-child {
        display: none;
      }
    }
    
    .header_area .navbar .nav.navbar-nav.navbar-right li span {
      color: #3a414e;
      line-height: 80px;
      font-weight: 500;
    }
    
    .header_area .navbar .nav.navbar-nav.navbar-right .search {
      background: transparent;
      border: 0;
      cursor: pointer;
      padding: 0;
    }
    
    @media (max-width: 575px) {
      .navbar-expand-lg > .container,
      .navbar-expand-lg > .container-fluid {
        padding: 0px 15px;
      }
    }
    
    .header_area {
      z-index: 9999 !important;
    }

    .card-feature {
      border-color: transparent;
      border-radius: 0;
      padding: 35px 16px 35px 16px;
      background: #f7f7f7;
      -webkit-transition: all .4s ease;
      transition: all .4s ease;
      border-radius: 10px;
    }
    
    .card-feature.border-style {
      position: relative;
    }
    
    .card-feature.border-style::after {
      /* content: ""; */
      display: block;
      width: 100%;
      height: 100%;
      background: transparent;
      border: 10px solid #F7F7F7;
      position: absolute;
      top: -20px;
      left: 20px;
      z-index: -1;
    }
    
    
    /* TCSH客製 */
    .TCSH-body{
        /* font-family: 'cwTeXYen', 'Josefin Sans', Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei"; */
        font-family: 'Noto Sans TC', 'Josefin Sans', Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei";
        padding-top: 57px;
        background-image: url(../img/bg.jpg);
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'cwTeXYen', 'Josefin Sans', Arial, sans-serif, "微軟正黑體", "Microsoft JhengHei" !important;
        font-weight: bold;
    }
    .TCSH-body .text-yellow{
        color: #FFC61A;
    }
    .TCSH-body .text-white{
        color: #fff;
    }
    .TCSH-body .text-green{
        color: #00759B;
    }
    
    @media (min-width: 1024px) {
        .TCSH-body{
            padding-top: 80px;
        }
    }
    .TCSH-body img{
        display: block;
        width: 100%;
    }
    .TCSH-section{
        padding: 50px 0;
    }
    .TCSH-section-bg{
        background-color: #00759B;
    }
    .sticky-header{
        position: fixed;
        top: 0;
        left: 0;
    }
    .logo_h{
        width: 210px;
    }
    .logo_h img{
        width: 100%;
    }
    .banner{
        width: 100%;
    }
    img.size_d{
        display: none;
    }
    @media (min-width: 768px) {
        img.size_m{
            display: none;
        }
        img.size_d{
            display: block;
        }
    }
    .TCSH-title-box-style{
        border: 2px solid #FFC61A;
        background-color: #1C4B6D;
        padding: 10px;
    }
    .TCSH-title-box-style h3{
        font-weight: bold;
        font-size: 20px;
        color: #FFC61A;
        text-align: center;
        line-height: 1.6;
        margin-top: 10px;
    }
    .TCSH-title-box-style h4{
        font-weight: bold;
        font-size: 14px;
        color: #fff;
        text-align: center;
        line-height: 1.6;
        margin-top: 10px;
    }
    .TCSH-img{
        image-rendering: -webkit-optimize-contrast;
    }
    .TCSH-intro_wrap{
        margin-top: 50px;
    }
    @media (min-width: 768px) {
        .TCSH-intro_wrap{
            margin-top: 80px;
        }
    }
    .TCSH-intro_wrap img{
        max-width: 1000px;
        margin: 0 auto;
    }
    .TCSH-card .card-img{
        width: 400px;
        max-width: 100%;
        /* height: 252px; */
        overflow: hidden;
        border-radius: 10px;
        /* border: 1px solid #fff; */
        margin: 0 auto;
        margin-top: 20px;
    }
    .TCSH-card .card-img img{
        width: 100%;
    }
    .TCSH-card .card-title{
        padding: 30px 0;
        text-align: center;
    }
    .TCSH-card .card-title h3{
        font-weight: bold;
        letter-spacing: 8px;
        text-indent: 6px;
        font-size: 28px;
    }
    .TCSH-card .card-title h4{
        font-weight: bold;
        font-size: 16px;
        letter-spacing: 3px;
        text-indent: 8px;
    }
    .TCSH-card .card-intro{
        /* padding: 10px; */
        position: relative;
        background-color: #00759B;
        z-index: 1;
        margin-top: 30px;
    }
    .TCSH-card .card-intro::before{
        position: absolute;
        content: '';
        display: block;
        border: 3px solid #FFC61A;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        transform: rotate(-7deg);
        z-index: -1;
    }
    .TCSH-card .card-intro .card-intro-title{
        background-color: #00759B;
        padding: 20px 10px;
    }
    .TCSH-card .card-intro .card-intro-title .card-intro-title-wrap{
        max-width: 300px;
        margin: 0 auto;
    }
    .TCSH-card .card-intro .card-intro-title .card-intro-title-wrap p{
        font-size: 14px;
        padding: 10px;
        margin: 0;
    }
    .TCSH-card .card-intro .card-intro-title h3{
        font-weight: bold;
        font-size: 20px;
        text-indent: 8px;
        letter-spacing: 3px;
        margin: 0;
    }
    .TCSH-card .card-intro .card-intro-title h3:last-child{
        text-align: right;
    }
    .TCSH-card .card-intro .card-intro-content{
        background-color: #00759B;
        text-align: center;
        letter-spacing: 3px;
        padding: 0 10px 15px 10px;
    }
    .TCSH-card .card-intro .card-intro-content p{
        color: #fff;
        margin-bottom: 5px;
    }
    .TCSH-card .card-intro .card-intro-content p i{
        display: inline-block;
        width: 16px;
        height: 20px;
        background-image: url(../img/icon_1.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        margin-right: 10px;
        vertical-align: top;
    }
    .TCSH-card .card-intro .card-intro-content p:nth-child(even) i{
        background-image: url(../img/icon_2.png);
    }
    .TCSH-card .card-intro-price{
        text-align: right;
    }
    .TCSH-card .card-intro-price p{
        margin: 0;
    }
    .TCSH-card .card-intro-price p span{
        text-decoration: line-through;
    }
    .TCSH-card .card-intro-price h3{
        font-size: 28px;
        font-weight: bold;
    }
    .TCSH-card .card-intro-price h3 span{
        font-size: 60px;
        font-weight: bold;
        margin-right: 5px;
    }
    .TCSH-card .container{
        position: relative;
    }
    .TCSH-card .bear-card{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 80px;
        z-index: 1;
    }
    @media (min-width: 520px) {
        .TCSH-card .bear-card{
            width: 110px;
        } 
    }
    @media (min-width: 768px) {
        .TCSH-card .bear-card{
            bottom: 0;
            left: 0px;
            width: 150px;
        } 
    }
    @media (min-width: 1024px) {
        .TCSH-card .bear-card{
            bottom: 20px;
            left: 46%;
            width: 120px;
        } 
    }
    .TCSH-sale{
        position: relative;
    }
    .TCSH-sale .bear-sale{
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100px;
    }
    @media (min-width: 440px) {
        .TCSH-sale .bear-sale{
            right: 15px;
            width: 150px;
        } 
    }
    @media (min-width: 992px) {
        .TCSH-sale .bear-sale{
            bottom: -20px;
            width: 200px;
        } 
    }
    @media (min-width: 1200px) {
        .TCSH-sale .bear-sale{
            bottom: -40px;
            right: 8%;
            width: 300px;
        } 
    }
    .TCSH-sale .sale-box{
        /* margin-bottom: 50px; */
        overflow: hidden;
    }
    .arrow-title.TCSH-img{
        width: auto;
        transform: scale(0.6);
        transform-origin: center left;
        margin: 0;
    }
    .TCSH-sale h2{
        color: #1C4B6D;
    }
    .TCSH-sale h2 span{
        display: inline-block;
        background-image: url(../img/title_bg.png);
        background-repeat: no-repeat;
        background-size: 68px;
        height: 72px;
        width: 68px;
        text-align: right;
        vertical-align: bottom;
        line-height: 96px;
        font-size: 50px;
        color: #fff;
    }
    @media (min-width: 768px) {
        .TCSH-sale h2 span{
            background-size: 74px;
            line-height: 96px;
            font-size: 52px;
            height: 76px;
            width: 74px;
        } 
    }
    .TCSH-sale .TCSH-sale-title .sale-channel-wrap{
        margin: 50px 0;
    }
    .TCSH-sale .TCSH-sale-title .sale-channel-wrap >img{
        display: block;
        margin: 0 auto;
        margin-bottom: 10px;
        width: 240px;
    }
    .TCSH-sale .TCSH-sale-title .sale-channel-wrap >h5{
        text-align: center;
        color: #797979;
        font-size: 14px;
        font-weight: 800;
    }
    .TCSH-sale .TCSH-sale-title .sale-channel-wrap >a{
       display: block;
       text-align: center;
       margin: 0 auto;
       color: #fff;
       /* background-color: #99513a; */
       border: 1px solid #FFC61A;
       color: #00759B;
       background-color: #fff;
       height: 50px;
       line-height: 50px;
       font-size: 16px;
       margin-top: 30px;
       transition: .3s;
       max-width: 300px;
    }
    .TCSH-sale .TCSH-sale-title .sale-channel-wrap >a:hover{
        color: #fff;
        background-color: #FFC61A;
    }
    .TCSH-sale .sale-box.sale-tour{
        padding-top: 50px;
    }

    .TCSH-sale .sale-tour .sale-tour-wrap{
        background-color: #fff;
        border: 1px solid #E9473F;
        margin-bottom: 50px;
        box-shadow: 6px 6px 6px 0px rgba(0,0,0,.15);
        color: #E9473F;
        transition: .3s;
    }
    .TCSH-sale .sale-tour .sale-tour-wrap:hover{
        box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
    }
    .TCSH-sale .sale-tour .sale-tour-wrap .sale-tour-title{
       padding-top: 10px;
    }
    .TCSH-sale .sale-tour .sale-tour-wrap .sale-tour-title p{
        text-align: center;
        margin: 0;
    }
    .arrow-title.TCSH-img {
        margin-bottom: 20px;
    }
    @media (min-width: 768px) {
        .TCSH-title-box-style {
            max-width: 600px;
            margin: 0 auto;
        }
        .TCSH-title-box-style h3{
            font-size: 24px;
        }
        .TCSH-title-box-style h4{
            font-size: 16px;
        }
        /* .TCSH-section{
            overflow: hidden;
        } */
        .TCSH-section .col-lg-4{
            float: left;
            padding: 0 30px;
        }
        .TCSH-section .col-md-6{
            float: left;
            padding: 0 30px;
        }
        .TCSH-section .col-lg-6{
            float: left;
            padding: 0 30px;
        }
        .TCSH-section .col-lg-6.TCSH-card-img{
            /* margin-top: 80px; */
            padding-right: 50px;
        }
        .TCSH-card .card-intro{
            max-width: 600px;
            margin: 0 auto;
            margin-top: 95px;
        }
        .TCSH-card .card-title {
            padding-bottom: 0;
        }
        .TCSH-card .card-title h3 {
            font-size: 36px;
        }
        .TCSH-card .card-intro-price h3 span {
            font-size: 60px;
        }
    }

    .TCSH-five .five-title-wrap{
        margin-bottom: 50px;
    }
    .TCSH-five .five-title-wrap img{
        max-width: 300px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .TCSH-five .five-title-wrap h3{
        color: #fff;
        font-weight: bold;
        font-size: 24px;
        text-align: center;
        line-height: 1.4;
        letter-spacing: 3px;
    }
    .TCSH-five .five-title-wrap h3 span{
        font-size: 32px;
    }
    .TCSH-map{
        margin-top: 30px;
        margin-bottom: 50px;
    }

    .TCSH-five-spot .spot-wrap{
        margin-bottom: 30px;
    }
    .TCSH-five-spot .spot-wrap .spot-title{

    }
    .TCSH-five-spot .spot-wrap .spot-title p{
        margin: 0;
    }
    .TCSH-five-spot .spot-wrap .spot-title h3{
        font-weight: bold;
    }
    .TCSH-five-spot .spot-wrap .spot-title h3 span{
        font-size: 14px;
        font-weight: normal;
        margin-left: 5px;
    }
    .TCSH-five-spot .spot-wrap .spot-title img{

    }

    .TCSH-five-spot .spot-wrap .spot-content{
        background-color: #fff;
        padding: 10px 15px;
    }
    .TCSH-five-spot .spot-wrap .spot-content .spot-bonus{
       color: #E9473F;
       font-weight: bold;
    }
    .TCSH-five-spot .spot-wrap{
        position: relative;
    }
    .TCSH-five-spot .spot-wrap .bear-spot{
        display: none;
    }
    @media (min-width: 440px) {
        .TCSH-five-spot .spot-wrap .bear-spot{
            display: block;
            position: absolute;
            z-index: 1;
            right: -10px;
            bottom: -40px;
            width: 160px;
        }
    }
    @media (min-width: 600px) {
        .TCSH-five-spot .spot-wrap .bear-spot{
            right: -30px;
            bottom: -40px;
        }
    }
    @media (min-width: 768px) {
        .TCSH-five-spot .spot-wrap .bear-spot{
            right: -30px;
            bottom: -50px;
            width: 130px;
        }
    }
    @media (min-width: 850px) {
        .TCSH-five-spot .spot-wrap .bear-spot{
            right: -60px;
            width: 150px;
        }
    }
    @media (min-width: 992px) {
        .TCSH-five-spot .spot-wrap .bear-spot{
            right: 0px;
            width: 200px;
        }
    }
    @media (min-width: 1100px) {
        .TCSH-five-spot .spot-wrap .bear-spot{
            right: -50px;
        }
    }
    @media (min-width: 1200px) {
        .TCSH-five-spot .spot-wrap .bear-spot{
            right: -20px;
            width: 240px;
        }
    }
    @media (min-width: 1300px) {
        .TCSH-five-spot .spot-wrap .bear-spot{
            right: -60px;
            bottom: -40px;
            width: 260px;
        }
    }
    .spot-bonus{
        font-size: 14px;
    }
    .spot-intro{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .spot-info{
        font-size: 14px;
        margin: 0;
    }
    .spot-info i{
        font-size: 12px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
    }
    @media (min-width: 768px) {
        .TCSH-five-spot .spot-wrap{
            /* overflow: hidden; */
            position: relative;
        }
        .TCSH-five-spot .spot-wrap .spot-title{
            width: 50%;
        }
        .TCSH-five-spot .spot-wrap .spot-title img{
            border-radius: 10px;
        }
        .TCSH-five-spot .spot-wrap .spot-content{
            width: calc(50% - 15px);
            position: absolute;
            right: 0;
            bottom: 0;
            padding: 10px 15px;
            border-radius: 10px;
        }
        .TCSH-five-spot .spot-wrap .spot-content .spot-bonus{
            margin-bottom: 10px;
        }
    }
    @media (min-width: 992px) {
        .TCSH-five-spot .spot-wrap {
            margin-bottom: 50px;
        }
        .TCSH-five-spot .spot-wrap .spot-title{
            width: 40%;
        }
        .TCSH-five-spot .spot-wrap .spot-content{
            width: calc(60% - 20px);
            height: 248px;
            padding: 20px;
        }
    }
    @media (min-width: 1024px) {
        .TCSH-five-spot .spot-wrap .spot-title{
            width: 40%;
        }
        .TCSH-five-spot .spot-wrap .spot-content{
            width: calc(60% - 20px);
            height: 248px;
            padding: 20px;
        }
        .TCSH-five-spot .spot-wrap .spot-content .spot-bonus {
            font-size: 16px;
        }
        .spot-intro{
            margin-bottom: 15px;
        }
    }
    @media (min-width: 1200px) {
        .TCSH-five-spot .spot-wrap .spot-content{
            height: 296px;
        }
        /* .spot-intro{
            margin-bottom: 30px;
        } */
    }
    .spot-content h4{
        color: #1C4B6D;
        font-weight: bold;
        font-size: 20px;
    }
    .spot-content h4 span{
        font-size: 14px;
        font-weight: normal;
        display: block;
    }
    .spot-booking{
        font-size: 14px;
        margin: 0;
        color: #00759B;
    }
    .spot-time{
        font-size: 14px;
        margin: 0;
        color: #00759B;
        margin-bottom: 10px;
    }
    .spot-bonus{
        margin: 0;
    }
    @media (min-width: 768px) {
        .TCSH-five-spot .spot-wrap.spot-DIY{
            margin-bottom: 50px;
        }
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-title{
            width: 100%;
        }
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-title img{
            border-radius: 10px 10px 0 0;
        }
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-content{
            width: 100%;
            height: auto;
            position: static;
            border-radius: 0 0 10px 10px;
            padding: 20px;
        }
    }
    @media (min-width: 992px) {
        .TCSH-five-spot .spot-wrap.spot-DIY{
            overflow: hidden;
            position: relative;
        }
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-title{
            width: 50%;
        }
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-title img{
            border-radius: 10px;
        }
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-content{
            width: calc(50% - 20px);
            position: absolute;
            right: 0;
            bottom: 0;
            border-radius: 10px;
            height: 310px;
        }
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-content .spot-bonus {
            font-size: 14px;
        }
        .spot-booking{
            display: inline-block;
            margin-right: 10px;
        }
        .spot-time{
            display: inline-block;
        }
    }
    @media (min-width: 1200px) {
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-title{
            width: 40%;
        }
        .TCSH-five-spot .spot-wrap.spot-DIY .spot-content{
            width: calc(60% - 20px);
            height: 296px;
            padding: 20px;
        }
    }

    /* 文章輪播 */
    .owl-item > div {
        cursor: pointer;
        margin: 6% 8%;
        transition: margin 0.4s ease;
    }
    .owl-item.center > div {
        cursor: auto;
        margin: 0;
    }
    .owl-item:not(.center) > div:hover {
        opacity: .75;
    }
    
    .carousel-wrap {
        margin: 90px auto;
        padding: 0 5%;
        width: 80%;
        position: relative;
    }
      
    /* fix blank or flashing items on carousel */
    .owl-carousel .item {
        position: relative;
        z-index: 100; 
        -webkit-backface-visibility: hidden; 
    }
    
    /* end fix */
    .owl-nav > div {
        margin-top: -26px;
        position: absolute;
        top: 50%;
        color: #cdcbcd;
    }
    
    .owl-nav i {
        font-size: 52px;
        color: #aaa;
    }
    
    .owl-nav .owl-prev {
        left: -30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .owl-nav .owl-next {
        right: -30px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .post-wrap{
        border: 1px solid #eee;
        background-color: #fff;
        box-sizing: border-box;
    }
    .post-wrap .post-content{
        padding: 10px 15px;
    }
    .post-wrap h4{
        font-size: 18px;
        font-weight: bold;
        line-height: 1.4;
        margin: 0;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .post-wrap p{
        font-size: 14px;
        margin-top: 10px;
        
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
    }
    .post-wrap small{
        color: #00759B;
    }
    .post-wrap a{
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        border: 1px solid #E9473F;
        color: #E9473F;
        text-align: center;
        transition: .3s;
    }
    .owl-item.active.center .post-wrap a:hover{
        color: #fff;
        background-color: #E9473F;
    }

    .TCSH-store h2{
        position: relative;
    }
    .TCSH-store h2 .bear-store{
        display: none;
    }
    @media screen and (min-width: 550px) {
        .TCSH-store h2 .bear-store{
            display: block;
            position: absolute;
            top: -40px;
            left: 30px;
            width: 80px;
            z-index: 1;
        }
    }
    @media screen and (min-width: 768px) {
        .TCSH-store h2 .bear-store{
            display: block;
            position: absolute;
            top: -40px;
            left: 50px;
            width: 80px;
            z-index: 1;
        }
    }
    @media screen and (min-width: 992px) {
        .TCSH-store h2 .bear-store{
            display: block;
            position: absolute;
            top: -40px;
            left: 100px;
            width: 80px;
            z-index: 1;
        }
    }
    .TCSH-store{
        position: relative;
    }
    .TCSH-store .bear-store-bottom{
        position: absolute;
        bottom: 0;
        right: 0;
        width: 100px;
    }
    @media screen and (min-width: 440px) {
        .TCSH-store .bear-store-bottom{
            width: 150px;
        }
    }
    @media screen and (min-width: 768px) {
        .TCSH-store .bear-store-bottom{
            right: 15px;
            width: 150px;
        }
    }
    @media screen and (min-width: 992px) {
        .TCSH-store .bear-store-bottom{
            width: 120px;
        }
    }
    @media screen and (min-width: 1024px) {
        .TCSH-store .bear-store-bottom{
            width: 150px;
        }
    }
    @media screen and (min-width: 1500px) {
        .TCSH-store .bear-store-bottom{
            right: 50px;
            width: 200px;
        }
    }

    .TCSH-store table{
        background-color: #fff;
        border: 1px solid #dee2e6;
        font-size: 14px;
    }
    .TCSH-store .table td{
        word-break: break-word;
    }
    .TCSH-store .table tr td:nth-child(1){
        width: 20%;
    }
    .TCSH-store .table tr td:nth-child(2){
        width: 30%;
    }
    .TCSH-store .table tr td:nth-child(3){
        width: 10%;
    }
    .TCSH-store .table tr td:nth-child(4){
        width: 15%;
    }
    .TCSH-store .table tr td:nth-child(5){
        width: 25%;
    }
    @media screen and (max-width: 767px) {
        .TCSH-store .table tr td{
            width: 100% !important;
        }
        .TCSH-store table{
            border: 0;
            background-color: rgba(0,0,0,0);
        }

        .rwd-table>thead {
          border: none;
          clip: rect(0 0 0 0);
          height: 1px;
          margin: -1px;
          overflow: hidden;
          padding: 0;
          position: absolute;
          width: 1px;
        }
      
        .rwd-table>tbody>tr {
          border-bottom: 1px solid #ddd;
          display: block;
          margin-bottom: 20px;
          background-color: #fff;
        }
        .rwd-table>tbody>tr:nth-child(2n) td{
          /* background-color: #f9fafc; */
        }
        .rwd-table>tbody>tr{
          /* background-color: #f9fafc; */
          border: 1px solid #eaedf1 !important;
        }
        .rwd-table>tbody>tr>td {
          border:none !important;
          border-bottom: 1px solid #eaedf1 !important;
          display: block;
          /*font-size: .8em;*/
          /* text-align: right; */
          min-height: 19px;
          word-break: break-all;
          padding-left: 85px;
          position: relative;
        }
        .rwd-table>tbody>tr>td:first-child{
          background-color: #00759B;
          color: #fff;
          padding: 10px 15px;
        }
        .rwd-table>tbody>tr>td:last-child{
          border-bottom: none !important;
        }
        .rwd-table>tbody>tr>td:before {
          color: #aaa;
          font-weight: normal!important;
          content: attr(data-label);
          float: left;
          font-weight: bold;
          text-transform: uppercase;
          margin-right: 10px;
          position: absolute;
          top: 12px;
          left: 15px;
        }
        .rwd-table>tbody>tr>td:last-child {
          border-bottom: 0;
        }
        .rwd-table>tbody>tr>td table {
          background-color: transparent !important;
        }
        .rwd-table>tbody>tr>td table>tbody>tr td:first-child {
          background-color: transparent;
        }
      
        td li{
          list-style: none !important;
          position: relative;
          padding-left: 10px;
        }
      
        td li::before{
          content:'';
          display: block;
          height: 4px;
          width: 4px;
          background-color: #333;
          border-radius: 2px;
          position: absolute;
          top: 7px;
          left: 0px;
        }
      
    }

    .TCSH-card2 h3{
        font-weight: bold;
        text-align: center;
        font-size: 24px;
    }
    .TCSH-card2 .card-img{
        width: 400px;
        max-width: 100%;
        overflow: hidden;
        border-radius: 10px;
        border: 1px solid #fff;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .TCSH-card2 .card-content{
        overflow: hidden;
        background-image: url(../img/09.png);
        background-position: left 15px;
        background-repeat: no-repeat;
        background-size: 170px;
        max-width: 400px;
        margin: 0 auto;
    }
    .TCSH-card2 .card-content .card-content-txt{
        width: calc(100% - 116px);
        max-width: 210px;
        float: right;
    }
    .TCSH-card2 .card-content h5{
        margin: 0;
        font-size: 18px;
        line-height: 1.6;
        padding: 0 15px;
        font-weight: bold;
    }
    @media screen and (min-width: 375px){
        .TCSH-card2 .card-content h5{
            font-size: 20px;
        }
    }
    .TCSH-card2 .card-content .card-price{
        margin-top: 20px;
    }
    .TCSH-card2 .card-content .card-price p{
        padding: 0;
        font-size: 16px;
        text-align: right;
        margin-bottom: 0;
    }
    .TCSH-card2 .card-content .card-price p span{
        text-decoration: line-through;
    }
    .TCSH-card2 .card-content .card-price h3{
        font-size: 22px;
        text-align: right;
    }
    .TCSH-card2 .card-content .card-price h3 span{
        font-size: 48px;
    }
    .TCSH-card2 .card-btn{
        margin-top: 10px;
        max-width: 400px;
        margin: 0 auto;
    }
    .TCSH-card2 .card-btn a{
        display: block;
        width: 100%;
        height: 50px;
        line-height: 54px;
        color: #fff;
        background-color: #FFC61A;
        color: #00759B;
        margin-bottom: 10px;
        text-align: center;
        transition: .3s;
    }
    .TCSH-card2 .card-btn a:hover{
        color: #fff;
    }
    @media screen and (min-width: 768px){
        .TCSH-card2 h3 {
            font-size: 32px;
        }
        .TCSH-card2 .card-img{
            width: 50%;
            float: left;
        }
        .TCSH-card2 .card-content{
            width: 50%;
            float: right;
            margin-top: 40px;
            background-position: left 40px;
            background-size: 150px;
        }
        .TCSH-card2 .card-btn{
            clear: both;
            padding-top: 30px;
        }
        .TCSH-card2 .card-content .card-price h3{
            font-size: 28px;
        }
        .TCSH-card2 .card-content .card-price h3 span{
            font-size: 50px;
        }
    }
    @media screen and (min-width: 992px){
        .TCSH-card2 .card-img{
            width: 50%;
            float: left;
        }
        .TCSH-card2 .card-content{
            width: calc(50% - 20px);
            max-width: none;
            float: right;
            margin-top: 24px;
            background-position: left 40px;
            background-size: 185px;
        }
        .TCSH-card2 .card-content .card-content-txt {
           max-width: 240px;
        }
        .TCSH-card2 .card-content p {
            font-size: 20px;
        }
        .TCSH-card2 .card-btn{
            width: calc(50% - 20px);
            max-width: none;
            float: right;
            clear: none;
            padding-top: 0;
        }
        .TCSH-card2 .card-btn a{
            width: calc(50% - 6px);
            float: right;
            margin: 0 3px;
        }
    }
    @media screen and (min-width: 1200px){
        .TCSH-card2 .card-content .card-content-txt {
            max-width: 280px;
        }
        .TCSH-card2 .card-content p {
            font-size: 24px;
        }
        .TCSH-card2 .card-content .card-price h3 span {
            font-size: 42px;
        }
        .TCSH-card2 .card-content {
            background-position: left 40px;
            background-size: 200px;
            margin-top: 70px;
        }
        .TCSH-card2 .card-content .card-price {
            margin-top: 40px;
        }
    }
    .TCSH-footer{
        background-color: #fff;
        text-align: center;
    }
    .TCSH-footer img{
        display: block;
        width: 210px;
        margin: 20px auto;
    }
    @media screen and (min-width: 992px){
        .TCSH-footer{
            text-align: left;
        }
        .TCSH-footer .footer-img-wrap{
            height: 50px;
            display: inline-block;
        }
        .TCSH-footer img{
            width: 160px;
            margin: 0;
            margin-right: 20px;
        }
    }
    .TCSH-section h2{
        padding: 0 15px;
        margin-bottom: 20px;
        text-align: center;
    }
    @media (min-width: 1000px){
        .TCSH-section h2{
            font-size: 42px;
        }
    }
    @media (min-width: 1024px){
        .TCSH-section {
            padding: 80px 0;
        }
    }
    .TCSH-title-DIY{
        margin-top: 80px;
    }
    @media (min-width: 1024px){
        .TCSH-title-DIY{
            margin-top: 100px;
        }
    }
    
    @media (min-width: 1024px){
        .TCSH-five{
            background-image   :    url(../img/bg_1.png),
                                    url(../img/bg_4.png),
                                    url(../img/bg_2.png);

            background-repeat  :    no-repeat,
                                    no-repeat,
                                    no-repeat;

            background-position:    -300px 1000px,
                                    right center,
                                    left bottom;
            background-size:        80%,80%,30%;
        }
            
    }
    
    .sale-box.sale-store{
        margin-top: 50px;
    }
    .sale-box.sale-store .TCSH-sale-obear-img>img{
        display: block;
        margin: 0 auto;
        width: 200px;
        padding-left: 85px;
        padding-bottom: 10px;
        padding-top: 30px;
    }
 
    .TCSH-sale-obear-card h2{
        font-size: 48px;
        font-weight: bold;
        margin: 0;
        padding: 0;
        /* text-align: left; */
    }
    .TCSH-sale-obear-card h3{
        font-size: 28px;
        color: #00759B;
        margin-bottom: 30px;
        text-align: center;
    }
    .TCSH-sale-obear-content{
        clear: both;
    }
    .TCSH-section .obear-content-txt{
        margin-top: 30px;
    }
    .TCSH-section .obear-content-txt>p{
        padding-left: 2px;
    }
    .TCSH-section .obear-content-txt ul{
        padding-left: 30px;
        list-style: inside;
    }
    .obear-content-img img{
        display: block;
        max-width: 220px;
        margin: 0 auto;
    }
    @media screen and (min-width: 400px){
        .sale-box.sale-store .TCSH-sale-obear-img{
            width: 30%;
            float: right;
        }
        .sale-box.sale-store .TCSH-sale-obear-img>img{
            width: 110px;
            padding: 0;
        }
        .TCSH-sale-obear-card{
            width: 70%;
            float: left;
        }
        .TCSH-sale-obear-card h2{
            font-size: 48px;
        }
    }
    @media screen and (min-width: 520px){
        .sale-box.sale-store .TCSH-sale-obear-img{
            width: 40%;
        }
        .sale-box.sale-store .TCSH-sale-obear-img>img{
            width: 100%;
            padding-left: 20px;
        }
        .TCSH-sale-obear-card{
            width: 60%;
            margin-top: 50px;
        }
        .TCSH-sale-obear-card h2{
            font-size: 58px;
            text-align: right;
        }
        .TCSH-sale-obear-card h3{
            font-size: 30px;
            text-align: right;
        }
        .obear-content-img img{
            max-width: 300px;
        }
    }
    @media screen and (min-width: 768px){
        .sale-box.sale-store .TCSH-sale-obear-img>img{
            width: 250px;
            padding-top: 30px;
        }
        .TCSH-sale-obear-card{
            margin-top: 80px;
        }

        .TCSH-sale-obear-content{
            padding: 50px;
            overflow: hidden;
        }
        .obear-content-img{
            width: 300px;
            float: left;
        }
        .TCSH-section .obear-content-txt{
            width: calc(100% - 300px);
            float: right;
            padding-left: 30px;
            margin-top: 60px;
        }
    }
    @media screen and (min-width: 1024px){
        .TCSH-section .obear-content-txt>p{
            /* margin-top: 50px; */
        }
        .TCSH-sale-obear-content .obear-content-img{
            width: 360px;
            float: left;
        }
        .TCSH-section .obear-content-txt{
            width: calc(100% - 360px);
            padding-left: 60px;
            /* padding-top: 50px; */
        }
        .obear-content-img img{
            max-width: 400px;
        }
    }

    .TCSH-store .container>a{
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background-color: #fff;
        max-width: 300px;
        border: 1px solid #E9473F;
        color: #E9473F;
        text-align: center;
        transition: .3s;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .TCSH-store .container>a:hover{
        color: #fff;
        background-color: #E9473F;
    }