@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
.containers {
  max-width: 1210px;
  width: 100%;
  padding-right: 24px;
  padding-left: 24px;
  margin-right: auto;
  margin-left: auto;
}

.pcOnly {
  display: block;
}
@media (max-width: 768px) {
  .pcOnly {
    display: none;
  }
}

.mobileOnly {
  display: none;
}
@media (max-width: 768px) {
  .mobileOnly {
    display: block;
  }
}

@keyframes updown {
  0% {
    transform: translateY(8px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes updown2 {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(10px);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.poi {
  padding: 100px 0;
  background: url(../images/bg.jpg?v=20250323) top center repeat-y;
}
@media (max-width: 576px) {
  .poi {
    padding: 40px 0;
  }
}

.get-poi-list {
  display: none;
}

.poi-goods {
  padding: 0px 0;
  position: relative;
  z-index: 0;
  text-align: center;
  /*三個一排*/
  /*切換*/
  /*一般的樣式*/
  /*poi選單*/
}
.poi-goods .ph {
  margin: 80px auto 16px auto;
}
@media (max-width: 992px) {
  .poi-goods .ph {
    margin: 40px auto 16px auto;
  }
}
.poi-goods.poi-3 .ph-group-content {
  width: calc(33.3333333333% - 11px);
}
@media (max-width: 992px) {
  .poi-goods.poi-3 .ph-group-content {
    width: calc(50% - 16px);
  }
}
@media (max-width: 576px) {
  .poi-goods.poi-3 .ph-group-content {
    width: 90%;
    flex-shrink: 0;
  }
}
.poi-goods.poi-2 .ph-group-content {
  width: calc(33.3333333333% - 11px);
}
@media (max-width: 992px) {
  .poi-goods.poi-2 .ph-group-content {
    width: calc(50% - 16px);
  }
}
@media (max-width: 576px) {
  .poi-goods.poi-2 .ph-group-content {
    width: 90%;
    flex-shrink: 0;
  }
}
.poi-goods.poi-change .ph-group {
  display: none;
}
.poi-goods.poi-change .ph-group.on {
  display: flex;
}
.poi-goods.poi-change .ph-group-title {
  display: none;
}
.poi-goods .ph-group-title {
  display: block;
  padding: 16px 0;
  color: #fff;
  background: unset;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
  }
}
.poi-goods .ph-group {
  display: flex;
  margin: 0px auto 160px auto;
  position: relative;
  justify-content: center;
  flex-wrap: wrap;
  text-align: left;
  width: 100%;
  gap: 16px;
}
.poi-goods .ph-group:nth-last-child(1) {
  margin: 0px auto 40px auto;
}
@media (max-width: 992px) {
  .poi-goods .ph-group {
    margin: 0px auto 80px auto;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group {
    justify-content: flex-start;
    gap: 8px;
  }
}
.poi-goods .ph-group::before {
  content: "";
  position: absolute;
  top: -120px;
  left: -25px;
  background: #FF5648;
  border-radius: 100px 100px 30px 30px;
  width: calc(100% + 50px);
  height: calc(100% + 145px);
  z-index: -1;
}
@media (max-width: 992px) {
  .poi-goods .ph-group::before {
    border-radius: 60px 60px 20px 20px;
    width: calc(100% + 50px);
    height: calc(100% + 100px);
    top: -80px;
  }
}
.poi-goods .ph-group-content {
  border-radius: 10px;
  padding: 16px 16px 52px 16px;
  position: relative;
  width: calc(25% - 12px);
  transition: 0.3s;
  color: unset;
  background: #FFF;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
}
@media (max-width: 992px) {
  .poi-goods .ph-group-content {
    width: calc(50% - 16px);
    padding: 14px 14px 43px 14px;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content {
    overflow: hidden;
    padding: 0 0 32px 0;
    width: calc(50% - 4px);
  }
}
.poi-goods .ph-group-content:has(.ph-group-content-photo-super) {
  border: 6px #FFF500 solid;
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content:has(.ph-group-content-photo-super) {
    border-width: 2px;
    padding-top: 0px;
  }
}
.poi-goods .ph-group-content:hover {
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.1));
}
.poi-goods .ph-group-content:hover .ph-group-content-otherlink a {
  color: #FFF;
  background: #5AC4F1;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
  }
}
.poi-goods .ph-group-content.box1 {
  padding: 16px;
  width: 100%;
  gap: 16px;
  display: flex;
  flex-wrap: nowrap;
}
.poi-goods .ph-group-content.box1 .ph-group-content-photo {
  width: 45%;
  display: flex;
  flex-wrap: wrap;
}
.poi-goods .ph-group-content.box1 .ph-group-content-photo img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.poi-goods .ph-group-content.box1 .ph-group-content-photo .ph-group-content-tag {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  margin: 0;
}
.poi-goods .ph-group-content.box1 .ph-group-content-photo .ph-group-content-photo-super {
  right: 0px;
}
.poi-goods .ph-group-content.box1 .ph-group-content-text {
  width: 53%;
  display: inline-block;
  padding: 0 0 29px 0;
  position: relative;
}
.poi-goods .ph-group-content.box1 .ph-group-content-text .ph-group-content-text-price {
  bottom: 0;
}
.poi-goods .ph-group-content.box2 {
  width: 45%;
  flex-grow: 1;
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 16px;
  position: unset;
}
.poi-goods .ph-group-content.box2 .ph-group-content-photo {
  width: 55%;
  display: flex;
  flex-wrap: wrap;
}
.poi-goods .ph-group-content.box2 .ph-group-content-photo img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.poi-goods .ph-group-content.box2 .ph-group-content-photo .ph-group-content-tag {
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  margin: 0;
}
.poi-goods .ph-group-content.box2 .ph-group-content-photo .ph-group-content-photo-super {
  right: 0px;
}
.poi-goods .ph-group-content.box2 .ph-group-content-text {
  width: calc(45% - 16px);
  display: inline-block;
  padding: 0 0 36px 0;
  position: relative;
}
.poi-goods .ph-group-content.box2 .ph-group-content-text-price {
  bottom: 0;
}
.poi-goods .ph-group-content.box3 {
  width: 30%;
  flex-grow: 1;
}
.poi-goods .ph-group-content-photo {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.poi-goods .ph-group-content-photo a {
  order: 2;
}
.poi-goods .ph-group-content-photo img {
  width: 100%;
}
.poi-goods .ph-group-content-photo .ph-group-content-photo-super {
  position: absolute;
  bottom: 0;
  right: -16px;
  font-size: 18px;
  font-weight: 700;
  color: #4658FF;
  background: #FFF500;
  padding: 6px 8px;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super {
    font-size: 16px;
  }
}
@media (max-width: 1500px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super {
    font-size: 15px;
  }
}
@media (max-width: 1200px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super {
    font-size: 18px;
    font-weight: 700;
  }
}
@media (max-width: 1200px) and (max-width: 768px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super {
    font-size: 16px;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super {
    font-size: 3.3vw;
    width: 100%;
    right: 0;
    text-align: center;
    padding: 6px 2px;
    letter-spacing: -0.2px;
  }
}
.poi-goods .ph-group-content-photo .ph-group-content-photo-super::after {
  content: "";
  background: url(../../images/memberday/poi_super.svg?v=20250323) no-repeat top center;
  height: 30px;
  width: 12px;
  position: absolute;
  left: -12px;
  top: 0;
}
@media (max-width: 1500px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super::after {
    height: 27px;
  }
}
@media (max-width: 1200px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super::after {
    height: 30px;
  }
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super::after {
    height: 28px;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content-photo .ph-group-content-photo-super::after {
    content: unset;
  }
}
.poi-goods .ph-group-content-photo .ph-group-content-tag {
  display: block;
  width: calc(100% + 32px);
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  color: #4C49FF;
  background: #E7E6FF;
  text-align: center;
  order: 1;
  margin-bottom: 16px;
  margin-left: -16px;
  margin-right: -16px;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-photo .ph-group-content-tag {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
  }
}
@media (max-width: 992px) {
  .poi-goods .ph-group-content-photo .ph-group-content-tag {
    width: calc(100% + 28px);
    margin-left: -14px;
    margin-right: -14px;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content-photo .ph-group-content-tag {
    margin-bottom: 0px;
  }
}
.poi-goods .ph-group-content-text-name {
  padding: 0;
  margin: 8px auto;
  color: #333333;
  background: unset;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-text-name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content-text-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    padding: 0 8px;
  }
}
.poi-goods .ph-group-content-text-detail {
  word-break: break-all;
  margin: 8px auto;
  height: 100%;
  color: #515151;
  background: unset;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-text-detail {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content-text-detail {
    display: none;
  }
}
.poi-goods .ph-group-content-text-detail a {
  color: #515151;
  background: unset;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
  height: 100%;
  word-break: break-all;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-text-detail a {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
  }
}
.poi-goods .ph-group-content-text-price {
  position: absolute;
  left: 50%;
  bottom: 16px;
  letter-spacing: 0.2px;
  font-family: "Montserrat", "Noto Sans TC";
  border-radius: 99em;
  padding: 0 16px;
  transform: translateX(-50%);
  white-space: nowrap;
  color: #fff;
  background: #FF491A;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-text-price {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
  }
}
.poi-goods .ph-group-content-text-price span {
  vertical-align: baseline !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-text-price span {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content-text-price {
    bottom: 8px;
    padding: 0 8px;
  }
}
.poi-goods .ph-group-content-text-sale {
  color: #4457FF;
  background: linear-gradient(0deg, #FFF698 0%, #FFF698 100%);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-text-sale {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-group-content-text-sale {
    display: none;
  }
}
.poi-goods .ph-group-content-text-sale a {
  padding: 8px;
  display: block;
  color: #4457FF;
  background: linear-gradient(0deg, #FFF698 0%, #FFF698 100%);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-text-sale a {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
  }
}
.poi-goods .ph-group-content-otherlink {
  display: none;
  text-align: center;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
@media (max-width: 992px) {
  .poi-goods .ph-group-content-otherlink {
    bottom: 14px;
    right: 14px;
  }
}
.poi-goods .ph-group-content-otherlink a:empty {
  display: none;
}
.poi-goods .ph-group-content-otherlink a {
  color: #5AC4F1;
  background: unset;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5;
  padding: 4px 16px;
  border: 2px solid #3e43ff;
  border-radius: 50px;
}
@media (max-width: 768px) {
  .poi-goods .ph-group-content-otherlink a {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
  }
}
.poi-goods.poi-hide-menu .ph-menu {
  display: none;
}
.poi-goods .ph-menu {
  display: flex;
  justify-content: center;
}
@media (max-width: 576px) {
  .poi-goods .ph-menu {
    flex-wrap: nowrap;
    justify-content: left;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    overflow-x: scroll;
    margin-left: 0%;
  }
}
.poi-goods .ph-menu .slidecontain {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 0px;
  width: 100%;
}
@media (max-width: 576px) {
  .poi-goods .ph-menu .slidecontain {
    flex-wrap: nowrap;
    justify-content: flex-start;
    display: inline-flex;
  }
}
@media (max-width: 576px) {
  .poi-goods .ph-menu .slidecontain li {
    flex-shrink: 0;
    width: auto;
    flex-grow: 0;
  }
}
.poi-goods .ph-menu .slidecontain li a {
  padding: 8px 16px;
  display: block;
  border-radius: 50px;
}
@media (max-width: 576px) {
  .poi-goods .ph-menu .slidecontain li a {
    padding: 5px 10px;
  }
}
.poi-goods .ph-menu .slidecontain li:hover a, .poi-goods .ph-menu .slidecontain li.on a {
  font-weight: 700;
}
.poi-goods.poi-hide-price .ph-group-content {
  padding: 16px;
}
@media (max-width: 992px) {
  .poi-goods.poi-hide-price .ph-group-content {
    padding: 14px;
  }
}
.poi-goods.poi-hide-price .ph-group-content .ph-group-content-text-price {
  display: none;
}
.poi-goods.poi-hide-price .ph-group-content .ph-group-content-text-sale {
  display: none;
}
.poi-goods.hide-ph-group-title .ph-group-title {
  display: none;
}

.poi-goods.fit .ph-group-content-photo .ph-group-content-tag {
  color: #0005D1;
  background: #E8EAFF;
}
.poi-goods.fit .ph-group-content-text-sale a {
  color: #002C5C;
  background: #E6E900;
}
.poi-goods.fit .ph-group-content-text-price {
  color: #fff;
  background: #814000;
}

/*影片part*/
.get-movie-goods {
  display: none;
}

.movie-goods-content {
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: center;
  background: #FFC14A;
  border-radius: 38px;
  padding: 24px 80px;
  gap: 100px;
  position: relative;
  overflow: hidden;
  align-items: stretch;
}
@media (max-width: 1500px) {
  .movie-goods-content {
    gap: 10px;
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .movie-goods-content {
    padding: 20px;
  }
}
@media (max-width: 576px) {
  .movie-goods-content {
    padding: 8px;
    border-radius: 12px;
  }
}
.movie-goods-content::before {
  content: "";
  background: url(../../images/memberday/movie-title-poi.png?v=20250323) no-repeat top center;
  height: 259px;
  width: 24px;
  position: absolute;
  left: 30px;
  top: 30px;
}
@media (max-width: 1500px) {
  .movie-goods-content::before {
    content: unset;
  }
}
.movie-goods-content .ph-group-content {
  width: 100% !important;
}
@media (max-width: 992px) {
  .movie-goods-content .ph-group-content {
    flex-grow: 1;
    width: 40% !important;
  }
}
.movie-goods-content .get-movie-img {
  width: 45%;
  position: relative;
  flex-grow: 1;
  min-height: 490px;
}
@media (max-width: 992px) {
  .movie-goods-content .get-movie-img {
    width: 40%;
    min-height: unset;
  }
}
.movie-goods-content .get-movie-img::before {
  content: "";
  background: url(../../images/memberday/movie-title-img.png?v=20250323) no-repeat top center;
  height: 145px;
  width: 24px;
  position: absolute;
  left: -42px;
  top: 6px;
}
@media (max-width: 1500px) {
  .movie-goods-content .get-movie-img::before {
    content: unset;
    left: unset;
    right: -42px;
  }
}
@media (max-width: 768px) {
  .movie-goods-content .get-movie-img::before {
    content: unset;
  }
}
.movie-goods-content .get-movie-img .movie-youtube {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.movie-goods-content .get-movie-img iframe {
  min-height: 280px;
  aspect-ratio: 16/9;
}
.movie-goods-content .get-movie-img img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.movie-goods-content .get-movie-img img.movie-img-hand {
  max-width: 59px;
  width: 100%;
  height: auto;
  position: absolute;
  right: -68px;
  bottom: -31px;
}
@media (max-width: 1500px) {
  .movie-goods-content .get-movie-img img.movie-img-hand {
    right: -29px;
  }
}
@media (max-width: 768px) {
  .movie-goods-content .get-movie-img img.movie-img-hand {
    right: -22px;
    bottom: -23px;
  }
}
@media (max-width: 576px) {
  .movie-goods-content .get-movie-img img.movie-img-hand {
    right: -10px;
    bottom: -14px;
    max-width: 50px;
  }
}
.movie-goods-content .get-movie-img img.movie-img-hand:hover {
  filter: brightness(105%);
}

#memberday-tw .poi {
  background: url(../images/memberday/bg-tw.jpg?v=20250323) top center repeat-y;
}
#memberday-tw .poi-goods .ph-group::before {
  background: #FF4FD8;
}
#memberday-tw .poi-goods .ph-group-content:has(.ph-group-content-photo-super) {
  border: 6px #FF491A solid;
}
#memberday-tw .poi-goods .ph-group-content-text-sale {
  color: #00787C;
  background: #FFF698;
}
#memberday-tw .poi-goods .ph-group-content-text-sale a {
  color: #00787C;
  background: #FFF698;
}
#memberday-tw .poi-goods .ph-group-content-tag {
  background: #C3F3F0;
  color: #00787C;
}
#memberday-tw .poi-goods .ph-group-content-text-price {
  background: #FF491A;
}
#memberday-tw .poi-goods .ph-group-content-photo-super {
  color: #FFF500;
  background: #FF491A;
}
#memberday-tw .poi-goods .ph-group-content-photo-super::after {
  content: "";
  background: url(../images/memberday/poi_super_tw.svg?v=20250323) no-repeat top center;
}

