@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
  font-family: Arial, 'Noto Sans TC', '微軟正黑體', sans-serif;
  text-align: center;
  margin: 0 auto; }

a {
  text-decoration: none !important; }

body.bg-dark, body.hoc {
  width: 100%;
  height: auto;
  min-height: 100vh;
  color: white; }
  body.bg-dark.cathay, body.cathay.hoc {
    background: url(../images/plus_sp/cathay/BG_web.jpg) top center no-repeat;
    background-size: cover; }
    @media (max-width: 767px) {
      body.bg-dark.cathay, body.cathay.hoc {
        background-image: url(../images/plus_sp/cathay/BG_mobile.jpg); } }
    body.bg-dark.cathay section:nth-child(odd), body.cathay.hoc section:nth-child(odd) {
      outline: 1px solid #fff; }

.films-card {
  padding: 0.5rem;
  color: white;
  line-height: 1.5em;
  width: 100%;
  background-color: black;
  text-align: center; }

body.bg-pink {
  overflow-x: hidden;
  background: #FFF2F1;
  color: #FE728D; }
  body.bg-pink .hero {
    width: 100%;
    max-height: 640px;
    overflow: hidden; }
    body.bg-pink .hero img {
      width: 100%; }
    body.bg-pink .hero a:hover {
      opacity: 0.8; }

.w-shop {
  overflow-x: hidden;
  text-align: left; }
  .w-shop .spacing {
    border-bottom: 1px solid; }
  .w-shop section:first-child h3 {
    margin-top: 2em; }
  .w-shop h3 {
    margin-bottom: 1.5em; }
  .w-shop .row {
    padding-bottom: 20px; }
  @media (max-width: 767px) {
    .w-shop .film-list {
      padding: 0 4px 8px; } }
  .w-shop .films-card {
    background-color: white;
    color: #FE728D;
    padding: 0.75rem 1.5rem; }
    .w-shop .films-card p {
      color: #FE728D;
      margin-bottom: 0;
      font: 0.9em Oswald, arial, sans-serif; }
  .w-shop .coupon-wrap {
    text-align: center;
    color: #FE728D; }
    .w-shop .coupon-wrap h3 {
      letter-spacing: 4px;
      margin-bottom: 0.5rem; }
    .w-shop .coupon-wrap .cp_input,
    .w-shop .coupon-wrap .cp_btn:focus,
    .w-shop .coupon-wrap .cp_input:focus {
      outline-color: #FE728D;
      border-color: #FE728D; }
    .w-shop .coupon-wrap .cp_btn {
      background: #FE728D; }
    .w-shop .coupon-wrap img {
      vertical-align: baseline;
      margin-left: 10px; }
  .w-shop #coupon-box {
    border-color: #FE728D; }
    .w-shop #coupon-box h3 {
      margin: 0.5rem auto; }
  .w-shop .icon_box {
    color: #FE728D; }

.spacing {
  margin: 20px auto;
  padding: 20px; }
  @media (max-width: 568px) {
    .spacing {
      padding: 20px 0 6px; } }

.over-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  margin-bottom: 0; }

.notice-wrap {
  text-align: center;
  padding: 20px; }
  .notice-wrap a {
    color: #ff6136; }

body.hot-jd {
  overflow-x: hidden;
  text-align: left;
  font-weight: normal;
  color: #333;
  background: #fae4e4; }
  body.hot-jd .container {
    max-width: 1100px; }
  body.hot-jd section a {
    display: block;
    width: 100%;
    height: auto;
    background-color: #f84a7f;
    transition: 0.3s easy-in; }
    body.hot-jd section a:hover img {
      opacity: 0.5; }
  body.hot-jd .films-card {
    background-color: white;
    color: black;
    margin-bottom: 1em; }
    body.hot-jd .films-card p {
      color: black;
      margin-bottom: 0; }
  body.hot-jd .coupon-wrap {
    text-align: center;
    color: black;
    font-weight: normal;
    margin: 40px auto 20px; }
    body.hot-jd .coupon-wrap h3 {
      margin-bottom: 0.5rem; }
    body.hot-jd .coupon-wrap .cp_input,
    body.hot-jd .coupon-wrap .cp_btn:focus,
    body.hot-jd .coupon-wrap .cp_input:focus {
      outline-color: white;
      border-color: white; }
    body.hot-jd .coupon-wrap .cp_btn {
      background: #f84a7f; }
    body.hot-jd .coupon-wrap img {
      vertical-align: top;
      margin-left: 10px;
      width: 74px; }
  body.hot-jd #coupon-box {
    color: black; }
    body.hot-jd #coupon-box h3 {
      margin: 0.5rem auto;
      font-weight: normal; }
    body.hot-jd #coupon-box .col-4 {
      position: relative; }
    body.hot-jd #coupon-box h6 {
      color: gray;
      font-weight: normal; }
  body.hot-jd .icon_box {
    color: black; }
  body.hot-jd footer {
    border-top: 1px solid gray;
    padding: 2em 10px;
    font-size: 0.85rem; }

#hotJD {
  text-align: left;
  color: black;
  border-top: 1px solid gray; }
  @media (min-width: 990px) {
    #hotJD.spacing {
      padding: 40px 2em 10px; } }
  #hotJD h3 {
    letter-spacing: 2px;
    font-weight: normal;
    margin-bottom: 1em; }

