@charset "UTF-8";
body {
  background: url("https://events.cdn-tkec.tw/events_net/events_net/PXDAY/images/2602/bg.jpg") center;
}
#store-container .logo {
  background: #fff;
}
#store-container .background {
  width: 100%;
  height: 0;
  position: relative;
  padding-bottom: 29%;
  margin: 0 auto 5%;
}
#store-container .background .swiper-pagination {
  bottom: 15px !important;
}
#store-container .background .no {
  pointer-events: none;
  cursor: auto;
}

nav swiper-container::part(wrapper) {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.custom-top.isShow {
  display: block;
}
/*倒數*/
.timearea span p {
    display: block;
    width: 40%;
    margin: 0 auto 3vw;
    padding: 1em;
    font-size: 2.5em;
    font-weight: 600;
    color: #a71e25;
    background-color: rgba(255, 255, 255, 0.95);
}
/*三重好禮*/
.gifts{
	display: block;
	margin: 0 auto;
	width: 60%;
}
.giftM{
	display: none;
}
/*天天瘋搶*/
.special-box swiper-container swiper-slide {
    width: 24% !important;
    margin: auto 0.5% !important;
}
/*樓層*/
section .title {
    width: 60%;
    margin: 3vw auto 2vw;
}
.bg01 {
    background: none;
}
@media only screen and (max-width:1100px) {
.timearea span p {
    width: 55%;
    font-size: 2em;
}

section .title {
	width: 52%;
    margin: 6vw auto 2vw;
}
}
/* 手機版 */
@media only screen and (max-width: 991px) {
  nav swiper-container::part(wrapper) {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
  }
  #store-container .background {
    padding-bottom: 90vw;
  }
  #store-container .background .swiper-pagination {
    bottom: 20px !important;
  }
.timearea span p {
    width: 75%;
	margin: 0 auto 6vw;
    font-size: 2.5em;
}
	/*三重好禮*/
	.giftM{
		display: block;
	}
	.giftPC{
		display: none;
	}
	.gifts {
    width: 67%;
}
	/**/
	section .title {
        margin: 6vw auto 3vw;
    }
	.special-box swiper-container swiper-slide {
    width: 30% !important;
    margin: auto 1% !important;
}
}
@media only screen and (max-width: 576px) {
  .copyR {
    margin-bottom: 0;
  }
  #store-container .background .swiper-pagination {
    bottom: 3vw !important;
  }
	#store-container .background {
  padding-bottom: 30%;
}
#store-container nav {
  background: #000;
  color: #fff;
}
.timearea span p {
    font-size: 1.5em;
}
	/**/
	.gifts {
        width: 90%;
    }
    section .title {
        width: 79%;
        margin: 8vw auto 3vw;
    }
.special-box swiper-container swiper-slide {
    width: 44% !important;
}
}


@media only screen and (max-width: 992px) {
  #store-container .background {
    padding-bottom: 95vw;
  }
}