@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  font-family: "微軟正黑體", "MS UI Gothic", Arial, Helvetica, sans-serif;
  font-size: 20px;
}

a, a:hover, a:active, a:visited {
  display: inline-block;
  color: #fff;
  text-decoration: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table, tr, th, td {
  margin: 0;
  padding: 0;
}

img {
  margin: 0;
  padding: 0;
  display: block;
}

.main {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  color: #333333;
  padding-top: 80px;
  font-size: 20px;
}

.section {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

/* kv */
.kv_container {
  width: 100%;
  margin: 0 auto;
  background: url("../images/kv_bg.png") center top no-repeat;
  background-color: #E1F1FF;
  background-size: cover;
}
.kv_container .kv {
  width: 100%;
  max-width: 1920px;
  height: 0px;
  padding-bottom: 26%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.kv_container .kv .title {
  width: 30%;
  margin: 0 auto;
  padding-top: 4%;
  margin-left: 27%;
  position: relative;
}
.kv_container .kv .currency {
  width: 12%;
  position: absolute;
  left: 75%;
  bottom: 10%;
  -webkit-animation: tada2;
          animation: tada2;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.kv_container .kv .currency .hand {
  width: 50%;
  position: absolute;
}
.kv_container .kv .currency .hand_right {
  left: 90%;
  top: 10%;
}
.kv_container .kv .currency .hand_left {
  left: -40%;
  top: 10%;
}
.kv_container .kv .flag_right, .kv_container .kv .flag_left {
  width: 33%;
  position: absolute;
  bottom: 0%;
  -webkit-animation: pulse;
          animation: pulse;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.kv_container .kv .flag_right {
  right: 0%;
}
.kv_container .kv .flag_left {
  left: 0%;
}
.kv_container .kv .back {
  width: 8%;
  position: absolute;
}
.kv_container .kv .dark {
  left: 10%;
  bottom: 0%;
}
.kv_container .kv_2 {
  background-color: #F2F9FF;
  height: 0px;
  padding-bottom: 2%;
  position: relative;
}
.kv_container .kv_2 .coin {
  width: 12%;
  position: absolute;
  left: 62%;
  bottom: 0%;
  -webkit-animation: tada;
          animation: tada;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.kv_container .kv_2 .coin .hand {
  width: 50%;
  position: absolute;
  left: -40%;
  top: -20%;
}

/* conten */
.content_container {
  width: 100%;
  margin: 0 auto;
  background-color: #F2F9FF;
  padding: 5% 0px;
}

.content {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  background: #ffffff;
  border-radius: 45px;
  border: 5px solid #BADEFF;
  padding: 6% 10%;
  -webkit-box-shadow: 0px 15px 0px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 15px 0px 0px rgba(0, 0, 0, 0.05);
}

/* 大標 */
.big_tit {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.big_tit h1 {
  color: #0052B2;
  font-size: 36px;
  font-weight: 800;
  line-height: 140%;
}
.big_tit .icon {
  width: 52px;
}

/* event */
.event_part {
  padding: 3% 0px;
  font-weight: 600;
  line-height: 140%;
}

/* .event_tit */
.event_tit {
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}
.event_tit h2 {
  color: #0052B2;
  font-size: 24px;
  font-weight: 900;
}
.event_tit .icon {
  width: 24px;
}

.event_txt ol {
  margin-left: 15px;
}
.event_txt ol li {
  list-style: decimal;
}
.event_txt ol li ol {
  padding-left: 10px;
}
.event_txt ol li ol li {
  list-style: upper-alpha;
}
.event_txt .red {
  color: #E93D13;
}

.event_txt_left {
  text-align: justify;
}

table {
  width: 100%;
  background-color: #d6eafc;
  border: 2px solid white;
  color: #0052B2;
  border-radius: 35px;
  overflow: hidden;
}
table .thead {
  background-color: #0052B2;
  color: white;
  font-weight: 500;
}
table th, table td {
  border: 2px solid white;
  vertical-align: middle;
  text-align: center;
  padding: 30px 10px;
}
table th span, table td span {
  font-size: 32px;
}
table th br, table td br {
  content: "";
  display: none;
}
table th {
  padding: 5px 10px;
}

.btn {
  display: inline-block;
  color: white;
  background: #E93D13;
  padding: 15px 40px;
  border-radius: 15px;
  margin: 10px 0px;
  -webkit-box-shadow: 0px 8px 0px 0px rgba(233, 61, 19, 0.5);
          box-shadow: 0px 8px 0px 0px rgba(233, 61, 19, 0.5);
  -webkit-transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s;
  transition: transform 0.3s, box-shadow 0.3s, -webkit-transform 0.3s, -webkit-box-shadow 0.3s;
}
.btn p {
  display: inline-block;
  vertical-align: middle;
  padding: 0px;
}
.btn img {
  width: 12px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.btn:hover {
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(233, 61, 19, 0.5);
          box-shadow: 0px 0px 0px 0px rgba(233, 61, 19, 0.5);
}

/* notice */
.notice_container {
  background: #0052B2;
  padding-bottom: 30px;
}

.notice {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 4% 5% 5%;
  font-size: 15px;
  line-height: 2;
  color: #fff;
  text-align: justify;
}
.notice .big_tit h1 {
  color: white;
}
.notice .big_tit .icon {
  width: 40px;
}

.notice_all {
  padding: 2%;
}

.notice_all a {
  color: #e94c96;
  font-weight: bold;
  text-decoration: underline;
}

.notice_all ul {
  margin: 0;
  padding-left: 18px;
  list-style-type: cjk-ideographic;
}

/* .notice_all ul>li{} */
.notice_all ul > li > ol {
  list-style-type: decimal;
  padding-left: 18px;
}

.notice_all ul > li > ol > li > ol {
  list-style-type: upper-alpha;
  padding-left: 22px;
}

#contTab {
  display: none;
}

.content-more {
  display: none;
}

#contTab:checked ~ #cont {
  max-height: 180px;
  overflow: hidden;
}

#contTab:checked ~ .content-more {
  display: block;
  position: relative;
  padding-top: 20px;
  padding-bottom: 30px;
  text-align: center;
}

#contTab:checked ~ .content-more .gradient {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 239, 212, 0)), to(#0052B2));
  background-image: linear-gradient(-180deg, rgba(254, 239, 212, 0), #0052B2);
  height: 90px;
  position: absolute;
  left: 0;
  top: -80px;
  width: 100%;
}

#contTab:checked ~ .content-more .readmore {
  display: inline-block;
  background: #fff;
  color: #0052B2;
  width: 175px;
  height: 42px;
  border-radius: 42px;
  line-height: 42px;
  font-size: 20px;
  font-weight: 600;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  opacity: 1;
}

#contTab:checked ~ .content-more .readmore:hover {
  opacity: 0.7;
}

/* kv RWD */
@media screen and (max-width: 767px) {
  .kv_container .kv {
    width: 100%;
    height: 0;
    padding-bottom: 135%;
    background: url("../images/kv_bg_mob.png") center top no-repeat;
    background-size: 100% auto;
  }
  .kv_container .kv .title {
    width: 75%;
    margin: 0 auto;
    padding-top: 20%;
    position: relative;
  }
  .kv_container .kv .currency {
    width: 33%;
    position: absolute;
    left: 52%;
    bottom: 0%;
  }
  .kv_container .kv .currency .hand {
    width: 50%;
    position: absolute;
  }
  .kv_container .kv .currency .hand_right {
    left: 90%;
    top: 10%;
  }
  .kv_container .kv .currency .hand_left {
    left: -40%;
    top: 10%;
  }
  .kv_container .kv .flag_right {
    width: 75%;
    position: absolute;
    bottom: 0%;
    right: 0%;
  }
  .kv_container .kv .flag_left {
    visibility: hidden;
  }
  .kv_container .kv .back {
    visibility: hidden;
  }
  .kv_container .kv_2 {
    padding-bottom: 8%;
  }
  .kv_container .kv_2 .coin {
    width: 32%;
    position: absolute;
    left: 25%;
    bottom: 0%;
  }
  .kv_container .kv_2 .coin .hand {
    width: 50%;
    position: absolute;
    left: -40%;
    top: -20%;
  }
}
/* kv RWD end */
@media screen and (max-width: 1024px) {
  .main {
    padding-top: 76px;
  }
  .content {
    border: 3px solid #BADEFF;
    -webkit-box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 10px 0px 0px rgba(0, 0, 0, 0.05);
  }
}
@media screen and (max-width: 915px) {
  .section.content_container table td {
    padding: 25px 5px;
  }
  .section.content_container table span {
    font-size: 20px;
  }
}
@media screen and (max-width: 811px) {
  .section.content_container table td br {
    content: "";
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .main {
    padding-top: 58px;
  }
  .content {
    border: 2px solid #BADEFF;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
            box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  }
}
@media screen and (max-width: 665px) {
  .section.content_container {
    font-size: 16px;
  }
  .section.content_container table td span {
    font-size: 16px;
  }
  .section.content_container .event_tit {
    gap: 5px;
  }
  .section.content_container .event_tit h2 {
    font-size: 20px;
  }
  .section.content_container .event_tit .icon {
    width: 20px;
    height: 20px;
  }
  .big_tit {
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
  }
  .big_tit h1 {
    color: #0052B2;
    font-size: 28px;
    font-weight: 800;
    line-height: 140%;
  }
  .big_tit .icon {
    width: 24px;
  }
  .content {
    padding: 10% 8%;
  }
}
@media screen and (max-width: 445px) {
  .section.content_container .event_part {
    padding: 5% 0px;
  }
  .section.content_container .event_tit h2 {
    font-size: 16px;
  }
  .section.content_container .event_tit .icon {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 390px) {
  .section.content_container table td br {
    content: "";
    display: block;
  }
}