@charset "UTF-8";
/*KV*/
@media screen and (max-width: 991px) {
  .kv_pc {
    display: block;
  }
}
.kv_pc .member {
  display: block;
  position: absolute;
  width: 30%;
  top: 74%;
  left: 35%;
}
@media screen and (max-width: 991px) {
  .kv_pc .member {
    width: 70%;
    top: 72%;
    left: 15%;
  }
}
.kv_pc .member {
  -webkit-animation: pulse 1s infinite;
          animation: pulse 1s infinite;
}

/*文字標題*/
/*區塊樣式*/
/*coupon*/
.coupon {
  position: relative;
  z-index: 10;
  max-width: 96%;
  margin: 0 auto;
}
@media screen and (max-width: 991px) {
  .coupon {
    max-width: 94%;
  }
}
.coupon ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 20px;
}
@media screen and (max-width: 991px) {
  .coupon ul {
    padding: 2vw;
  }
}
.blk_bas:nth-of-type(1) .coupon ul li {
  max-width: 800px;
  width: 100%;
}
.coupon ul li {
  width: 50%;
  padding: 10px;
}
@media screen and (max-width: 991px) {
  .coupon ul li {
    width: 100%;
    padding: 5px;
  }
}
.coupon ul img {
  width: 100%;
  margin-bottom: 0;
}

/*電子書*/
.book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .book {
    gap: unset;
  }
}
.book li {
  width: calc(50% - 20px) !important;
  background-color: rgba(255, 255, 255, 0.3607843137);
  padding: 10px;
  border-radius: 10px;
}
@media screen and (max-width: 991px) {
  .book li {
    width: 100% !important;
    padding: 20px !important;
  }
}
@media screen and (max-width: 991px) {
  .book li + li {
    margin-top: 2vw;
  }
}
.book a {
  display: block;
  margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
  .book a {
    margin-bottom: 2vw;
  }
}

html {
    background: url(../images/bg-img.jpg) center 750px repeat-y,#630102;
}

/*gotopro 查看適用商品按鈕*/
.selected {
  position: relative;
}
.selected a {
  display: block;
  position: absolute;
  right: 22%;
  bottom: 7%;
  width: 34%;
}
@media screen and (max-width: 991px) {
  .selected a {
    right: 23%;
    bottom: 6%;
    width: 34%;
  }
}
.selected a img {
  width: 100%;
  display: block;
}

/*btn 領券後這裡用按鈕*/
.btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 30px auto;
}
.btn img {
  max-width: 500px;
  width: 100%;
}
@media screen and (max-width: 450px) {
  .btn img {
    max-width: 300px;
  }
}

.blk_bas{position: relative;margin-top: 10px;}

.blk_body{border-width: 5px;border-style: solid;  border-color: transparent;border-radius: 10px;background-image: linear-gradient(0deg,#9229a4 5%, #9229a4 75%), linear-gradient(45deg,#fff 0%,#a7a7a7 25%,#fff 50%,#a7a7a7 70%,#fff 100%);background-clip: padding-box, border-box;background-origin: padding-box, border-box;outline: 3px #550c61 solid;padding-top: 40px;}

.blk_head{background: transparent;margin-bottom: -80px;}
.btt{background: url(../images/title-simple.png)top center no-repeat;position: relative;;width: 700px;height: 170px;display: flex;justify-content: center;align-items: center;color: #fff;padding: 0 0 5px 0;font-size: 60px;font-style: italic;letter-spacing: 1px;}

.notice{color: #fff;padding-top: 40px;margin-bottom: -20px;}

.container{background: url(../images/kv-coupon_02.png)top center no-repeat;background-size: 100%;}

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

.blk_bas{position: relative;margin-top:2vw;}

.blk_body{border-width: 3px;border-style: solid; outline: 0px #550c61 solid;padding-top: 5vw;padding:5vw 0 0;}
.blk_head{margin-bottom: -15vw;}
.btt{background: url(../images/title-simple.png)top center no-repeat;position: relative;;width:94vw;height: 26vw;display: flex;justify-content: center;align-items: center;color: #fff;padding: 0 0 4vw 0;font-size: 8vw;font-style: italic;letter-spacing: 0px;background-size: 100%;}


.container{background: transparent;}
.notice{color: #fff;padding:0;}

}