.btn-wrap a {
  opacity: .9; }
  .btn-wrap a:hover {
    opacity: 1; }

.button_box,
.icon_box {
  width: 100%;
  max-width: 800px; }

.icon_box .col-4 {
  position: relative; }

.coupon-wrap img {
  vertical-align: baseline;
  margin-left: 10px;
  max-width: 68px; }

.bg-og, .bg-og .coupon-wrap, .bg-og #coupon-box, .bg-og .icon_box {
  overflow-x: hidden;
  color: #101010;
  background: #fff1de; }
  .bg-og .coupon-wrap, .bg-og #coupon-box .coupon-wrap {
    margin-top: 10vh;
    font-weight: normal; }
  .bg-og .cp_input, .bg-og #coupon-box .cp_input {
    border: 0; }
  .bg-og .cp_btn, .bg-og #coupon-box .cp_btn {
    background: #fe5722; }
  .bg-og .icon_box .col-4:after, .bg-og #coupon-box .icon_box .col-4:after {
    color: #fe5722; }
  .bg-og .icon_box img, .bg-og #coupon-box .icon_box img {
    margin-bottom: 10px; }
  .bg-og .icon_box h3, .bg-og #coupon-box .icon_box h3 {
    font-weight: normal; }
  .bg-og .scroll a, .bg-og #coupon-box .scroll a {
    color: #fe5722; }
  .bg-og .btn-wrap, .bg-og #coupon-box .btn-wrap {
    text-align: center;
    margin: 50px auto 40px; }

#kLook {
  position: relative; }
  #kLook footer {
    position: absolute;
    bottom: 4em;
    transform: translate(-50%, 10px);
    left: 50%; }
  #kLook section {
    width: 100%;
    height: auto;
    min-height: 79vh;
    margin-bottom: 0; }
    @media (max-width: 767px) {
      #kLook section {
        min-height: 100vh; } }
  #kLook #section_0 {
    background: url(../../images/plus_sp/klook/s1.jpg) top center no-repeat; }
    @media (max-width: 767px) {
      #kLook #section_0 {
        background: url(../../images/plus_sp/klook/s1_mob.jpg) top center no-repeat; } }
  #kLook #section_1 {
    background: url(../../images/plus_sp/klook/s2.jpg) top center no-repeat;
    min-height: 72vh; }
    @media (max-width: 767px) {
      #kLook #section_1 {
        height: 100vh;
        background: url(../../images/plus_sp/klook/s2_mob.jpg) 40% 0% no-repeat; } }
  #kLook #section_2 {
    background: url(../../images/plus_sp/klook/s3.jpg) top center no-repeat; }
    @media (max-width: 767px) {
      #kLook #section_2 {
        background: url(../../images/plus_sp/klook/s3_mob.jpg) top center no-repeat; } }
  #kLook #section_3 {
    background: url(../../images/plus_sp/klook/s4.jpg) top center no-repeat;
    min-height: 72vh; }
    @media (max-width: 767px) {
      #kLook #section_3 {
        background: url(../../images/plus_sp/klook/s4_mob.jpg) top center no-repeat;
        height: 100vh; } }
  #kLook #section_4 {
    background: url(../../images/plus_sp/klook/s5.jpg) top center no-repeat;
    height: 125vh; }
    @media (max-width: 767px) {
      #kLook #section_4 {
        min-height: 168vh;
        background: url(../../images/plus_sp/klook/s5_mob.jpg) top center no-repeat; } }
  #kLook .swiper-container {
    position: initial;
    width: 100%;
    margin: 0 auto; }
    @media (min-width: 1400px) {
      #kLook .swiper-container {
        max-width: 80%; } }
  #kLook .swiper-slide a {
    color: white;
    font-weight: 600;
    text-align: center; }
  #kLook .films-card {
    color: #333;
    background-color: white; }

.hoc {
  background: url(../../images/plus_sp/hoc/BG.jpg) top center no-repeat;
  background-size: cover; }
  .hoc .coupon-wrap {
    color: white; }
  .hoc .cp_btn {
    background: #ee1b23; }
  .hoc .icon_box {
    color: white; }
    .hoc .icon_box .col-4:after {
      color: white; }
    .hoc .icon_box img {
      margin-bottom: 10px; }
    .hoc .icon_box h3 {
      font-weight: normal; }
  @media (max-width: 767px) {
    .hoc {
      background-image: url(../../images/plus_sp/hoc/BG_mob.jpg); } }
  .hoc section:nth-child(odd) {
    background-color: #fff;
    color: #ee1b23; }
  .hoc .films-card p {
    color: white; }
  .hoc .scrollup {
    color: #ee1b23; }
  .hoc .btn-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    .hoc .btn-wrap a {
      margin-bottom: 10px; }
    .hoc .btn-wrap img {
      max-width: 100%;
      height: auto; }
  @media (min-width: 990px) {
    .hoc .spacing {
      margin-top: 10vh; } }
  @media (max-width: 767px) {
    .hoc .col-6 {
      padding: 0; }
    .hoc section:nth-child(odd) {
      background-color: transparent; }
    .hoc .spacing {
      padding: 20px; } }

footer {
  text-align: left;
  font-size: 14px;
  letter-spacing: normal; }

.scrollup {
  opacity: .5;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 999;
  font-size: 2.5em; }

/*# sourceMappingURL=coupon-sp-s1.css.map */