.index-page.main {
  display: flex;
  flex-direction: column;
  background-color: #f0f7ed;
}
.index-page .nameSection {
  display: flex;
  flex-direction: column;
}
.index-page .imageFigure {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-page .contentBox {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  /* max-width: 1440px; */
  background-color: #5e3691;
}
.index-page .buttonRow {
  display: flex;
  margin: 0 auto;
  width: 873px;
  max-width: 85%;
}
@media (max-width: 1199px) {
  .index-page .buttonRow {
    flex-direction: column;
    align-items: center;
  }
}
.index-page .dailyReportBtn {
  display: flex;
  justify-content: center;
  min-width: 148px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  padding: 22.5px 24px;
  letter-spacing: 0.99px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 1199px) {
  .index-page .dailyReportBtn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .dailyReportBtn:hover {
  background-color: #22ac38ff;
}
.index-page .rankingQueryBtn {
  display: flex;
  justify-content: center;
  min-width: 148px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  padding: 22.5px 24px;
  letter-spacing: 0.99px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 1199px) {
  .index-page .rankingQueryBtn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .rankingQueryBtn:hover {
  background-color: #22ac38ff;
}
.index-page .eventRulesBtn {
  display: flex;
  justify-content: center;
  min-width: 148px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  padding: 22.5px 24px;
  letter-spacing: 0.99px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 1199px) {
  .index-page .eventRulesBtn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .eventRulesBtn:hover {
  background-color: #22ac38ff;
}
.index-page .eventPrizesBtn {
  display: flex;
  justify-content: center;
  min-width: 148px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  padding: 22.5px 24px;
  letter-spacing: 0.99px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 1199px) {
  .index-page .eventPrizesBtn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .eventPrizesBtn:hover {
  background-color: #22ac38ff;
}
.index-page .faqBtn {
  display: flex;
  justify-content: center;
  min-width: 133px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  padding: 22.5px 24px;
  letter-spacing: 0.99px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 1199px) {
  .index-page .faqBtn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .faqBtn:hover {
  background-color: #22ac38ff;
}
.index-page .winnerListBtn {
  display: flex;
  justify-content: center;
  min-width: 148px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  padding: 22.5px 24px;
  letter-spacing: 0.99px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 1199px) {
  .index-page .winnerListBtn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .winnerListBtn:hover {
  background-color: #22ac38ff;
}
.index-page .dailyReportSection {
  display: flex;
  flex-direction: column;
}
.index-page .flexColumn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px 0;
  margin: 80px auto 35px;
  width: 1120.0250244141px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .index-page .flexColumn {
    margin: 50px auto 35px;
  }
}
.index-page .flexRow {
  display: flex;
  align-items: center;
  gap: 0 12px;
  width: 169px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .index-page .flexRow {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.index-page .logoImage {
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-page .dailyReportTitle {
  display: flex;
  justify-content: center;
  font: 700 28px/1.46 "Noto Sans TC", Helvetica, Arial, serif;
  color: #22ac38;
  text-align: center;
  letter-spacing: 3.2px;
}
@media (max-width: 991px) {
  .index-page .dailyReportTitle {
    align-items: flex-start;
    font-size: 26px;
  }
}
@media (max-width: 479px) {
  .index-page .dailyReportTitle {
    font-size: 22px;
  }
}
.index-page .flexColumnContent {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.index-page .flexRowTitle {
  display: flex;
}
/* @media (max-width: 767px) {
  .index-page .flexRowTitle {
    flex-direction: column;
    align-items: center;
    gap: 30px 0;
  }
} */
.index-page .switchTabOn {
  display: flex;
  flex-direction: column;
  width: 560px;
  min-width: 0;
  background-color: #5e3691;
  border-radius: 32px 32px 0 0;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 767px) {
  .index-page .switchTabOn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .switchTabOn .busCardTitle {
  color: white;
  outline: none;
}
.index-page .switchTabOn .boatCardTitle {
  color: white;
  outline: none;
}
.index-page .switchTabOn:hover {
  background-color: #22ac38ff;
}
.index-page .switchTabOn:hover .busCardTitle {
  color: white;
  outline: none;
}
.index-page .switchTabOn:hover .boatCardTitle {
  color: white;
  outline: none;
}

.index-page .switchTabOn2 {
  display: flex;
  flex-direction: column;
  width: 1120px;
  min-width: 0;
  background-color: #5e3691;
  border-radius: 32px 32px 0 0;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 767px) {
  .index-page .switchTabOn2 {
    width: 100%;
    min-width: unset;
  }
}
.index-page .switchTabOn2 .busCardTitle {
  color: white;
  outline: none;
}
.index-page .switchTabOn2 .boatCardTitle {
  color: white;
  outline: none;
}
.index-page .switchTabOn2:hover {
  background-color: #22ac38ff;
}
.index-page .switchTabOn2:hover .busCardTitle {
  color: white;
  outline: none;
}
.index-page .switchTabOn2:hover .boatCardTitle {
  color: white;
  outline: none;
}


.index-page .switchTabOff {
  display: flex;
  flex-direction: column;
  width: 560px;
  min-width: 0;
  background-color: #e2dbea;
  border-radius: 32px 32px 0 0;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 767px) {
  .index-page .switchTabOff {
    width: 100%;
    min-width: unset;
  }
}
.index-page .switchTabOff .busCardTitle {
  color: #5e3691;
  outline: none;
}
.index-page .switchTabOff .boatCardTitle {
  color: #5e3691;
  outline: none;
}
.index-page .switchTabOff:hover {
  background-color: #22ac38ff;
}
.index-page .switchTabOff:hover .busCardTitle {
  color: white;
  outline: none;
}
.index-page .switchTabOff:hover .boatCardTitle {
  color: white;
  outline: none;
}
/* .index-page .busCardContentBox {
  display: flex;
  flex-direction: column;
  width: 560px;
  min-width: 0;
  background-color: #5e3691;
  border-radius: 32px 32px 0 0;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 767px) {
  .index-page .busCardContentBox {
    width: 100%;
    min-width: unset;
  }
}
.index-page .busCardContentBox:hover {
  background-color: #22ac38ff;
}
.index-page .busCardContentBox:hover .busCardTitle {
  color: white;
  outline: none;
} */
.index-page .busCardTitle {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 0.99px;
}
@media (max-width: 991px) {
  .index-page .busCardTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .busCardTitle {
    font-size: 20px;
  }
}
/* .index-page .boatCardContentBox {
  display: flex;
  flex-direction: column;
  width: 560px;
  min-width: 0;
  background-color: #e2dbea;
  border-radius: 32px 32px 0 0;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 767px) {
  .index-page .boatCardContentBox {
    width: 100%;
    min-width: unset;
  }
}
.index-page .boatCardContentBox:hover {
  background-color: #22ac38ff;
}
.index-page .boatCardContentBox:hover .boatCardTitle {
  color: white;
  outline: none;
} */
.index-page .boatCardTitle {
  display: flex;
  justify-content: center;
  margin: 20px auto;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  text-align: center;
  letter-spacing: 0.99px;
}
@media (max-width: 991px) {
  .index-page .boatCardTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .boatCardTitle {
    font-size: 20px;
  }
}
.index-page .flexRowRanking {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 0 0 32px 32px;
}
.index-page .flexRowStatistics {
  display: flex;
  margin: 40px auto 40px;
  width: 91.43%;
}
@media (max-width: 991px) {
  .index-page .flexRowStatistics {
    margin: 40px auto 150px;
  }
}
@media (max-width: 767px) {
  .index-page .flexRowStatistics {
    flex-direction: column;
    align-items: center;
    gap: 30px 0;
  }
}
@media (max-width: 575px) {
  .index-page .flexRowStatistics {
    margin: 40px auto 80px;
  }
}
@media (max-width: 383px) {
  .index-page .flexRowStatistics {
    margin: 40px auto 50px;
  }
}
.index-page .rideCountContentBox {
  display: flex;
  flex-direction: column;
  width: 512px;
  min-width: 0;
  background-color: #484848;
}
@media (max-width: 767px) {
  .index-page .rideCountContentBox {
    width: 100%;
    min-width: unset;
  }
}
.index-page .rideCountTitle_box {
  display: flex;
  justify-content: center;
  margin: 12px auto;
}
@media (max-width: 991px) {
  .index-page .rideCountTitle_box {
    align-items: flex-start;
  }
}
.index-page .rideCountTitle {
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .rideCountTitle {
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .rideCountTitle {
    font-size: 20px;
  }
}
.index-page .rideCountTitle_span0 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
}
.index-page .rideCountTitle_span1 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #fff100;
}
.index-page .rideCountTitle_span2 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
}
.index-page .amountCardContentBox {
  display: flex;
  flex-direction: column;
  width: 512px;
  min-width: 0;
  background-color: #484848;
  border-color: white;
  border-style: solid;
  border-width: 0 0 0 1px;
}
@media (max-width: 767px) {
  .index-page .amountCardContentBox {
    width: 100%;
    min-width: unset;
  }
}
.index-page .amountCardTitle_box {
  display: flex;
  justify-content: center;
  margin: 12px auto;
}
@media (max-width: 991px) {
  .index-page .amountCardTitle_box {
    align-items: flex-start;
  }
}
.index-page .amountCardTitle {
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: black;
  text-align: center;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .amountCardTitle {
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .amountCardTitle {
    font-size: 20px;
  }
}
.index-page .amountCardTitle_span0 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
}
.index-page .amountCardTitle_span1 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #fff100;
}
.index-page .amountCardTitle_span2 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
}
.index-page .rankingQuerySection {
  display: flex;
  flex-direction: column;
}
.index-page .flexColumn1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px 0;
  margin: 45px auto 37px;
  width: 1120.0250244141px;
  max-width: 85%;
}
.index-page .rankingImage {
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-page .rankingTitle {
  display: flex;
  justify-content: center;
  font: 700 28px/1.46 "Noto Sans TC", Helvetica, Arial, serif;
  color: #22ac38;
  text-align: center;
  letter-spacing: 3.2px;
}
@media (max-width: 991px) {
  .index-page .rankingTitle {
    align-items: flex-start;
    font-size: 26px;
  }
}
@media (max-width: 479px) {
  .index-page .rankingTitle {
    font-size: 22px;
  }
}
.index-page .contentBox1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  background-color: white;
  border-radius: 32px;
}
.index-page .flexColumn11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px 0;
  margin: 40px auto;
  width: 91.43%;
}
.index-page .flexRow1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 10px;
  width: 100%;
}
@media (max-width: 383px) {
  .index-page .flexRow1 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.index-page .cardNumberTitle {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .cardNumberTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .cardNumberTitle {
    font-size: 20px;
  }
}
.index-page .cardInputBox {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 908px;
  min-width: 0;
  background-color: white;
  border-radius: 12px;
  outline: 1px solid #5e3691;
  outline-offset: -1px;
}
.index-page .cardNumberSubtitle_box {
  position: relative;
  margin: 14px 0 13px 20px;
  width: 100%;
  max-width: 85%;
}
@media (max-width: 991px) {
  .index-page .cardNumberSubtitle_box {
    align-items: flex-start;
  }
}
@media (max-width: 575px) {
  .index-page .cardNumberSubtitle_box {
    margin: 14px 0 13px 16px;
  }
}
@media (max-width: 383px) {
  .index-page .cardNumberSubtitle_box {
    margin: 14px 0 13px 8px;
  }
}
.index-page .cardNumberSubtitle {
  width: 100%;
  font: 400 20px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #747474;
  background-color: transparent;
  border: 0;
  padding: 0;
  vertical-align: top;
}
@media (max-width: 991px) {
  .index-page .cardNumberSubtitle {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .index-page .cardNumberSubtitle {
    font-size: 16px;
  }
}
.index-page .cardNumberSubtitle:focus {
  outline: none;
}
.index-page .cardNumberImage {
  position: absolute;
  top: 50%;
  right: 19.9999389648px;
  width: 32px;
  transform: translate(0, -50%);
}
.index-page .flexRow2 {
  display: flex;
  align-items: center;
  gap: 0 16px;
  width: 100%;
}
@media (max-width: 1399px) {
  .index-page .flexRow2 {
    flex-direction: column;
    gap: 30px 16px;
  }
}
.index-page .captchaTitle {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 0.99px;
}
@media (max-width: 1399px) {
  .index-page .captchaTitle {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .index-page .captchaTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .captchaTitle {
    font-size: 20px;
  }
}
.index-page .captchaInputBox {
  display: flex;
  flex-direction: column;
  width: 694px;
  min-width: 0;
  background-color: white;
  border-radius: 12px;
  outline: 1px solid #5e3691;
  outline-offset: -1px;
}
@media (max-width: 1399px) {
  .index-page .captchaInputBox {
    width: 100%;
    min-width: unset;
  }
}
.index-page .captchaSubtitle_box {
  margin: 10px 0 9px 20px;
  width: 100%;
  max-width: 85%;
}
@media (max-width: 1399px) {
  .index-page .captchaSubtitle_box {
    width: 85%;
  }
}
@media (max-width: 991px) {
  .index-page .captchaSubtitle_box {
    align-items: flex-start;
  }
}
@media (max-width: 575px) {
  .index-page .captchaSubtitle_box {
    margin: 10px 0 9px 16px;
  }
}
@media (max-width: 383px) {
  .index-page .captchaSubtitle_box {
    margin: 10px 0 9px 8px;
  }
}
.index-page .captchaSubtitle {
  width: 100%;
  font: 400 20px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #747474;
  background-color: transparent;
  border: 0;
  padding: 0;
  vertical-align: top;
}
@media (max-width: 991px) {
  .index-page .captchaSubtitle {
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .index-page .captchaSubtitle {
    font-size: 16px;
  }
}
.index-page .captchaSubtitle:focus {
  outline: none;
}
.index-page .captchaImage {
  width: 198px;
  min-width: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 1399px) {
  .index-page .captchaImage {
    width: 100%;
    min-width: unset;
    max-width: 198px;
  }
}
.index-page .queryButton {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 162px;
  max-width: 100%;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #747474;
  border-radius: 12px;
  padding: 10.5px 8px;
  letter-spacing: 0.99px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
.index-page .queryButton:hover {
  background-color: #22ac38ff;
}
.index-page .queryButtonReady {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 162px;
  max-width: 100%;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  border-radius: 12px;
  padding: 10.5px 8px;
  letter-spacing: 0.99px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
.index-page .queryButtonReady:hover {
  background-color: #22ac38ff;
}
.index-page .activityGuidelinesSection {
  display: flex;
  flex-direction: column;
}
.index-page .flexColumnContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px 0;
  margin: 43px auto 37px;
  width: 1120.0250244141px;
  max-width: 85%;
}
.index-page .flexRowContainer {
  display: flex;
  align-items: center;
  gap: 0 12px;
  width: 169px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .index-page .flexRowContainer {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.index-page .activityImage {
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-page .activityTitle {
  display: flex;
  justify-content: center;
  font: 700 28px/1.46 "Noto Sans TC", Helvetica, Arial, serif;
  color: #22ac38;
  text-align: center;
  letter-spacing: 3.2px;
}
@media (max-width: 991px) {
  .index-page .activityTitle {
    align-items: flex-start;
    font-size: 26px;
  }
}
@media (max-width: 479px) {
  .index-page .activityTitle {
    font-size: 22px;
  }
}
.index-page .flexColumn12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px 0;
  margin: 40px auto 44px;
  width: 91.43%;
}
.index-page .flexRow11 {
  display: flex;
  gap: 0 20px;
  width: 531.987487793px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .index-page .flexRow11 {
    flex-direction: column;
    align-items: center;
    gap: 30px 20px;
  }
}
/* .index-page .monthlyBonusBtn {
  display: flex;
  justify-content: center;
  min-width: 256px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  border-radius: 29.5px;
  padding: 12px 40px;
  letter-spacing: 1.09px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 991px) {
  .index-page .monthlyBonusBtn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .monthlyBonusBtn:hover {
  background-color: #22ac38ff;
  color: white;
  outline: none;
} */
.index-page .switchBtnOn {
  display: flex;
  justify-content: center;
  min-width: 300px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  background-color: #5e3691;
  border-radius: 29.5px;
  padding: 12px 40px;
  letter-spacing: 1.09px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 991px) {
  .index-page .switchBtnOn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .switchBtnOn:hover {
  background-color: #22ac38ff;
  color: white;
  outline: none;
}
/* .index-page .weeklyBonusBtn {
  display: flex;
  justify-content: center;
  min-width: 256px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  text-align: center;
  border-radius: 29.5px;
  padding: 12px 40px;
  outline: 1px solid #5e3691;
  outline-offset: -1px;
  letter-spacing: 1.09px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 991px) {
  .index-page .weeklyBonusBtn {
    width: 100%;
    min-width: unset;
  }
}
.index-page .weeklyBonusBtn:hover {
  background-color: #22ac38ff;
  color: white;
  outline: none;
} */
.index-page .switchBtnOff {
  display: flex;
  justify-content: center;
  min-width: 300px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  text-align: center;
  border-radius: 29.5px;
  padding: 12px 40px;
  outline: 1px solid #5e3691;
  outline-offset: -1px;
  letter-spacing: 1.09px;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 991px) {
  .index-page .switchBtnOff {
    width: 100%;
    min-width: unset;
  }
}
.index-page .switchBtnOff:hover {
  background-color: #22ac38ff;
  color: white;
  outline: none;
}
.index-page .flexColumn2 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.index-page .flexColumn3 {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  width: 411px;
  max-width: 85%;
}
.index-page .centerH2 {
  text-align:center;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .centerH2 {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .centerH2 {
    font-size: 20px;
  }
}
.index-page .activityTimeTitle {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .activityTimeTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .activityTimeTitle {
    font-size: 20px;
  }
}
.index-page .activityTimeDuration {
  margin: 0 0 0 16px;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .activityTimeDuration {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .activityTimeDuration {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .index-page .activityTimeDuration {
    margin: 0 0 0 8px;
  }
}
.index-page .flexColumn4 {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin: 20px 0 0;
}
.index-page .activityContentTitle {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .activityContentTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .activityContentTitle {
    font-size: 20px;
  }
}
.index-page .activityDescription {
  margin: 0 0 0 16px;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .activityDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .activityDescription {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .index-page .activityDescription {
    margin: 0 0 0 8px;
  }
}
.index-page .scoringCriteriaContainer {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin: 20px 0 0;
}
.index-page .scoringCriteriaTitle {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .scoringCriteriaTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .scoringCriteriaTitle {
    font-size: 20px;
  }
}
.index-page .scoringCriteriaDescription {
  margin: 0 0 0 16px;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .scoringCriteriaDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .scoringCriteriaDescription {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .index-page .scoringCriteriaDescription {
    margin: 0 0 0 8px;
  }
}
.index-page .scoreCalculationContainer {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin: 24px 0 0;
}
.index-page .scoreCalculationTitle {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .scoreCalculationTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .scoreCalculationTitle {
    font-size: 20px;
  }
}
.index-page .scoreCalculationDescription {
  margin: 0 0 0 16px;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .scoreCalculationDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .scoreCalculationDescription {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .index-page .scoreCalculationDescription {
    margin: 0 0 0 8px;
  }
}
.index-page .participationConditionsContainer {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin: 20px 0 0;
}
.index-page .participationConditionsTitle {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .participationConditionsTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .participationConditionsTitle {
    font-size: 20px;
  }
}
.index-page .participationConditionsDescription {
  margin: 0 0 0 16px;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .participationConditionsDescription {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .participationConditionsDescription {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .index-page .participationConditionsDescription {
    margin: 0 0 0 8px;
  }
}
.index-page .prizeClaimingContainer {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  margin: 24px 0 0;
}
.index-page .prizeClaimingTitle {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .prizeClaimingTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .prizeClaimingTitle {
    font-size: 20px;
  }
}
.index-page .prizeClaimingInstructions {
  margin: 0 0 0 16px;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .prizeClaimingInstructions {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .prizeClaimingInstructions {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .index-page .prizeClaimingInstructions {
    margin: 0 0 0 8px;
  }
}
.index-page .activityAwardsSection {
  display: flex;
  flex-direction: column;
}
.index-page .flexColumn5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px 0;
  margin: 43px auto 40px;
  width: 1120.0250244141px;
  max-width: 85%;
}
.index-page .awardImage {
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-page .flexColumn13 {
  display: flex;
  flex-direction: column;
  gap: 44px 0;
  margin: 40px auto 52px;
  width: 91.43%;
}
@media (max-width: 383px) {
  .index-page .flexColumn13 {
    margin: 40px auto 50px;
  }
}
.index-page .flexColumn21 {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.index-page .monthlyBonusPlan {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .monthlyBonusPlan {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .monthlyBonusPlan {
    font-size: 20px;
  }
}
.index-page .topThreeMonthlyBonus {
  margin: 0 0 0 16px;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .topThreeMonthlyBonus {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .topThreeMonthlyBonus {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .index-page .topThreeMonthlyBonus {
    margin: 0 0 0 8px;
  }
}
.index-page .flex_col {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
}
.index-page .weeklyBonusPlan {
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .weeklyBonusPlan {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .weeklyBonusPlan {
    font-size: 20px;
  }
}
.index-page .weeklyWinnerAnnouncement {
  margin: 0 0 0 16px;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .weeklyWinnerAnnouncement {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .weeklyWinnerAnnouncement {
    font-size: 20px;
  }
}
@media (max-width: 383px) {
  .index-page .weeklyWinnerAnnouncement {
    margin: 0 0 0 8px;
  }
}
.index-page .activityQASection {
  display: flex;
  flex-direction: column;
}
.index-page .flexColumnContainer1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px 0;
  margin: 40px auto 33px;
  width: 1120.0141601563px;
  max-width: 85%;
}
.index-page .flexRowContainer1 {
  display: flex;
  align-items: center;
  gap: 0 12px;
  width: 151.9744262695px;
  max-width: 85%;
}
@media (max-width: 383px) {
  .index-page .flexRowContainer1 {
    -moz-column-gap: 8px;
    column-gap: 8px;
  }
}
.index-page .flexColumn14 {
  display: flex;
  flex-direction: column;
  margin: 40px auto;
  width: 91.43%;
}
.index-page .flexColumn22 {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
}
.index-page .flexRow3 {
  display: flex;
  gap: 0 8px;
}
.index-page .faqContentBox {
  width: 36px;
}
.index-page .queryWinnerTitle {
  margin: 1px 0 0;
  width: 980px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .queryWinnerTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .queryWinnerTitle {
    font-size: 20px;
  }
}
.index-page .rewardInfoSectionBox_box {
  margin: 0 0 0 auto;
  width: 95.7%;
}
@media (max-width: 991px) {
  .index-page .rewardInfoSectionBox_box {
    align-items: flex-start;
  }
}
.index-page .rewardInfoSectionBox {
  font: 700 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: black;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .rewardInfoSectionBox {
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .rewardInfoSectionBox {
    font-size: 20px;
  }
}
.index-page .rewardInfoSectionBox_span0 {
  font: 700 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
}
.index-page .rewardInfoSectionBox_span1 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
}
.index-page .rewardInfoSectionBox_span2 {
  font: 700 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
}
.index-page .rewardInfoSectionBox_span3 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
}
.index-page .rewardInfoSectionBox_span4 {
  font: 1em/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #22ac38;
}
.index-page .separatorLine {
  margin: 43px 0 0;
  width: 100%;
  height: 1px;
  min-height: 1px;
  background-color: #5e3691;
}
.index-page .flexColumn31 {
  display: flex;
  flex-direction: column;
  gap: 4px 0;
  margin: 20px 0 0;
}
.index-page .faqContentBoxClaim {
  width: 36px;
}
.index-page .inquiryTitleClaiming {
  margin: 1px 0 0;
  width: 980px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .inquiryTitleClaiming {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .inquiryTitleClaiming {
    font-size: 20px;
  }
}
.index-page .rewardClaimInstructions {
  margin: 0 0 0 auto;
  width: 95.7%;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .rewardClaimInstructions {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .rewardClaimInstructions {
    font-size: 20px;
  }
}
.index-page .separatorLineClaim {
  margin: 31px 0 0;
  width: 100%;
  height: 1px;
  min-height: 1px;
  background-color: #5e3691;
}
.index-page .faqContentBoxTax {
  width: 36px;
}
.index-page .inquiryTitleTaxLiability {
  margin: 1px 0 0;
  width: 980px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .inquiryTitleTaxLiability {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .inquiryTitleTaxLiability {
    font-size: 20px;
  }
}
.index-page .taxLiabilityInstructions {
  margin: 0 0 0 auto;
  width: 95.7%;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .taxLiabilityInstructions {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .taxLiabilityInstructions {
    font-size: 20px;
  }
}
.index-page .separatorLineTax {
  margin: 19px 0 0;
  width: 100%;
  height: 1px;
  min-height: 1px;
  background-color: #5e3691;
}
.index-page .faqContentBoxContact {
  width: 36px;
}
.index-page .inquiryTitleContact {
  margin: 1px 0 0;
  width: 980px;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: #5e3691;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .inquiryTitleContact {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .inquiryTitleContact {
    font-size: 20px;
  }
}
.index-page .contactInstructions {
  margin: 0 0 0 auto;
  width: 95.7%;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #484848;
  letter-spacing: 1.2px;
}
@media (max-width: 991px) {
  .index-page .contactInstructions {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .contactInstructions {
    font-size: 20px;
  }
}
.index-page .lineSeparator {
  margin: 19px 0 0;
  width: 100%;
  height: 1px;
  min-height: 1px;
  background-color: #5e3691;
}
.index-page .flexCol2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px 0;
  margin: 47px auto 120px;
  width: 1120.0250244141px;
  max-width: 85%;
}
@media (max-width: 575px) {
  .index-page .flexCol2 {
    margin: 47px auto 80px;
  }
}
@media (max-width: 383px) {
  .index-page .flexCol2 {
    margin: 47px auto 50px;
  }
}
.index-page .winnerImage {
  width: 32px;
  -o-object-fit: cover;
  object-fit: cover;
}
.index-page .winnerTitle {
  display: flex;
  justify-content: center;
  font: 700 28px/1.46 "Noto Sans TC", Helvetica, Arial, serif;
  color: #22ac38;
  text-align: center;
  letter-spacing: 3.2px;
}
@media (max-width: 991px) {
  .index-page .winnerTitle {
    align-items: flex-start;
    font-size: 26px;
  }
}
@media (max-width: 479px) {
  .index-page .winnerTitle {
    font-size: 22px;
  }
}
.index-page .flexColDetails {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.index-page .flexRowDetails {
  display: flex;
}
/* @media (max-width: 767px) {
  .index-page .flexRowDetails {
    flex-direction: column;
    align-items: center;
    gap: 30px 0;
  }
} */
/* .index-page .busCardContent {
  display: flex;
  flex-direction: column;
  width: 560px;
  min-width: 0;
  background-color: #5e3691;
  border-radius: 32px 32px 0 0;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 767px) {
  .index-page .busCardContent {
    width: 100%;
    min-width: unset;
  }
}
.index-page .busCardContent:hover {
  background-color: #22ac38ff;
}
.index-page .busCardContent:hover .busCardTitle {
  color: white;
  outline: none;
} */
/* .index-page .boatCardContent {
  display: flex;
  flex-direction: column;
  width: 560px;
  min-width: 0;
  background-color: #e2dbea;
  border-radius: 32px 32px 0 0;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media (max-width: 767px) {
  .index-page .boatCardContent {
    width: 100%;
    min-width: unset;
  }
}
.index-page .boatCardContent:hover {
  background-color: #22ac38ff;
}
.index-page .boatCardContent:hover .boatCardTitle {
  color: white;
  outline: none;
} */
.index-page .flexColButtons {
  display: flex;
  flex-direction: column;
  background-color: white;
  border-radius: 0 0 32px 32px;
}
.index-page .flexRowButtons {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px 0;
  margin: 40px auto 40px;
  width: 91.43%;
}
@media (max-width: 991px) {
  .index-page .flexRowButtons {
    margin: 40px auto 150px;
  }
}
@media (max-width: 575px) {
  .index-page .flexRowButtons {
    margin: 40px auto 80px;
  }
}
@media (max-width: 383px) {
  .index-page .flexRowButtons {
    margin: 40px auto 50px;
  }
}
.index-page .flex_row {
  display: flex;
  gap: 0 20px;
  width: 531.987487793px;
  max-width: 85%;
}
@media (max-width: 991px) {
  .index-page .flex_row {
    flex-direction: column;
    align-items: center;
    gap: 30px 20px;
  }
}
.index-page .flexColOctoberWinners {
  display: flex;
  flex-direction: column;
  /* gap: 180px 0; */
  width: 100%;
}
@media (max-width: 991px) {
  .index-page .flexColOctoberWinners {
    gap: 150px 0;
  }
}
@media (max-width: 575px) {
  .index-page .flexColOctoberWinners {
    gap: 80px 0;
  }
}
@media (max-width: 383px) {
  .index-page .flexColOctoberWinners {
    gap: 50px 0;
  }
}
.index-page .content_box {
  display: flex;
  flex-direction: column;
  background-color: #484848;
}
.index-page .octoberWinnersTitle {
  display: flex;
  justify-content: center;
  margin: 12px auto;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 1.09px;
}
@media (max-width: 991px) {
  .index-page .octoberWinnersTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .octoberWinnersTitle {
    font-size: 20px;
  }
}
.index-page .flexColNovemberWinners {
  display: flex;
  flex-direction: column;
  background-color: #484848;
}
.index-page .novemberWinnersTitle {
  display: flex;
  justify-content: center;
  margin: 12px auto;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 1.09px;
}
@media (max-width: 991px) {
  .index-page .novemberWinnersTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .novemberWinnersTitle {
    font-size: 20px;
  }
}
.index-page .flexColDecemberWinners {
  display: flex;
  flex-direction: column;
  background-color: #484848;
}
.index-page .decemberWinnersTitle {
  display: flex;
  justify-content: center;
  margin: 12px auto;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
  letter-spacing: 1.09px;
}
@media (max-width: 991px) {
  .index-page .decemberWinnersTitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .decemberWinnersTitle {
    font-size: 20px;
  }
}
.index-page .eventDetailsSection {
  display: flex;
  flex-direction: column;
  background-color: #22ac38;
}
.index-page .flexRowContainer1 {
  display: flex;
  justify-content: space-between;
  gap: 0 10px;
  margin: 26px auto 25px;
  width: 1120.0250244141px;
  max-width: 85%;
}
@media (max-width: 1199px) {
  .index-page .flexRowContainer1 {
    flex-direction: column;
    align-items: center;
    gap: 30px 10px;
  }
}
.index-page .organizerNameLabel {
  display: flex;
  justify-content: center;
  font: 400 20px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
@media (max-width: 1199px) {
  .index-page .organizerNameLabel {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .index-page .organizerNameLabel {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .index-page .organizerNameLabel {
    font-size: 16px;
  }
}
.index-page .executingUnitLabel {
  display: flex;
  justify-content: center;
  font: 400 20px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
@media (max-width: 1199px) {
  .index-page .executingUnitLabel {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .index-page .executingUnitLabel {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .index-page .executingUnitLabel {
    font-size: 16px;
  }
}
.index-page .dataUsageNoticeLabel {
  display: flex;
  justify-content: center;
  font: 400 20px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
  color: white;
  text-align: center;
}
@media (max-width: 1199px) {
  .index-page .dataUsageNoticeLabel {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .index-page .dataUsageNoticeLabel {
    align-items: flex-start;
    font-size: 18px;
  }
}
@media (max-width: 479px) {
  .index-page .dataUsageNoticeLabel {
    font-size: 16px;
  }
}
.index-page .comingSoonSubtitle {
  display: flex;
  justify-content: center;
  font: 400 24px/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: #747474;
  text-align: center;
  letter-spacing: 1.09px;
}
@media (max-width: 991px) {
  .index-page .comingSoonSubtitle {
    align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .index-page .comingSoonSubtitle {
    font-size: 20px;
  }
}

.announcement {
  text-align: center;
  color: red;
  font: 500 24px/1.45 "Noto Sans TC", Helvetica, Arial, serif;
}