@charset "UTF-8";
.wrapper {
  background-image: url(/mobile/games/we5/images/indexbg_m.jpg);
  background-size: cover;
  background-position: center bottom;
  background-attachment: scroll;
  overflow: hidden;
  padding-bottom: 215px;
  margin-top: 45px;
  min-height: calc(100vh - 45px);
}
@media only screen and (min-width: 1024px) {
  .wrapper {
    margin-top: 86px;
  }
}
@media only screen and (min-width: 640px) {
  .wrapper {
    background-image: url(/mobile/games/we5/images/indexbg.jpg);
    padding-bottom: 133px;
  }
}

.container {
  padding-bottom: 0;
}

.header {
  background-color: initial;
}
.header img {
  width: 150%;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media only screen and (min-width: 1024px) {
  .header img {
    width: 100%;
  }
}

#content {
  width: 95%;
  margin: 0 auto;
  background: url(/mobile/games/we5/images/page/page_cont_bgcenter.png);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100%;
  overflow-y: initial;
  margin-top: 5%;
  margin-bottom: 5%;
  padding: 3%;
  position: relative;
  z-index: 1;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
@media only screen and (min-width: 1024px) {
  #content {
    max-width: 1100px;
    margin-top: 3%;
    margin-bottom: 5%;
    padding: 3% 8%;
  }
}
#content::before, #content::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  background-position: top center !important;
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  position: absolute;
  left: 0;
}
#content::before {
  padding-bottom: 17.81%;
  background: url(/mobile/games/we5/images/page/page_cont_bgtop.png);
  top: 0;
  -webkit-transform: translateY(-15%) translateZ(-10px);
          transform: translateY(-15%) translateZ(-10px);
}
#content::after {
  padding-bottom: 10.15%;
  background: url(/mobile/games/we5/images/page/page_cont_bgbottom.png);
  bottom: 0;
  -webkit-transform: translateY(65%) translateZ(0);
          transform: translateY(65%) translateZ(0);
}
#content h3, #content h4 {
  color: #8069FF;
  margin: 24px 0 8px 0;
}
#content h3::before, #content h3::after, #content h4::before, #content h4::after {
  font-family: FontAwesome;
  font-size: 1em;
}
#content h3::before, #content h4::before {
  content: "\f053  ";
}
#content h3::after, #content h4::after {
  content: " \f054";
}
#content p {
  line-height: 1.5em;
  width: 100%;
}
#content img {
  max-width: 100%;
  height: initial !important;
}
#content .content--before {
  display: none !important;
}

.bigTitle {
  width: 100%;
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);
}
.bigTitle img {
  width: auto;
  max-width: 85%;
}

