@charset "UTF-8";
:root {
  --fallback-font-stack: Noto Sans TC, Helvetica, Arial, serif;
}

.w187719.root {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: rgb(12, 28, 44);
  overflow: hidden;
}
.w187719 .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto 48px;
  width: 100%;
  max-width: 1920px;
  background: var(--src) 50% 0%/auto no-repeat;
}
.w187719 .wrapper__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
}
.w187719 .flex_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 0;
  margin: 0 auto;
  width: 100%;
}
.w187719 .header {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 36.357vw;
  max-height: 509px;
}
.w187719 .image {
  position: absolute;
  top: 0;
  right: -3.75%;
  bottom: -36.54%;
  width: 54.92%;
}
.w187719 .slogan {
  position: absolute;
  bottom: -0.59%;
  left: 11.64%;
  width: 56.17%;
}
.w187719 .logo {
  position: absolute;
  top: 32.81%;
  left: 11.64%;
  width: 25.286%;
}
.w187719 .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 1094px;
  overflow: hidden;
}
.w187719 .content-bg {
  position: absolute;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.w187719 .cont-top {
  height: 14.286vw;
  max-height: 200px;
  background: var(--src) center center/100% no-repeat;
  overflow: hidden;
}
.w187719 .cont-center {
  width: 100%;
  height: 100%;
  background: var(--src) center center/100% repeat-y;
}
.w187719 .cont-bottom {
  width: 100%;
  height: 14.357vw;
  max-height: 201px;
  background: var(--src) center center/100% no-repeat;
}
.w187719 .content__main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.w187719 .flex_col1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 56px;
  margin: 120px auto;
  width: 918.015625px;
  max-width: 85%;
}
@media (max-width: 575px) {
  .w187719 .flex_col1 {
    position: relative;
    margin: 80px auto;
  }
}
@media (max-width: 383px) {
  .w187719 .flex_col1 {
    row-gap: 50px;
    margin: 50px auto;
  }
}
.w187719 .part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
}
.w187719 .h4 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(99, 132, 217, 0)), color-stop(69.71%, rgba(96, 85, 211, 0)), to(rgba(96, 85, 211, 0)));
  background-image: linear-gradient(90deg, rgba(99, 132, 217, 0) 0%, rgba(96, 85, 211, 0) 69.71%, rgba(96, 85, 211, 0) 100%);
  border-radius: 21.5px 0 0 21.5px;
}
.w187719 .info {
  margin: 10px 0 10px 20px;
  width: 92px;
  max-width: 85%;
  font: 500 1.4375rem/1 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 238, 97);
}
@media (max-width: 991px) {
  .w187719 .info {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .w187719 .info {
    position: relative;
    margin: 10px 0 10px 16px;
  }
}
@media (max-width: 479px) {
  .w187719 .info {
    font-size: 18px;
  }
}
@media (max-width: 383px) {
  .w187719 .info {
    margin: 10px 0 10px 8px;
  }
}
.w187719 .part-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.w187719 .flex_col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  margin: 0 16px;
}
@media (max-width: 383px) {
  .w187719 .flex_col2 {
    position: relative;
    margin: 0 8px;
  }
}
.w187719 .p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.w187719 .info1 {
  font: 1rem/1.75 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
}
.w187719 .ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 12px;
  margin: 0 16px;
}
@media (max-width: 383px) {
  .w187719 .ul {
    position: relative;
    margin: 0 8px;
  }
}
.w187719 .ul-li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
}
.w187719 .icon_num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 32px;
}
.w187719 .info2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 4px 0 0;
  font: 1rem/1 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
  text-align: right;
}
.w187719 .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.w187719 .desc {
  font: 1rem/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
}
.w187719 .table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1px;
  margin: 0 16px;
  background-color: rgb(86, 119, 145);
  outline-offset: 0;
  outline: rgb(86, 119, 145) solid 1px;
}
.w187719 .table-tr-col-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 1px;
     -moz-column-gap: 1px;
          column-gap: 1px;
}
.w187719 .table-td-style1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bg-top, #1bbfdc)), to(var(--bg-bottom, #0e4fe0)));
  background-image: linear-gradient(180deg, var(--bg-top, #1bbfdc) 0%, var(--bg-bottom, #0e4fe0) 100%);
}
.w187719 .table-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 500 1.125rem/1 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media (max-width: 991px) {
  .w187719 .table-text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 16px;
  }
}
.w187719 .table-text1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font: 500 1.125rem/1 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
  text-align: center;
}
@media (max-width: 991px) {
  .w187719 .table-text1 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 16px;
  }
}
@media (max-width: 383px) {
  .w187719 .table-text1 {
    position: relative;
    margin: 0 8px;
  }
}
.w187719 .table-td-style2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 8px;
  background-image: -webkit-gradient(linear, left top, right top, from(var(--bg-top, #142c3f)), to(var(--bg-bottom, #142c3f)));
  background-image: linear-gradient(90deg, var(--bg-top, #142c3f) 0%, var(--bg-bottom, #142c3f) 100%);
}
.w187719 .prize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 8px;
  width: 100%;
  padding: 8px;
}
@media (max-width: 383px) {
  .w187719 .prize {
    position: relative;
    margin: 0 8px;
  }
}
.w187719 .iphone16pro {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .table-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font: 500 1rem/1 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
  text-align: center;
}
.w187719 .table-text1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  font: 500 1rem/1 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 225, 0);
  text-align: center;
}
.w187719 .table-td-style11 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bg-top, #142c3f)), to(var(--bg-bottom, #142c3f)));
  background-image: linear-gradient(180deg, var(--bg-top, #142c3f) 0%, var(--bg-bottom, #142c3f) 100%);
}
.w187719 .table-text2 {
  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;
  height: 100%;
  font: 500 1rem/1 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 8px;
}
.w187719 .itemIdSprite_90111032_L {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .itemIdSprite_90111030_L {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .gold_1g {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .itemIdSprite_90111027_L {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .gem_Lv04 {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .gem_Lv03 {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .gem_Lv02 {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .gem_Lv01 {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .info3 {
  margin: 10px 0 10px 20px;
  width: 115px;
  max-width: 85%;
  font: 500 1.4375rem/1 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(255, 238, 97);
}
@media (max-width: 991px) {
  .w187719 .info3 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 575px) {
  .w187719 .info3 {
    position: relative;
    margin: 10px 0 10px 16px;
  }
}
@media (max-width: 479px) {
  .w187719 .info3 {
    font-size: 18px;
  }
}
@media (max-width: 383px) {
  .w187719 .info3 {
    margin: 10px auto;
  }
}
.w187719 .part-main1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.w187719 .table-td-style21 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 8px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(var(--bg-top, #142c3f)), to(var(--bg-bottom, #142c3f)));
  background-image: linear-gradient(180deg, var(--bg-top, #142c3f) 0%, var(--bg-bottom, #142c3f) 100%);
}
.w187719 .gem_Lv09 {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .itemIdSprite_90111013_L {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .gem_Lv08 {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .gem_Lv07 {
  width: calc(100% - 16px);
  max-width: 120px;
  -o-object-fit: cover;
     object-fit: cover;
}
.w187719 .info31 {
  font: 1rem/1.5 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(0, 0, 0);
  text-transform: none;
}
.w187719 .info31_span0 {
  font: 1em/1.5 "Microsoft JhengHei", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
}
.w187719 .info31_span1 {
  font: 1em/1.5 "Microsoft JhengHei", Helvetica, Arial, serif;
  color: rgb(93, 234, 250);
}
.w187719 .info31_span2 {
  font: 1em/1.5 "Microsoft JhengHei", Helvetica, Arial, serif;
  color: rgb(255, 255, 255);
}
.w187719 .gototop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.w187719 .info4 {
  margin: 0 auto;
  font: 700 1.5rem/1.33 "Noto Sans TC", Helvetica, Arial, serif;
  color: rgb(171, 163, 255);
}
@media (max-width: 991px) {
  .w187719 .info4 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 22px;
  }
}
@media (max-width: 479px) {
  .w187719 .info4 {
    font-size: 20px;
  }
}
.w187719 ul {
  list-style-type: "＊";
  margin: 16px 16px 0 16px;
}
.w187719 ul li {
  display: list-item;
}