#infor .main-content {
  background: url(../images/memberday/bg-deeporange.jpg?v=20250323) top center repeat-y;
  padding: 50px 0 0 0;
}

.h2-title {
  font-size: 32px;
  font-weight: 900;
  color: #1F8DE8;
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .h2-title {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .h2-title {
    font-size: 24px;
    font-weight: 900;
  }
}
@media (max-width: 992px) {
  .h2-title {
    width: 100%;
  }
}
.h2-title:has(.title3_infor) {
  width: auto;
}
.h2-title:has(.title2_infor) {
  width: auto;
}
.h2-title:has(.title1_infor) {
  width: auto;
}
.h2-title:has(.title6_infor) {
  width: auto;
}
.h2-title img {
  width: min(348px, 70%);
}
.h2-title img.title1_infor {
  width: min(565px, 95%);
}
.h2-title img.title2_infor {
  width: min(412px, 70%);
}
.h2-title img.title3_infor {
  width: min(565px, 100%);
}
.h2-title img.title6_infor {
  width: min(565px, 100%);
}
.h2-title span {
  position: relative;
}

.h3-title {
  text-align: center;
  overflow: hidden;
}
@media (max-width: 576px) {
  .h3-title {
    overflow: hidden;
  }
}
.h3-title span {
  position: relative;
  display: inline-block;
}
.h3-title span:has(.title1-1_infor)::before {
  content: "";
  position: absolute;
  background: url(../../images/memberday/title-dot_infor.svg?v=20250323) center center no-repeat;
  left: 89%;
  width: 454px;
  height: 40px;
  top: 10%;
}
@media (max-width: 576px) {
  .h3-title span:has(.title1-1_infor)::before {
    left: 93%;
  }
}
.h3-title span:has(.title1-1_infor)::after {
  content: "";
  position: absolute;
  background: url(../../images/memberday/title-dot_infor.svg?v=20250323) center center no-repeat;
  right: 89%;
  width: 454px;
  height: 40px;
  top: 10%;
  transform: scale(-1);
}
@media (max-width: 576px) {
  .h3-title span:has(.title1-1_infor)::after {
    right: 93%;
  }
}
.h3-title span:has(.title1-2_infor) {
  margin-top: 40px;
}
.h3-title span:has(.fit)::before {
  background: url(../images/memberday/title-dot_fit.svg) center center no-repeat;
  left: 91%;
}
@media (max-width: 576px) {
  .h3-title span:has(.fit)::before {
    left: 81%;
  }
}
.h3-title span:has(.fit)::after {
  background: url(../images/memberday/title-dot_fit.svg) center center no-repeat;
  right: 91%;
}
@media (max-width: 576px) {
  .h3-title span:has(.fit)::after {
    right: 81%;
  }
}
@media (max-width: 576px) {
  .h3-title span img {
    width: min(419px, 80%);
  }
}
@media (max-width: 576px) {
  .h3-title span img.title1-1_infor {
    width: min(489px, 80%);
  }
}

.infor-content {
  padding-top: 80px;
  padding-bottom: 80px;
}
@media (max-width: 992px) {
  .infor-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.infor-content#memberLevel {
  background: #FFF5E3;
  margin: 0 auto;
  max-width: 1162px;
  border-radius: 30px;
  margin-bottom: 80px;
  padding-bottom: 40px;
}
@media (max-width: 992px) {
  .infor-content#memberLevel {
    margin-bottom: 60px;
  }
}
@media (max-width: 1200px) {
  .infor-content#memberLevel {
    width: 95%;
  }
}