.content_tabs--Main {
  position: relative;
  margin: 16px auto 24px auto;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (min-width: 1280px) {
  .content_tabs--Main {
    margin: 0 auto 16px auto;
  }
}
.content_tabs--Box {
  width: 95%;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  .content_tabs--Box {
    width: 950px;
  }
}
.content_tabs--Box .eventTabs {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#CDABFC), to(#fbeeff));
  background: linear-gradient(to bottom, #CDABFC 0%, #fbeeff 100%);
  border-radius: 15px 15px 0 0;
  margin-left: 0;
}
@media only screen and (min-width: 1024px) {
  .content_tabs--Box .eventTabs {
    background: transparent;
  }
}
.content_tabs--Box .eventTabs img {
  display: block;
  position: absolute;
  left: 530px;
  top: -15px;
}
.content_tabs--Box .eventTabs li {
  list-style: none;
  font: 20px/24px, "微軟正黑體", "Microsoft JhengHei", "新細明體";
  padding: 8px 0 8px 0;
}
@media only screen and (min-width: 1024px) {
  .content_tabs--Box .eventTabs li {
    width: 129px;
    height: 45px;
  }
}
.content_tabs--Box .eventTabs li a {
  width: calc(5em + 16px);
  font-size: 1.15em;
  padding: 8px;
  color: #A176AC;
  font-weight: bold;
  text-align: center;
  display: block;
  text-decoration: none;
  letter-spacing: 0;
  border-right: 2px solid #A176AC;
}
@media only screen and (min-width: 1024px) {
  .content_tabs--Box .eventTabs li a {
    width: 129px;
    height: 45px;
    padding: 0;
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 100% 0;
    background-size: 200% 100%;
    color: #b3b2b7;
    text-shadow: 1px 1px #fff;
    font-size: 1em;
    line-height: 45px;
    border-right: none;
  }
}
.content_tabs--Box .eventTabs li a:hover {
  color: #D55F00;
  background-size: 200%;
}
@media only screen and (min-width: 1024px) {
  .content_tabs--Box .eventTabs li a:hover {
    background-position: 0 0;
    text-shadow: 1px 1px #523e73;
    color: #ffffff;
  }
}
.content_tabs--Box .eventTabs li.active a {
  color: #D55F00;
  background-size: 200% !important;
}
@media only screen and (min-width: 1024px) {
  .content_tabs--Box .eventTabs li.active a {
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 0 0;
    text-shadow: 1px 1px #523e73;
    color: #fff;
  }
}
.content_tabs--Box .eventBoxs {
  width: 100%;
  background: #fbeeff;
  padding: 24px;
  position: relative;
  border-radius: 0 0 15px 15px;
}
@media only screen and (min-width: 1024px) {
  .content_tabs--Box .eventBoxs {
    background: url(/mobile/games/we5/images/newBg.png) left top repeat-x, #fbeeff;
    border-radius: 0;
  }
}
.content_tabs--Box .eventBoxs p {
  margin-left: 0;
}
.content_tabs--Box .eventBoxs .noticeBox {
  width: 100%;
  padding: 16px 24px;
  margin: 8px 0;
  background: #ffffc0;
  color: #fff;
  line-height: 1.5em;
  outline: 2px dashed #BDB3FF;
  outline-offset: -12px;
  border-radius: 15px;
  color: #561DB4;
}
.content_tabs--Box-B {
  width: 95%;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  .content_tabs--Box-B {
    width: 950px;
  }
}
.content_tabs--Box-B .eventTabs {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 0;
  margin-left: 0;
  border-radius: 15px 15px 0 0;
}
.content_tabs--Box-B .eventTabs li {
  list-style: none;
  padding: 3px;
}
.content_tabs--Box-B .eventTabs li a {
  display: block;
  text-decoration: none;
  letter-spacing: 0;
  background-image: none;
  background: #7F68FD;
  padding: 8px;
  border-radius: 32px;
  color: #fff;
  text-shadow: none;
  border-right: none;
  border: 2px solid #7F68FD;
}
.content_tabs--Box-B .eventTabs li a:hover {
  color: #e97558;
  background: #ffee8d;
  border: 2px solid #ffc31d;
  font-weight: bold;
}
.content_tabs--Box-B .eventTabs li.active a {
  color: #e97558;
  background: #ffee8d;
  border: 2px solid #ffc31d;
  font-weight: bold;
}

.tab--styleA ul {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 0 !important;
  margin-left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#CDABFC), to(#fbeeff));
  background: linear-gradient(to bottom, #CDABFC 0%, #fbeeff 100%);
  border-radius: 15px 15px 0 0;
  padding: 8px 0;
}
@media only screen and (min-width: 1024px) {
  .tab--styleA ul {
    background: transparent;
    padding: 0;
  }
}
.tab--styleA-button {
  width: calc(5rem + 16px);
  height: 45px;
  font-size: 1.15em;
  padding: 8px;
  color: #A176AC;
  font-weight: bold;
  text-align: center;
  display: block;
  text-decoration: none;
  letter-spacing: 1px;
  border-right: 2px solid #A176AC;
}
@media only screen and (min-width: 1024px) {
  .tab--styleA-button {
    width: 129px;
    height: 45px;
    padding: 0;
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 100% 0;
    background-size: 200% 100%;
    color: #b3b2b7;
    text-shadow: 1px 1px #fff;
    font-size: 1em;
    line-height: 45px;
    border-right: none;
  }
}
.tab--styleA-button:nth-last-child(1) {
  border: none;
}
.tab--styleA-button a {
  width: 100%;
  height: 100%;
  display: block;
  color: #A176AC;
  font-weight: bold;
  font-size: 1.15rem;
}
@media only screen and (min-width: 1024px) {
  .tab--styleA-button a {
    color: #b3b2b7;
    line-height: 45px;
  }
}
.tab--styleA-button a:hover {
  color: #D55F00 !important;
  font-size: 1.15rem;
  padding: 0;
  color: #A176AC;
  font-weight: bold;
  text-align: center;
  display: block;
  text-decoration: none;
  letter-spacing: 1px;
}
@media only screen and (min-width: 1024px) {
  .tab--styleA-button a:hover {
    width: 100%;
    height: 45px;
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 0 0;
    background-size: 200% 100% !important;
    text-shadow: 1px 1px #523e73;
    color: #fff !important;
    border-right: 0;
    padding: 0;
  }
}
.tab--styleA .tab--styleA-buttonhover {
  width: calc(5rem + 16px);
  color: #D55F00 !important;
  font-size: 1.15rem;
  padding: 8px;
  color: #A176AC;
  font-weight: bold;
  text-align: center;
  display: block;
  text-decoration: none;
  letter-spacing: 1px;
  border-right: 2px solid #A176AC;
}
@media only screen and (min-width: 1024px) {
  .tab--styleA .tab--styleA-buttonhover {
    width: 129px;
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 0 0;
    background-size: 200% 100%;
    text-shadow: 1px 1px #523e73;
    color: #fff !important;
    border-right: 0;
  }
}
.tab--styleA-data {
  width: 100%;
  background: #fbeeff;
  padding: 16px;
  position: relative;
  border-radius: 0;
  font-size: 1rem;
}
@media only screen and (min-width: 1024px) {
  .tab--styleA-data {
    background: url(/mobile/games/we5/images/newBg.png) left top repeat-x, #fbeeff;
    padding: 24px 16px 8px 16px;
  }
}
.tab--styleA-data p {
  margin-left: 0;
}

.prizeAction h2 {
  display: none;
}

ul.accordion {
  width: 100%;
  list-style: none;
  margin: 3px auto;
}
ul.accordion li {
  width: 100%;
  font-size: 1.25rem;
  padding: 3px 0;
  margin-bottom: 0;
}
ul.accordion li .FAQ__link {
  display: block;
  width: 100%;
  font-size: 1.2rem;
  padding: 16px;
  border-radius: 10px;
  text-decoration: none;
  color: #6a4c72;
  background: -webkit-gradient(linear, left top, left bottom, from(#f0cafa), to(#fae6ff));
  background: linear-gradient(top, #f0cafa 0%, #fae6ff 100%);
  background-color: #d2dfe8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
ul.accordion li .FAQ__link::after {
  content: "\f078";
  font-family: "FontAwesome";
  color: #6a4c72;
}
ul.accordion li .FAQ__info {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-color: #fff3ca;
  border: 8px solid #ffee8d;
  border-top: 0;
  display: none;
}
ul.accordion li .FAQ__info__main {
  width: 100%;
  padding: 0;
  background-image: var(--background);
  background-size: auto 100%;
  background-position: top right;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.accordion li .FAQ__info__main p {
  width: 90%;
  margin: 0 auto;
  font-size: 1rem !important;
  line-height: 1.2em !important;
  padding: 8px;
}
ul.accordion li .FAQ__info__main p a {
  color: #0066ff;
  text-decoration: none;
}
ul.accordion li .FAQ__info__main p a:hover {
  color: #ff39d4;
}
ul.accordion li.open .FAQ__link {
  color: #a52100;
  padding: 15px 1em;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffd153), to(#ffee8d));
  background: linear-gradient(top, #ffd153 0%, #ffee8d 100%);
  border-bottom: 1px solid #ffee8d;
  border-radius: 10px 10px 0 0;
  display: -webkit-box;
}
ul.accordion li.open .FAQ__link p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: vertical;
}
ul.accordion li.open .FAQ__link::after {
  content: "\f077";
  font-family: "FontAwesome";
  color: #a52100;
}
ul.accordion li.open .FAQ__info {
  display: block;
}

.table tr td, .table tr th {
  border: 1px solid #AB9BEF;
}

.table {
  width: 95%;
  margin: 8px auto;
  font-family: "Helvetica Neue", "微軟正黑體", "Helvetica", "Arial", "PingFangTC-Light", "STHeitiTC-Light", "Microsoft JhengHei", sans-serif;
  font-size: 1em;
  word-break: break-all;
  border-spacing: 0;
  border-collapse: initial;
  color: #7F7F7F;
  border: 3px solid #AB9BEF;
}
.table tr {
  background: #fff;
}
.table tr th {
  text-align: center;
  font-size: 1.025em;
  font-weight: bold;
  padding: 8px;
  position: relative;
  background: #561DB4;
  color: #fff;
}
.table tr th.title {
  background: #dbd3ff;
  color: #561DB4;
}
.table tr td {
  text-align: center;
  line-height: 24px;
  font-weight: bold;
  padding: 8px;
}
.table tr td p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.table tr td a {
  color: #f300f3;
}
.table tr td a:hover {
  color: #ff9100;
}

.buttons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 8px 0;
}
.buttons.flex-end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.buttons.flex-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.buttons a {
  background: #8069FF;
  color: #fff;
  padding: 8px 16px;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  margin: 3px;
}

.button--styleA {
  background: #8069FF;
  font-weight: bold;
}
.button--styleB {
  border: 3px #BDB7D5 solid;
  color: #888888;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.cardBox {
  width: 100%;
  padding: 16px;
  margin: 8px 0;
  background: #fae6ff;
  color: #fff;
  line-height: 1.5em;
  border-radius: 15px;
  color: #561DB4;
}
.cardBox p {
  padding-left: 0;
}

.idApply {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}

.button__group ul {
  margin-left: 0;
  padding-left: 0 !important;
}

.form {
  width: 100%;
  margin: 0;
}
.form[name=Search] {
  border: 1px solid #deb1e9;
  background: #fae6ff;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form[name=List] {
  padding: 0 8px 8px 0;
  background: #fbeeff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-radius: 0 0 15px 15px;
}
@media only screen and (min-width: 1024px) {
  .form[name=List] {
    border-radius: 0;
  }
}
.form .page_item {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form .page_item select {
  width: 72px;
}

.form--styleA input[type=text], .form--styleA input[type=hidden], .form--styleA input[type=email], .form--styleA input[type=password], .form--styleA input[type=number],
.form--styleB input[type=text],
.form--styleB input[type=hidden],
.form--styleB input[type=email],
.form--styleB input[type=password],
.form--styleB input[type=number] {
  border: 1px #8069FF solid !important;
}
.form--styleA select,
.form--styleB select {
  border: 1px #8069FF solid !important;
}
.form--styleA textarea,
.form--styleB textarea {
  border: 1px #8069FF solid !important;
}
.form--styleA .fileImg--styleA,
.form--styleB .fileImg--styleA {
  border: 2px #8069FF solid !important;
}
.form--styleA .fileImg--styleA ul li,
.form--styleB .fileImg--styleA ul li {
  color: #8069FF;
}
.form--styleA .radio label,
.form--styleB .radio label {
  color: #000;
}
.form--styleA .phoneno input:nth-child(1),
.form--styleB .phoneno input:nth-child(1) {
  width: 20%;
}
.form--styleA .phoneno input:nth-child(2),
.form--styleB .phoneno input:nth-child(2) {
  width: 35%;
}
.form--styleA ul.boxsearch,
.form--styleB ul.boxsearch {
  padding-left: 0 !important;
}

.btn_advanced_setting, .btn_advanced_setting_hover {
  background: none !important;
}
.btn_advanced_setting a, .btn_advanced_setting_hover a {
  width: 3em !important;
  line-height: 3em !important;
  height: 3em !important;
  overflow: hidden;
}
.btn_advanced_setting a::before, .btn_advanced_setting_hover a::before {
  content: "\f013";
  display: block;
  font-family: FontAwesome;
  font-size: 30px;
  color: #8069FF;
}

.btn_group__btn {
  background: #8069FF !important;
  -webkit-box-shadow: 0 2px 0 #6050bb !important;
          box-shadow: 0 2px 0 #6050bb !important;
}

.box--styleA {
  width: 100%;
  border-radius: 10px;
  background: #fae6ff;
  border: 0;
  color: #561DB4;
  padding: 16px;
}

.fa-exclamation-circle::before {
  color: #f00;
}

.color--backgroundA {
  background: #8069FF;
}

a.bugreport-button__active {
  color: #ffff59 !important;
}
a.bugreport-button__active:hover {
  color: #ffd000 !important;
}

a.button--styleC {
  color: #ffff59;
  text-decoration: none;
}

.suspension table {
  width: 100%;
}
.suspension select {
  border-radius: 30px;
  padding: 3px;
  margin: 8px;
}
.suspension select[name=gp] {
  background: #f1d2ff;
  color: #635568;
  border: 1px solid #fff;
}

.scroll {
  border: 2px solid #561DB4;
}
.scroll .fa {
  color: #561DB4;
}

#Post h2 {
  display: block;
  width: 100%;
  font-size: 1.125rem;
  color: #8069FF;
  margin-bottom: 8px;
  border-bottom: 1px dashed #8069FF;
  font-weight: bold;
}

.btn_modify_IDfile {
  border-radius: 6px;
  padding: 4px 8px;
  margin-left: 1.5em;
  background: rgba(128, 105, 255, 0.45);
  color: #561db4;
}
.btn_modify_IDfile:hover {
  background: rgba(128, 105, 255, 0.2);
  color: #793fd7;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.textarea ul {
  padding-left: 0 !important;
}

.content-verification-input .content-phone-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.content-verification-input .content-phone-number .input-width {
  height: 2.5em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% - 95px);
}
@media only screen and (min-width: 640px) {
  .content-verification-input .content-phone-number .input-width {
    width: calc(100% - 105px);
  }
}
.content-verification-input .content-phone-number .country-code,
.content-verification-input .content-phone-number .phone-number {
  border: 1px #8069FF solid !important;
}
.content-verification-input .content-phone-number .country-code input[type=text],
.content-verification-input .content-phone-number .phone-number input[type=text] {
  margin: 0;
}
.content-verification-input .content-phone-number .country-code input[type=text],
.content-verification-input .content-phone-number .country-code select,
.content-verification-input .content-phone-number .phone-number input[type=text],
.content-verification-input .content-phone-number .phone-number select {
  margin: 0;
}
.content-verification-input .content-phone-number .country-code.lock,
.content-verification-input .content-phone-number .phone-number.lock {
  border: none !important;
  background: #bfbfbf;
}
.content-verification-input .content-phone-number .country-code.lock select,
.content-verification-input .content-phone-number .phone-number.lock select {
  border: none !important;
}
.content-verification-input .content-phone-number .country-code.lock input,
.content-verification-input .content-phone-number .phone-number.lock input {
  border: none !important;
  background: #ECECEC;
  color: #A5A5A5;
}

.textareaborder {
  border: 1px #8069FF solid !important;
}

.content-phone-number .country-code,
.content-phone-number .phone-number {
  border: 1px #8069FF solid !important;
}

input[name=f_strPhoneNumber] {
  width: 50% !important;
}

.content-phone-number .phone-number {
  width: calc(100% - 96px);
}
@media only screen and (min-width: 640px) {
  .content-phone-number .phone-number {
    width: calc(100% - 101px);
  }
}

.verify_area .content-btn.lock a {
  background: #8f8f8f;
  -webkit-box-shadow: #6e6e6e 1px 1px 0 0;
          box-shadow: #6e6e6e 1px 1px 0 0;
  font-size: 12px;
}
.verify_area .content-btn.lock a span.hasCountdown {
  font-size: 12px;
  width: 100%;
  text-align: center;
  display: inline-block;
}
.verify_area .content-btn a {
  width: 100%;
  min-height: 38px;
  display: block;
  line-height: 1.2em;
  -webkit-box-shadow: #b4a6ff 1px 1px 0 0;
          box-shadow: #b4a6ff 1px 1px 0 0;
  background: #8069FF;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  border-radius: 4px;
  text-align: center;
  padding: 0;
  margin: 3px 3px 3px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.verify_area .content-btn {
  width: 95px;
  position: relative;
}
@media only screen and (min-width: 640px) {
  .verify_area .content-btn {
    width: 105px;
  }
}

.content-verification-code {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.content-verification-code .verification-code {
  width: calc(100% - 100px);
  margin-right: 5px;
}
@media only screen and (min-width: 640px) {
  .content-verification-code .verification-code {
    width: calc(100% - 110px);
  }
}

.linkText a {
  color: #8069FF;
}

.box h3,
.flipsnap h3 {
  margin: 3px 0 !important;
}
.box h3::before, .box h3::after,
.flipsnap h3::before,
.flipsnap h3::after {
  display: none;
}

.box--styleB {
  margin: 3px auto 8px auto !important;
}
.box--styleB .list--styleB {
  padding-left: 1em;
  margin-left: 0;
}
@media only screen and (min-width: 1024px) {
  .box--styleB .list--styleB {
    padding-left: 1em;
  }
}
.box--styleB .list--styleB li:nth-child(n+2) {
  width: calc(100% - 2em);
  margin-left: 2em;
}

#message-box .list {
  margin-bottom: 0;
}

.tabgroup__topmenu__name {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 0 !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#CDABFC), to(#fbeeff));
  background: linear-gradient(to bottom, #CDABFC 0%, #fbeeff 100%);
  border-radius: 15px 15px 0 0;
  margin-left: 0;
  overflow: auto hidden;
  border-bottom: none;
}
@media only screen and (min-width: 1024px) {
  .tabgroup__topmenu__name {
    background: transparent;
  }
}
.tabgroup__topmenu__name::-webkit-scrollbar {
  height: 8px;
}
.tabgroup__topmenu__name::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.25);
  margin: 6px;
}
.tabgroup__topmenu__name::-webkit-scrollbar-thumb {
  background: rgb(205, 171, 252);
  border-radius: 5px;
}
.tabgroup__topmenu__name img {
  display: block;
  position: absolute;
  left: 530px;
  top: -15px;
}
.tabgroup__topmenu__name li {
  width: initial;
  list-style: none;
  font: 20px/24px, "微軟正黑體", "Microsoft JhengHei", "新細明體";
  padding: 8px 0 8px 0;
}
@media only screen and (min-width: 1024px) {
  .tabgroup__topmenu__name li {
    width: 129px;
    height: 45px;
  }
}
.tabgroup__topmenu__name li a {
  font-size: 1.15em;
  padding: 8px;
  color: #A176AC;
  font-weight: bold;
  text-align: center;
  display: block;
  text-decoration: none;
  letter-spacing: 0;
  border-right: 2px solid #A176AC;
}
@media only screen and (min-width: 1024px) {
  .tabgroup__topmenu__name li a {
    width: 129px;
    height: 45px;
    padding: 0;
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 100% 0;
    background-size: 200% 100%;
    color: #b3b2b7;
    text-shadow: 1px 1px #fff;
    font-size: 1em;
    line-height: 45px;
    border-right: none;
  }
}
.tabgroup__topmenu__name li a:hover {
  color: #D55F00;
  background-size: 200%;
}
@media only screen and (min-width: 1024px) {
  .tabgroup__topmenu__name li a:hover {
    background-position: 0 0;
    text-shadow: 1px 1px #523e73;
    color: #ffffff;
  }
}
.tabgroup__topmenu__name li.active a {
  color: #D55F00;
  background-size: 200% !important;
}
@media only screen and (min-width: 1024px) {
  .tabgroup__topmenu__name li.active a {
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 0 0;
    text-shadow: 1px 1px #523e73;
    color: #fff;
  }
}
.tabgroup__topmenu__name li:nth-last-child(1) a {
  border-right: none;
}
.tabgroup__topmenu__name .active {
  border-bottom: 0;
}

.tabgroup__viewport {
  width: 100%;
  background: #fbeeff;
  padding: 24px;
  position: relative;
  border-radius: 0 0 15px 15px;
  border: 0;
}
@media only screen and (min-width: 1024px) {
  .tabgroup__viewport {
    background: url(/mobile/games/we5/images/newBg.png) left top repeat-x, #fbeeff;
    border-radius: 0;
  }
}
.tabgroup__viewport p {
  margin-left: 0;
}

.prize_item {
  padding-bottom: 8px;
  margin: 8px 0;
  border: 1px solid #561DB4;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.prize_item p.header {
  background: #561DB4;
  padding: 8px;
  color: #fff;
}
.prize_item .item_content {
  padding: 8px;
}
.prize_item .item_btn {
  padding: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 640px) {
  .prize_item .item_btn {
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}
.prize_item .item_btn a {
  background: #8069FF;
  color: #fff;
  padding: 8px 16px;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  margin: 3px;
  display: inline-block;
}
.prize_item .item_btn p {
  text-align: end;
  color: #999;
  font-weight: bold;
}

.button-batch-tax {
  width: 83%;
  background-color: #8069FF;
  border: none;
  color: #fff;
  height: 42px;
  text-align: center;
  cursor: pointer;
  margin: 2% auto;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-box-shadow: #8c8c8c 1px 1px 0 0;
          box-shadow: #8c8c8c 1px 1px 0 0;
}

.pi_data_header {
  width: 100%;
}
.pi_data_header ul {
  width: 100%;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0 !important;
  margin-bottom: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pi_data_header ul li:nth-child(1),
.pi_data_header ul li:nth-child(2) {
  width: calc(50% - 1px);
  background: #8069FF;
  color: #fff;
  padding: 3px;
  text-align: center;
}
.pi_data_header ul li:nth-child(1) {
  width: calc(35% - 1px);
  border-radius: 5px 0 0 0;
}
.pi_data_header ul li:nth-child(2) {
  width: calc(65% - 1px);
  border-radius: 0 5px 0 0;
}
.pi_data_header ul li:nth-child(3) {
  width: 100%;
  padding: 8px;
  margin-top: 2px;
  color: #8069FF;
}

.pi_data_content {
  background: #fae6ff;
  border-radius: 20px;
  padding: 8px 16px;
  position: relative;
  padding-bottom: 48px;
}
.pi_data_content a.news_btn {
  background: #8069FF;
  color: #fff;
  padding: 8px 16px;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  margin: 3px;
  position: absolute;
  bottom: 8px;
  right: 8px;
}
.pi_data_content p {
  margin: 0 0 20px 0;
}
.pi_data_content p a {
  position: relative;
  color: #0066ff;
  border-bottom: 1px solid #0066ff;
  word-break: break-all;
}
.pi_data_content p a:hover {
  color: #ff00ff;
  border-bottom: 1px solid #ff00ff;
}
.pi_data_content ul, .pi_data_content ol {
  padding-left: 1em !important;
}
.pi_data_content ul li, .pi_data_content ol li {
  margin: 0 0 20px 0;
}
.pi_data_content table {
  width: 100%;
}
.pi_data_content table tr td {
  padding: 3px;
  white-space: normal;
}

.jquery-tabs_x {
  width: 100%;
  margin: 8px auto 16px auto;
}
.jquery-tabs_x ul.newstab {
  width: calc(100% - 20px);
  margin: 0 auto;
  padding-left: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
  position: relative;
  height: auto;
}
.jquery-tabs_x ul.newstab li {
  margin-left: 0px;
  margin-top: 0;
  margin-bottom: 0;
  border: none;
  border-radius: 5px 5px 0 0;
  white-space: nowrap;
  border: 1px #fff solid;
  border-bottom: 0;
}
.jquery-tabs_x ul.newstab li a {
  color: #fff;
  padding: 2px 6px;
  background: #999;
  border: 1px solid #999;
  border-radius: 5px 5px 0 0;
}
.jquery-tabs_x ul.newstab li a.tab-active {
  background: #8069FF;
  border: 1px solid #8069FF;
  border-radius: 5px 5px 0 0;
}
.jquery-tabs_x .TabPageContent {
  border: 1px solid #8069FF;
  border-radius: 10px;
  padding: 16px;
}

#maincontent {
  width: 100%;
  position: relative;
}

.content_News--Main {
  position: relative;
  margin: 24px auto;
  width: 95%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.content_News--Main .content_News--Box {
  width: 95%;
  margin: 0 auto;
}
@media only screen and (min-width: 640px) {
  .content_News--Main .content_News--Box {
    width: 950px;
  }
}
.content_News--Main .content_News--Box .events {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
  border-radius: 15px;
}
@media only screen and (min-width: 1024px) {
  .content_News--Main .content_News--Box .events {
    -webkit-box-shadow: inherit;
            box-shadow: inherit;
    border-radius: inherit;
  }
}
.content_News--Main .content_News--Box .eventTabs {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: 0;
  margin-left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#CDABFC), to(#fff));
  background: linear-gradient(to bottom, #CDABFC 0%, #fff 100%);
  border-radius: 15px 15px 0 0;
}
@media only screen and (min-width: 1024px) {
  .content_News--Main .content_News--Box .eventTabs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: transparent;
  }
}
.content_News--Main .content_News--Box .eventTabs img {
  display: block;
  position: absolute;
  left: 530px;
  top: -15px;
}
.content_News--Main .content_News--Box .eventTabs li {
  list-style: none;
  font: 20px/24px, "微軟正黑體", "Microsoft JhengHei", "新細明體";
  padding: 8px 0 8px 0;
}
@media only screen and (min-width: 1024px) {
  .content_News--Main .content_News--Box .eventTabs li {
    width: 129px;
    height: 45px;
  }
}
.content_News--Main .content_News--Box .eventTabs li a {
  width: calc(2.5em + 16px);
  font-size: 1.25em;
  padding: 8px;
  color: #A176AC;
  font-weight: bold;
  text-align: center;
  display: block;
  text-decoration: none;
  letter-spacing: 1px;
  border-right: 2px solid #A176AC;
}
@media only screen and (min-width: 1024px) {
  .content_News--Main .content_News--Box .eventTabs li a {
    width: 129px;
    height: 45px;
    padding: 0;
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 100% 0;
    background-size: 200% 100%;
    color: #b3b2b7;
    text-shadow: 1px 1px #fff;
    font-size: 1em;
    line-height: 45px;
    border-right: none;
  }
}
.content_News--Main .content_News--Box .eventTabs li a:hover {
  color: #D55F00;
  background-size: 200%;
}
@media only screen and (min-width: 1024px) {
  .content_News--Main .content_News--Box .eventTabs li a:hover {
    background-position: 0 0;
    text-shadow: 1px 1px #523e73;
    color: #ffffff;
  }
}
.content_News--Main .content_News--Box .eventTabs li.active a {
  color: #D55F00;
  background-size: 200%;
}
@media only screen and (min-width: 1024px) {
  .content_News--Main .content_News--Box .eventTabs li.active a {
    background: url(/mobile/games/we5/images/tabBg1.png) no-repeat 0 0;
    text-shadow: 1px 1px #523e73;
    color: #fff;
  }
}
.content_News--Main .content_News--Box .eventBoxs {
  width: 100%;
  background: #fff;
  padding: 40px;
  padding-bottom: 24px;
  position: relative;
  border-radius: 0 0 15px 15px;
  /*-----限定結束*/
}
@media only screen and (min-width: 1280px) {
  .content_News--Main .content_News--Box .eventBoxs {
    min-height: 400px;
  }
}
@media only screen and (min-width: 1024px) {
  .content_News--Main .content_News--Box .eventBoxs {
    background: url(/mobile/games/we5/images/newBg.png) left top repeat-x, #fff;
    border-radius: 0;
  }
}
.content_News--Main .content_News--Box .eventBoxs table {
  width: 100%;
}
.content_News--Main .content_News--Box .eventBoxs table td[colspan="3"] {
  height: 2px;
  background: url(/Games/We5/images/pool/dot_line.gif) repeat-x;
}
.content_News--Main .content_News--Box .eventBoxs table td[colspan="3"] img {
  display: none;
}
.content_News--Main .content_News--Box .eventBoxs td [width="20"] {
  width: 32px !important;
}
.content_News--Main .content_News--Box .eventBoxs td [width="80"] {
  width: 100px !important;
  height: 38px !important;
}
@media only screen and (min-width: 640px) {
  .content_News--Main .content_News--Box .eventBoxs td [width="80"] {
    width: 150px !important;
  }
}
.content_News--Main .content_News--Box .eventBoxs a {
  color: #666;
  text-decoration: none;
}
.content_News--Main .content_News--Box .eventBoxs a:hover {
  color: #c4229c;
}
.content_News--Main .content_News--Box .eventBoxs .btn_more {
  display: block;
  width: 90%;
  margin: 0 auto;
  height: 42px;
  background: #A485B8;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  line-height: 42px;
  font-weight: bold;
  font-size: 1.125em;
  margin-top: 8px;
}
@media only screen and (min-width: 1024px) {
  .content_News--Main .content_News--Box .eventBoxs .btn_more {
    width: 65%;
  }
}
.content_News--Main .content_News--Box .eventBoxs .btn_more:hover {
  color: rgb(255, 253, 128);
}

ul.accordionA {
  padding-left: 10px !important;
}
ul.accordionA h3 {
  position: relative;
  margin: 0;
}

.box_VerifyCode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 8px;
}
.box_VerifyCode input[type=text] {
  margin: 5px 0;
}

ol, ul {
  padding-left: 2em !important;
}
ol.list, ul.list {
  text-align: left;
  margin-bottom: 0.8em;
  padding-left: 2em;
}
ol.list-arrow, ul.list-arrow {
  list-style-type: none;
}
ol.list-arrow > li, ul.list-arrow > li {
  text-indent: -1.2em !important;
}
ol.list-arrow > li::before, ul.list-arrow > li::before {
  content: "※ ";
  margin-left: 2px;
}
ol.list-asterisk, ul.list-asterisk {
  list-style-type: none;
}
ol.list-asterisk > li, ul.list-asterisk > li {
  text-indent: -1.2em !important;
}
ol.list-asterisk > li:before, ul.list-asterisk > li:before {
  content: "● ";
}
ol.list-square, ul.list-square {
  list-style-type: none;
}
ol.list-square > li, ul.list-square > li {
  text-indent: -1.2em !important;
}
ol.list-square > li:before, ul.list-square > li:before {
  content: "\f0c8";
  font-family: FontAwesome;
  font-size: 1em;
}
ol.list-square > li p.txt-indent-5em, ul.list-square > li p.txt-indent-5em {
  display: inline-table;
  margin-left: 5em;
  text-indent: -5em;
}
ol.list-square > li select,
ol.list-square > li input, ul.list-square > li select,
ul.list-square > li input {
  margin: 2px 1px;
}

footer {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#CDABFC));
  background: linear-gradient(to bottom, #fff 0%, #CDABFC 100%);
  margin-top: -215px;
}
@media only screen and (min-width: 640px) {
  footer {
    margin-top: -133px;
  }
}

.far, .fas {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
}

/*彈跳視窗樣式*/
body.swal2-shown .swal2-popup {
  position: relative;
  background: #ffa052;
  overflow: hidden;
  -webkit-box-shadow: 0 0 2px #301e10, 0 0 5px rgb(0, 0, 0), inset 0 0 5px rgb(0, 0, 0);
  box-shadow: 0 0 2px #301e10, 0 0 5px rgb(0, 0, 0), inset 0 0 5px rgb(0, 0, 0);
  border-radius: 20px;
}
body.swal2-shown .swal2-popup .swal2-content {
  color: #3a281f;
  /*font-weight: bolder;*/
}
body.swal2-shown .swal2-popup .swal2-content img {
  vertical-align: middle;
  max-width: 60px;
}
body.swal2-shown .swal2-popup .swal2-title {
  z-index: 2;
  font-size: 1.3em;
  line-height: 24px;
  margin: 5px 0 6px 0;
  color: #8069ff;
}
body.swal2-shown .swal2-popup .swal2-actions {
  margin-top: 0.6em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.swal2-shown .swal2-popup .swal2-actions .swal2-cancel {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff6969), to(#ff4242));
  background: linear-gradient(to bottom, #ff6969 0%, #ff4242 100%);
  -webkit-box-shadow: 1px 1px 2px #dd3c3c;
          box-shadow: 1px 1px 2px #dd3c3c;
  border-radius: 0.45em;
  color: #fff;
}
body.swal2-shown .swal2-popup .swal2-actions .swal2-cancel:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff7a7a), to(#ff5656));
  background: linear-gradient(to bottom, #ff7a7a 0%, #ff5656 100%);
}
body.swal2-shown .swal2-popup .swal2-actions .swal2-confirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#7ad57f), to(#55be5a));
  background: linear-gradient(to bottom, #7ad57f 0%, #55be5a 100%);
  -webkit-box-shadow: 1px 1px 2px #459f49;
          box-shadow: 1px 1px 2px #459f49;
  border-radius: 0.45em;
  color: #fff;
}
body.swal2-shown .swal2-popup .swal2-actions .swal2-confirm:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#8ce090), to(#68d16d));
  background: linear-gradient(to bottom, #8ce090 0%, #68d16d 100%);
}
body.swal2-shown .swal2-popup::before {
  content: "";
  position: absolute;
  top: -125%;
  left: -28%;
  width: 250%;
  height: 600%;
  background: repeating-linear-gradient(#AB9BEF 0%, #AB9BEF 7.5px, #561DB4 7.5px, #561DB4 15px, #AB9BEF 15px, #AB9BEF 22.5px, #561DB4 22.5px, #561DB4 30px);
  -webkit-transform: translateX(-20%) translateY(-20%) rotate(-45deg);
  transform: translateX(-20%) translateY(-20%) rotate(-45deg);
  -webkit-animation: animate 40s linear infinite;
  animation: animate 40s linear infinite;
}
body.swal2-shown .swal2-popup::after {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  background: #ffffff;
  -webkit-box-shadow: 0 0 2px #4913a0, 0 0 5px rgb(0, 0, 0), inset 0 0 5px rgb(0, 0, 0);
  box-shadow: 0 0 2px #4913a0, 0 0 5px rgb(0, 0, 0), inset 0 0 5px rgb(0, 0, 0);
  border-radius: 10px;
}

/*按鈕_複製*/
.btn_clone {
  margin: 5px;
  background: -webkit-gradient(linear, left top, left bottom, from(#7ad57f), to(#55be5a));
  background: linear-gradient(to bottom, #7ad57f 0%, #55be5a 100%);
  -webkit-box-shadow: 1px 1px 2px #459f49;
          box-shadow: 1px 1px 2px #459f49;
  border-radius: 0.45em;
  color: #fff;
  border: none;
  padding: 4px 10px;
  cursor: pointer;
}
.btn_clone:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#8ce090), to(#68d16d));
  background: linear-gradient(to bottom, #8ce090 0%, #68d16d 100%);
}

button.swal2-close {
  display: none !important;
}

@-webkit-keyframes animate {
  from {
    background-position: 0;
  }
  to {
    background-position: 0 450px;
  }
}

@keyframes animate {
  from {
    background-position: 0;
  }
  to {
    background-position: 0 450px;
  }
}