.card-store[data-style="2"] .tada-info .intro {
  margin: 20px 0; }

.card-store[data-style="2"] .tada-info .tada-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
  border-bottom: 1px solid #bdbdbd;
  padding-bottom: 30px; }
  .card-store[data-style="2"] .tada-info .tada-content > div {
    max-width: 30%;
    margin: 0 20px;
    text-align: center; }
  .card-store[data-style="2"] .tada-info .tada-content .img {
    border-radius: 50px;
    width: 100px;
    height: 100px;
    margin: 10px auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .card-store[data-style="2"] .tada-info .tada-content .title {
    color: #212121;
    font-weight: bold;
    font-size: 20px; }
  .card-store[data-style="2"] .tada-info .tada-content .date {
    margin-bottom: 7px; }
  .card-store[data-style="2"] .tada-info .tada-content .description {
    font-size: 13px;
    color: #9e9e9e; }

.card-member[data-style="4"] .title-sub {
  margin: 20px 4px;
  color: #616161; }
  .card-member[data-style="4"] .title-sub span {
    margin: 0 3px;
    font-size: 17px;
    font-weight: bold; }

.card-member[data-style="4"] .swiper-container .swiper-slide {
  width: calc(33.33333% - 13px); }
  .card-member[data-style="4"] .swiper-container .swiper-slide .img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center; }
  .card-member[data-style="4"] .swiper-container .swiper-slide .text .title {
    font-weight: bold;
    color: #212121; }
  .card-member[data-style="4"] .swiper-container .swiper-slide .text .description {
    font-size: 13px;
    margin-top: 10px; }
  .card-member[data-style="4"] .swiper-container .swiper-slide .btnBox {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .card-member[data-style="4"] .swiper-container .swiper-slide .btnBox a {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      margin-right: 10px; }
      .card-member[data-style="4"] .swiper-container .swiper-slide .btnBox a + a {
        margin-left: 10px;
        margin-right: 0px; }

.card-member[data-style="4"] .swiper-container .swiper-button-prev, .card-member[data-style="4"] .swiper-container .swiper-button-next {
  width: 22px;
  height: 40px;
  line-height: 40px;
  top: 33%;
  margin-top: -12px;
  background-color: rgba(255, 255, 255, 0.5); }
  .card-member[data-style="4"] .swiper-container .swiper-button-prev::after, .card-member[data-style="4"] .swiper-container .swiper-button-next::after {
    font-family: "FontCCWork";
    display: block;
    position: absolute;
    font-size: 20px; }

.card-member[data-style="4"] .swiper-container .swiper-button-prev {
  left: 0; }
  .card-member[data-style="4"] .swiper-container .swiper-button-prev::after {
    content: "\ea06"; }

.card-member[data-style="4"] .swiper-container .swiper-button-next {
  right: 0; }
  .card-member[data-style="4"] .swiper-container .swiper-button-next::after {
    content: "\ea08"; }

.card-member[data-style="4"] .swiper-container.slide-tadaBag .swiper-slide {
  padding-right: 20px;
  border-right: 1px solid #eeeeee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .card-member[data-style="4"] .swiper-container.slide-tadaBag .swiper-slide .img {
    max-width: 50%;
    padding-bottom: 33.3333%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    margin-right: 10px; }
  .card-member[data-style="4"] .swiper-container.slide-tadaBag .swiper-slide .text {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px); }

.card-member[data-style="4"] .swiper-container.slide-coupon {
  margin-top: 20px; }
  .card-member[data-style="4"] .swiper-container.slide-coupon .swiper-button-prev, .card-member[data-style="4"] .swiper-container.slide-coupon .swiper-button-next {
    top: 50%;
    margin-top: -20px; }
  .card-member[data-style="4"] .swiper-container.slide-coupon .swiper-button-prev {
    left: 1px; }
  .card-member[data-style="4"] .swiper-container.slide-coupon .swiper-button-next {
    right: 1px; }
  .card-member[data-style="4"] .swiper-container.slide-coupon .swiper-slide {
    width: calc(25% - 15px);
    padding: 25px 0;
    background-color: #eeeeee;
    border: 1px solid #9e9e9e; }
  .card-member[data-style="4"] .swiper-container.slide-coupon .img {
    width: 90px;
    height: 90px;
    margin: 0px auto;
    overflow: hidden;
    border-radius: 100px; }
  .card-member[data-style="4"] .swiper-container.slide-coupon .text {
    margin-top: 10px;
    padding: 0 15px;
    text-align: center; }

.card-member[data-style="4"] .swiper-container.slide-magazine {
  margin-top: 12px; }
  .card-member[data-style="4"] .swiper-container.slide-magazine .img {
    width: 100px;
    height: 130px;
    margin: 10px auto 0;
    -webkit-box-shadow: 0 0 6px #9e9e9e;
            box-shadow: 0 0 6px #9e9e9e; }
  .card-member[data-style="4"] .swiper-container.slide-magazine .text {
    margin-top: 10px;
    padding: 0 10px; }
  .card-member[data-style="4"] .swiper-container.slide-magazine .sub {
    font-size: 14px; }

.card-member[data-style="4"].CarManage .article-wrap {
  margin: 0 auto; }
  .card-member[data-style="4"].CarManage .article-wrap .article-list {
    width: 100%; }
    .card-member[data-style="4"].CarManage .article-wrap .article-list ul {
      list-style: none;
      margin-left: 0px; }
    .card-member[data-style="4"].CarManage .article-wrap .article-list ul > li {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
      margin-top: 0;
      padding: 18px 10px;
      border-bottom: 2px solid #eee;
      -webkit-box-flex: 0; }
      @media only screen and (max-width: 800px) {
        .card-member[data-style="4"].CarManage .article-wrap .article-list ul > li {
          padding: 15px 10px; } }
      @media only screen and (max-width: 420px) {
        .card-member[data-style="4"].CarManage .article-wrap .article-list ul > li {
          padding: 10px 5px; } }
    .card-member[data-style="4"].CarManage .article-wrap .article-list .article-title {
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 1;
      color: #3f3a3a;
      margin-bottom: 10px;
      border-bottom: 2px solid #eee;
      padding-bottom: 15px; }
    .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 420px) {
        .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content {
          display: block; } }
      .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-img {
        width: 25%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain; }
        @media only screen and (max-width: 420px) {
          .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-img {
            width: 100%;
            padding: 40%; } }
        .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-img ~ .article-text {
          margin-left: 10px;
          margin-right: 10px; }
          @media only screen and (max-width: 420px) {
            .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-img ~ .article-text {
              margin-left: 5px;
              margin-right: 5px; } }
      .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text .article-list-title {
          font-size: 2.4rem;
          font-weight: bold;
          line-height: 1;
          color: #3f3a3a;
          margin-bottom: 10px; }
          @media only screen and (max-width: 800px) {
            .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text .article-list-title {
              font-size: 2rem; } }
        .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text .article-list-info {
          font-size: 1.5rem;
          color: #acacac;
          line-height: 20px;
          padding-bottom: 5px; }
          .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text .article-list-info > span {
            font-size: 1.6rem;
            color: #241fff; }
            @media only screen and (max-width: 800px) {
              .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text .article-list-info > span {
                font-size: 1.4rem; } }
        .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text .article-list-tip {
          font-size: 2.1rem;
          color: #070505; }
          @media only screen and (max-width: 800px) {
            .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text .article-list-tip {
              font-size: 1.3rem; } }
        .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-text .article-list-detail {
          font-size: 14px; }
      .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-btn {
        margin: 0px 0;
        -ms-flex-item-align: normal;
            align-self: normal; }
        .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-btn a {
          padding: 4px 6px; }
        @media only screen and (max-width: 420px) {
          .card-member[data-style="4"].CarManage .article-wrap .article-list .article-content .article-btn {
            margin: 5px 5px; } }
    .card-member[data-style="4"].CarManage .article-wrap .article-list .article-date {
      font-size: 1.6rem;
      color: #fa4515;
      padding-left: 13px; }

.card-member[data-style="4"].MagazineList .article-wrap {
  margin: 0 auto; }
  .card-member[data-style="4"].MagazineList .article-wrap .article-list {
    width: 100%; }
    .card-member[data-style="4"].MagazineList .article-wrap .article-list ul {
      list-style: none;
      margin-left: 0px; }
    .card-member[data-style="4"].MagazineList .article-wrap .article-list ul > li {
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
      margin-top: 0;
      padding: 18px 10px;
      border-bottom: 2px solid #eee;
      -webkit-box-flex: 0; }
      @media only screen and (max-width: 800px) {
        .card-member[data-style="4"].MagazineList .article-wrap .article-list ul > li {
          padding: 15px 10px; } }
      @media only screen and (max-width: 420px) {
        .card-member[data-style="4"].MagazineList .article-wrap .article-list ul > li {
          padding: 10px 5px; } }
    .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-title {
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 1;
      color: #3f3a3a;
      margin-bottom: 10px;
      border-bottom: 2px solid #eee;
      padding-bottom: 15px; }
    .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      @media only screen and (max-width: 420px) {
        .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content {
          display: block; } }
      .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-img {
        width: 25%;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 300px; }
        @media only screen and (max-width: 420px) {
          .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-img {
            width: 100%;
            padding: 40%; } }
        .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-img ~ .article-text {
          margin-left: 10px;
          margin-right: 10px; }
          @media only screen and (max-width: 420px) {
            .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-img ~ .article-text {
              margin-left: 5px;
              margin-right: 5px; } }
      .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1; }
        .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-title {
          font-size: 2.4rem;
          font-weight: bold;
          line-height: 1;
          color: #3f3a3a;
          margin-bottom: 10px; }
          .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-title a {
            text-decoration: none;
            color: #000; }
          @media only screen and (max-width: 800px) {
            .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-title {
              font-size: 2rem; } }
        .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-info {
          font-size: 1.5rem;
          color: #acacac;
          line-height: 20px;
          padding-bottom: 5px;
          padding-top: 7px; }
          .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-info > span {
            font-size: 1.6rem;
            color: #241fff; }
            @media only screen and (max-width: 800px) {
              .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-info > span {
                font-size: 1.4rem; } }
        .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-tip {
          font-size: 2.1rem;
          color: #070505; }
          @media only screen and (max-width: 800px) {
            .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-tip {
              font-size: 1.3rem; } }
        .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-text .article-list-detail {
          font-size: 14px; }
      .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-btn {
        margin: 0px 0;
        -ms-flex-item-align: normal;
            align-self: normal; }
        .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-btn a {
          padding: 4px 6px; }
        @media only screen and (max-width: 420px) {
          .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .article-btn {
            margin: 5px 5px; } }
      .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-content .tag {
        background: #e7353a;
        display: initial;
        padding: 2px 11px;
        color: #fff;
        border-radius: 5px;
        font-size: 13px;
        display: inline-grid;
        margin-bottom: 6px; }
    .card-member[data-style="4"].MagazineList .article-wrap .article-list .article-date {
      font-size: 1.6rem;
      color: #fa4515;
      padding-left: 13px; }

.card-member[data-style="4"].MagazineBookshelf .article-wrap {
  margin: 0 auto; }
  .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list {
    width: 100%; }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .article-title {
      font-size: 2.4rem;
      font-weight: bold;
      line-height: 1;
      color: #3f3a3a;
      margin-bottom: 10px;
      border-bottom: 2px solid #eee;
      padding-bottom: 15px; }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .bookshelf {
      max-width: 1150px;
      height: 100%;
      margin: 0 auto;
      border: 10px #A87328 solid;
      overflow: hidden;
      background-image: -webkit-linear-gradient(#291901, #271600 320px, #b87e2c 320px, #b87e2c 322px, #8e5300 322px, #A87328 328px, #986824 328px, #986824 330px);
      background-image: -o-linear-gradient(#291901, #271600 320px, #b87e2c 320px, #b87e2c 322px, #8e5300 322px, #A87328 328px, #986824 328px, #986824 330px);
      background-image: linear-gradient(#291901, #271600 320px, #b87e2c 320px, #b87e2c 322px, #8e5300 322px, #A87328 328px, #986824 328px, #986824 330px);
      background-size: 10px 330px;
      -webkit-box-shadow: 1px 8px 8px 0px #7A7668;
              box-shadow: 1px 8px 8px 0px #7A7668; }
      @media only screen and (max-width: 420px) {
        .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .bookshelf {
          background-image: -webkit-linear-gradient(#241909, #2c1e0b 220px, #b87e2c 220px, #b87e2c 222px, #A87328 222px, #A87328 228px, #986824 228px, #986824 230px);
          background-image: -o-linear-gradient(#241909, #2c1e0b 220px, #b87e2c 220px, #b87e2c 222px, #A87328 222px, #A87328 228px, #986824 228px, #986824 230px);
          background-image: linear-gradient(#241909, #2c1e0b 220px, #b87e2c 220px, #b87e2c 222px, #A87328 222px, #A87328 228px, #986824 228px, #986824 230px);
          background-size: 10px 230px; } }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book {
      height: 295px;
      width: 25%;
      float: left;
      color: white;
      font-size: 0.9em;
      margin-bottom: 10px;
      margin-top: 20px;
      transition: -webkit-transform 0.4s ease; }
      @media only screen and (max-width: 1440px) {
        .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book {
          width: 33.33%; } }
      @media only screen and (max-width: 800px) {
        .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book {
          width: 50%;
          padding: 0 5px; } }
      @media only screen and (max-width: 420px) {
        .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book {
          height: 195px; } }
      .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .Mag-img {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 215px; }
        @media only screen and (max-width: 420px) {
          .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .Mag-img {
            min-height: 113px; } }
      .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .bg-blur {
        -webkit-filter: blur(2px) grayscale(1);
                filter: blur(2px) grayscale(1); }
      .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .BuyBox {
        z-index: 1;
        text-align: center;
        margin-top: 10px;
        padding: 3px 10px;
        border-radius: 3px;
        color: #fff;
        text-decoration: none; }
        .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .BuyBox a {
          padding: 3px 10px;
          background: #d50f0f;
          border-radius: 3px;
          text-decoration: none;
          color: #fff; }
      .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .check {
        position: absolute;
        margin-left: 20px;
        margin-top: 4px; }
        @media only screen and (max-width: 580px) {
          .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .check {
            margin-left: -5px; } }
        @media only screen and (max-width: 420px) {
          .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .check {
            margin-left: -2px; } }
        .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .check [type="checkbox"] ~ label::before {
          border: 3px solid #ec1e1e; }
        .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book .check [type="checkbox"]:checked ~ label::before {
          border-right: 3px solid #ec1e1e;
          border-bottom: 3px solid #ec1e1e;
          border-left: none;
          border-top: none; }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book-tilted {
      float: left;
      width: 74px; }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book-tilted > .book {
      -webkit-transform: translateY(-3px) translateX(15px) rotate(9deg);
        -webkit-transform-transform: translateY(-3px) translateX(15px) rotate(9deg); }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book:hover {
      -webkit-transform: translateY(4px) scale(1.05);
          -ms-transform: translateY(4px) scale(1.05);
              transform: translateY(4px) scale(1.05); }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book.checkboxON:hover {
      -webkit-transform: none !important;
          -ms-transform: none !important;
              transform: none !important; }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book.checkboxON .BuyBox a {
      background: #b35605; }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book h2 {
      padding: 0;
      font-size: 16px;
      width: 100%;
      text-align: center;
      color: #fff; }
    .card-member[data-style="4"].MagazineBookshelf .article-wrap .article-list .book h5 {
      text-align: center;
      color: #fff;
      font-size: 14px; }

.card-MemberMagazineCart[data-style="1"] ul.forms input[name="Bookitem"] ~ label img {
  width: 95px;
  height: auto;
  max-height: auto;
  padding: 10px 0px 0 0px;
  border-radius: 0; }

.card-MemberMagazineCart[data-style="1"] ul.forms input[name="Bookitem"] ~ label p {
  margin-top: 0px;
  line-height: 15px; }

.card-MemberMagazineCart[data-style="1"] ul.forms input[name="Bookitem"] ~ label p.Oldprice {
  text-decoration: line-through; }

.card-MemberMagazineCart[data-style="1"] ul.forms input[name="Bookitem"] ~ label p.price {
  padding-top: 10px; }

.card-MemberMagazineCart[data-style="1"] ul.forms .TotalPrice {
  text-align: right;
  font-size: 17px;
  border-right: none;
  border-top: 1px solid #e3e3e3; }
  .card-MemberMagazineCart[data-style="1"] ul.forms .TotalPrice span {
    color: #e60a18;
    font-size: 20px; }

    /* 2024有什麼/當年活動: 修改下拉選單 */
    .select2-container .select2-selection--single {
      height: auto !important;
    }
    .card-articleSet[data-style="4"] .filters-bar li > span span.selection{
      display: block;
      height: 100%;
    }
    .card-articleSet[data-style="4"] .filters-bar li > span span.selection > span {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      
    }

    .card-articleSet[data-style="4"] .filters-bar li > span span.selection > span > button {
      cursor: pointer;
      padding: 0 8px 0 5px;
    }

    /* 參觀攻略: 修改手機版popper */
    @media only screen and (max-width: 991px) {
      .card-article[data-style="72"] .map .markers .popper {
        max-width: 210px !important;
      }

      /* 若靠近右側，靠左顯示 */
      .popper-right-edge {
        left: -300% !important;
        transform: none;
      }

      /* 若靠近左側，靠右顯示 */
      .popper-left-edge {
        left: 300% !important;
        transform: none;
      }
    }