/*-----------------------------*/
.member_content {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 80px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 992px) {
  .member_content {
    margin-bottom: 60px;
  }
}
@media (max-width: 768px) {
  .member_content {
    flex-wrap: wrap;
  }
}
.member_content.last {
  margin-bottom: 0;
}
.member_content .member_level {
  flex-shrink: 1;
}
.member_content .member_level img {
  max-width: 380px;
  width: 100%;
}
@media (max-width: 768px) {
  .member_content .member_level img {
    max-width: unset;
  }
}
.member_content .member_new {
  flex-shrink: 1;
  transition: 0.3s;
}
.member_content .member_new:hover {
  transform: scale(0.95);
}
.member_content .member_new img {
  width: 100%;
}
@media (max-width: 768px) {
  .member_content .member_new img {
    max-width: unset;
  }
}

.joinmember_btn {
  position: relative;
  display: block;
  margin: 0px auto;
  width: 100%;
  max-width: 280px;
  font-size: 24px;
  font-weight: 700;
  padding: 8px 16px;
  color: white;
  background: linear-gradient(180deg, #FF7C43 0%, #F63521 100%);
  box-shadow: 0px 3px 0px 0px #CB210F;
  text-align: center;
  border-radius: 10px;
  transition: all 0.2s;
}
@media (max-width: 768px) {
  .joinmember_btn {
    font-size: 20px;
    font-weight: 700;
  }
}
.joinmember_btn:hover {
  transform: translateY(5px);
  filter: brightness(1.2);
}
.joinmember_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 44px;
  height: 44px;
  background: url(../../images/memberday/finger.svg) top center no-repeat;
  transform: translate(35%, -20%);
}

.memberWish {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #FFF5E3;
}
@media (max-width: 992px) {
  .memberWish {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.memberWish .memberImg {
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .memberWish .memberImg {
    margin-bottom: 24px;
  }
}
.memberWish .memberImg img {
  max-width: 1200px;
  width: 100%;
  border-radius: 10px;
  transition: 0.3s;
}
.memberWish .memberImg img:hover {
  transform: scale(0.98);
}
.memberWish ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 24px 8px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .memberWish ul {
    margin-bottom: 24px;
  }
}
.memberWish ul li {
  display: inline-block;
  justify-content: center;
  flex-wrap: nowrap;
  flex-shrink: 1;
  flex-grow: 0;
}
@media (max-width: 1500px) {
  .memberWish ul li {
    width: 25%;
  }
}
@media (max-width: 576px) {
  .memberWish ul li {
    width: calc(50% - 4px);
  }
}
.memberWish ul li .photo {
  display: block;
  margin: 0 auto;
  width: 80%;
  text-align: center;
}
.memberWish ul li .photo img {
  width: 100%;
  max-width: 180px;
}
.memberWish ul li .text {
  display: block;
  width: 100%;
  text-align: center;
}
.memberWish ul li .text h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 8px auto 4px auto;
  color: #4128DB;
}
@media (max-width: 768px) {
  .memberWish ul li .text h3 {
    font-size: 20px;
    font-weight: 700;
  }
}
.memberWish ul li .text mark {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background: #FF301A;
  border-radius: 5rem;
  padding: 0.2rem 0.5rem;
  margin: 0 auto 4px auto;
  display: inline-block;
}
@media (max-width: 768px) {
  .memberWish ul li .text mark {
    font-size: 14px;
    font-weight: 700;
  }
}
.memberWish ul li .text p {
  font-size: 16px;
  font-weight: 400;
  color: #FF301A;
}
@media (max-width: 768px) {
  .memberWish ul li .text p {
    font-size: 14px;
    font-weight: 700;
  }
}

.noteInformation {
  padding-top: 80px;
  padding-bottom: 80px;
  background: url(../../images/bg-deeporange.jpg?v=20250323) top center repeat-y;
}
@media (max-width: 992px) {
  .noteInformation {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.noteInformation h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  margin: 24px auto;
}
@media (max-width: 768px) {
  .noteInformation h3 {
    font-size: 20px;
  }
}
.noteInformation h3 span {
  display: inline-block;
  padding: 0px 20px;
  border-radius: 99em;
  background: #FF4F3C;
  color: #fff;
}
.noteInformation ul {
  margin: 0 auto;
  background: white;
  max-width: 1162px;
  padding: 40px;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 400;
}
@media (max-width: 768px) {
  .noteInformation ul {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .noteInformation ul {
    padding: 24px;
  }
}
.noteInformation ul li {
  list-style-type: disc;
  margin-left: 1em;
  padding: 4px 0;
}
.noteInformation ul li.mark {
  color: #FF4F3C;
}
.noteInformation ul li .infor-li-img {
  width: 100%;
  text-align: center;
  margin: 16px auto;
}
.noteInformation ul li .infor-li-img img {
  width: min(527px, 100%);
}
.noteInformation ul .mark {
  color: #FF0000;
}

.comingSoonBox {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  display: block;
  z-index: 999;
}
.comingSoonBox .comingSoonBoxClose {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border: 2px solid #fff;
  z-index: 100;
  border-radius: 10px;
  transition: all 0.2s;
}
@media (max-width: 768px) {
  .comingSoonBox .comingSoonBoxClose {
    font-size: 16px;
  }
}
.comingSoonBox .comingSoonBoxClose:hover {
  background: #fff;
  color: #333;
}
.comingSoonBox .comingSoonBoxImg {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
.comingSoonBox .comingSoonBoxImg img {
  width: 100%;
  max-width: 1000px;
  border-radius: 20px;
}

/*fit*/
.infor-text {
  background: linear-gradient(180deg, #FFF 0%, #FFE1EB 100%);
  padding: 40px 40px 40px 60px;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .infor-text {
    padding: 24px 24px 24px 40px;
  }
}
.infor-text li {
  font-size: 16px;
  font-weight: 500;
  color: #992B8A;
  text-align: left;
  list-style-type: circle;
}
@media (max-width: 768px) {
  .infor-text li {
    font-size: 14px;
  }
}/*# sourceMappingURL=all-memberday.css.map */