@charset "UTF-8";
/*全站共用*/
/*通用色*/
.color_p {
  color: #fd568a !important; }

.color_be {
  color: #a5a5a5; }

.color_success {
  color: #28a745; }

.color_primary {
  color: #007bff; }

.color_rode {
  color: #dc3545; }

.color_db {
  color: #343a40; }

/*通用字級*/
.font_16 {
  font-size: 16px; }

body {
  font-family: Helvetica,"微軟正黑體",Arial, sans-serif;
  font-size: 18px;
  color: #343a40; }

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

/*Index*/
.head_menu, .head_menu_mobile {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  background: #d24663;
  box-shadow: 1px 0px 9px #b9b9b9;
  /*陰影*/
  -webkit-box-shadow: 1px 0px 9px #b9b9b9;
  -moz-box-shadow: 1px 0px 9px #b9b9b9;
  font-size: 18px; }

.hamburgur {
  margin-right: 17px;
}
.hamburgur i {
  font-size: 32px;
  color: white;
}

.top-nav a {
  color: #ffffff; }

/*修改Boots套件*/
.top-nav.navbar {
  max-width: 1200px;
  min-height: 76px;
  margin: 0 auto;
  background-color: #d24663!important }
.top_mene_bar {
  width: 860px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.top-nav.navbar-dark .navbar-brand {
  color: #ffffff; }

.head_top_nav {
  flex-basis: auto;
  display: flex;
  align-items: center;
  padding: 18px 0 18px 18px; }
  .head_top_nav ul {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-direction: row;
    font-size: 16px; }
    .head_top_nav ul li {
      display: inline-block; }
      .head_top_nav ul li i {
        margin: 0 5px; }

.head_top_nav ul li a.nav-link:hover {
  opacity: 0.5; }
.head_top_nav ul li a.nav-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
[aria-expanded="false"] .menu__icon--open {
  display: block;
}
[aria-expanded="false"] .menu__icon--close {
  display: none;
}
[aria-expanded="true"] .menu__icon--open {
  display: none;
}
[aria-expanded="true"] .menu__icon--close {
  display: block;
}

.head_top_nav ul li.dropdown-menu, .head_top_nav ul li a.dropdown-menu, .head_top_nav ul li div.dropdown-menu{
  background-color: #d24663;
  border: none;
  left: 12px;
  text-align: center;
  padding: 0;
  min-width: 0; }

.head_top_nav ul li div a.dropdown-item {
  padding: 8px 16px; }

.head_top_nav ul li div a.dropdown-item:focus,
.head_top_nav ul li div a.dropdown-item:hover {
  font-weight: bold;
  background-color: #D24663;
  color: #ffffff; }

.lan_menu {
  position: absolute;
  right: 0;
}

.top_logo {
  padding: 0;
  margin: 0 0 0 60px; }
  .top_logo img {
    width: 190px; }
  .top_logo:hover {
    opacity: 0.5; }

/*主頁白底*/
.cen_body {
  position: relative;
  padding-top: 70px;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  min-height: 1130px;
  background: transparent; }

/**/
.left_box {
  display: inline-block;
  width: 844px;
  vertical-align: top;
  margin-left: 20px;
  padding: 25px 12px 20px 20px; }

.right_box {
  display: inline-block;
  vertical-align: top;
  padding-top: 25px; }

/*主Banner*/
.slo_bn {
  max-width: 830px;
  width: 100%;
  height: auto; }
.slo_bn .bannerSection {
  border: solid 5px #4b4b4b;
  height: 350px;
}
.slo_bn .bannerSection div {
  height: 100%;
  width: 100%;
}
.slo_bn .bannerSection div a {
  display: block;
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

/*右區塊按鈕*/
.login_btn, .telegram_btn, .forum_btn {
  max-width: 250px;
  width: 100%;
  height: 100px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center; }
  .login_btn a, .telegram_btn a, .forum_btn a {
    width: 250px;
    height: 100px;
    display: block;
    text-align: center;
    line-height: 100px;
    color: #ffffff; }
    .login_btn a:hover, .telegram_btn a:hover, .forum_btn a:hover {
      text-decoration: none; }
    .login_btn a i, .telegram_btn a i, .forum_btn a i {
      margin-right: 5px; }
.gogo_btn {
  max-width: 200px;
  width: 100%;
  height: 80px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 30px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center; }
  .gogo_btn a {
    width: 200px;
    height: 80px;
    display: block;
    text-align: center;
    line-height: 80px;
    color: #ffffff; }
    .gogo_btn a:hover {
      text-decoration: none; }
    .gogo_btn a i {
      margin-right: 5px; }

.developer_btn {
  max-width: 250px;
  width: 100%;
  height: 50px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center; }
  .developer_btn a {
    width: 250px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    color: #ffffff; }
    .developer_btn a:hover {
      text-decoration: none; }
    .developer_btn a i {
      margin-right: 5px; }

.login_btn {
  background: #fd568a;
  margin-bottom: 10px;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .login_btn:hover {
    top: -2px;
    box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.2); }

.telegram_btn {
  background: #4dabf7;
  margin-bottom: 10px;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .telegram_btn:hover {
    top: -2px;
    box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.2); }

.forum_btn {
  background: #e4df1a;
  margin: 10px 0 10px 0;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .forum_btn:hover {
    top: -2px;
    box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.2); }

.developer_btn {
  background: #fd5149;
  margin: 10px 0 10px 0;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .developer_btn:hover {
    top: -2px;
    box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.2); }

.gogo_btn {
  background: #fab151;
  margin: 20px 0 10px 0;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .gogo_btn:hover {
    top: -2px;
    box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.2); }

.vip_link {
  display: inline-block;
  margin: 0 0.5rem;

  animation: tada infinite; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
  text-shadow:0px 0px 8px #fff, 0px 0px 42px #f72, 0px 0px 72px #f84,0px 0px 150px #fa5;
}
.vip_mobile_link {
  color: #ffd400;
}
.vip_slogan {
  font-weight: bold;
  font-size: 24px;
  color: #fd568a;
}

/*熱搜關鍵字*/
.tab_keyword {
  width: 100%;
  margin: 25px 0 0 0;
  font-size: 16px; }
  .tab_keyword div {
    display: inline-block;
    font-weight: bold; }
  .tab_keyword span {
    display: inline-block; }

.big_label {
  padding: 3px 10px;
  margin: 5px 0;
  display: inline-block;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  color: #343a40;
  font-weight: 700;
  position: relative;
  top: 0; }
  .big_label:hover {
    text-decoration: none;
    top: -2px;
    color: #343a40;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
    background-color: #f3f3f3; }
  .big_label span::before {
    content: "#";
    font-weight: bold;
    margin-right: 2px;
    color: #fd568a; }
  .big_label div {
    display: inline-block; }

/*顯示更多組件*/
.line_box {
  display: flex;
  text-align: center; }
  .line_box .line_grow_1 {
    flex-grow: 1;
    display: flex;
    align-items: center; }
  .line_box .line_grow_0 {
    flex-grow: 0; }

.line_show {
  border-top: 1px solid #dad8de;
  width: 90%;
  margin: 0 auto; }

.ind_more {
  display: block;
  padding: 5px 60px;
  font-size: 20px;
  font-weight: normal;
  line-height: 1.15;
  color: #d24663;
  position: relative;
  top: 0;
}
.ind_more:hover {
  text-decoration: none;
  color: #d24663;
  top: 2px;
}
.ind_more i {
  margin: 5px 0 0 0;
}

/*首頁Title*/
.title_coP {
  border-bottom: #fd568a;
  color: #fd568a; }
  .title_coP i {
    color: #fd568a; }
.tab_box {
  position: relative;
  border: solid 2px #d24663;
  margin: 40px 0;
  background: #ffffff;
}
.am_see_more {
  position: absolute;
  right: -1px;
  bottom: 0;
  display: block;
  width: 159px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.btn_see_more {
  display: block;
  width: 140px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.see_more_btn_block {
  width: 100%;
  display: flex;
  justify-content: center;
}
.see_more_btn_block a {
  margin-bottom: 26px;
}
.btn_reset {
  background-color: #d24663;
  width: 140px;
  height: 40px;
  font-size: 16px;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.btn_reset a {
  color: #ffffff;
}
.btn_reset:hover {
  text-decoration: none;
  color: #ffffff;
  filter: brightness(110%);
}
.btn_reset a:hover {
  text-decoration: none;
  color: #ffffff;
}
.btn_search {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 140px;
  height: 30px;
  cursor: pointer;
}
.tab_title {
  background: #d24663;
  color: white;
  position: relative; }
  .tab_title h2 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 32px;
    font-weight: bold;
    padding: 10px;
    margin: 0; }
    .tab_title h2 i {
      padding-right: 5px; }
  .tab_title .mone_icon {
    position: absolute;
    right: 5px;
    top: 3px;
    font-size: 24px; }
    .tab_title .mone_icon:hover {
      opacity: 0.8; }
.tab_purple {
  background: #8a8acb;
}
.icon_news {
  width: 40px;
  height: 33px;
  margin-left: 6px;
  margin-right: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.icon_hot {
  width: 31px;
  height: 40px;
  margin-left: 6px;
  margin-right: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.icon_latest {
  width: 46px;
  height: 47px;
  margin-left: 6px;
  margin-right: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.icon_prelogin {
  width: 37px;
  height: 35px;
  margin-left: 6px;
  margin-right: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.icon_like {
  width: 33px;
  height: 32px;
  margin-left: 6px;
  margin-right: 11px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.icon_free_ticket {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 50px;
  height: 25px;
}
.icon_calendar {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 25px;
  height: 25px;
}

.see_more {
    position: absolute;
    right: 5px;
    top: 3px;
    font-size: 24px;
    color: #fd568a;
}
.see_more:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #fd568a;
}

/*修正首頁Title高度*/
.ind_magt10 {
  margin-top: 10px !important; }

.ind_magt30 {
  margin-top: 30px; }

/*標籤樣式*/
.label_style {
  font-size: 16px;
  padding: 5px 10px;
  margin: 5px 5px 5px 0;
  display: inline-block;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  color: #fd568a;
  background-color: #f3f3f3;
  font-weight: bold;
  position: relative;
  top: 0; }
  .label_style:hover {
    text-decoration: none;
    top: -2px;
    color: #fd568a;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px; }
  .label_style span::before {
    content: "#";
    font-weight: bold;
    margin-right: 2px; }

/*分類標籤*/
.lable_tg {
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  font-size: 14px;
  font-weight: bold;
  line-height: 40px;
  padding: 5px 10px; }

.lable_tg_sky {
  background-color: #00c2e0;
  color: #ffffff; }

.lable_tg_pc {
  color: #fff;
  background-color: #007bff; }

.lable_tg_android {
  color: #fff;
  background-color: #1e7e34; }

.lable_tg_ios {
  color: #fff;
  background-color: #545b62; }

.lable_tg_trial {
  color: #212529;
  background-color: #ffc107; }

.search_section {
  margin-bottom: 20px; }

/*首頁下方廣告*/
.index_bm_ssbn div {
  margin: 5px 0px; }
  .index_bm_ssbn div a:hover {
    opacity: 0.8; }

/*我的遊戲列表*/
.min_glist {
  margin-bottom: 40px; }
  .min_glist ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .min_glist ul li {
      margin: 5px 0;
      padding: 5px 0;
      border-bottom: 1px dotted #cccccc; }
      .min_glist ul li a {
        display: flex;
        padding: 5px;
        color: #343a40;
        text-decoration: none;
        font-weight: bold; }
        .min_glist ul li a:hover {
          background: #eaecf1;
          color: #343a40; }
        .min_glist ul li a img {
          width: 50px;
          height: 50px; }
        .min_glist ul li a div {
          display: flex;
          align-items: center;
          margin-left: 10px; }

/*首頁新聞公告*/
.ind_newsBox {
  padding: 0;
  margin: 0;
  list-style: none; }
  .ind_newsBox li {
    padding: 0 6px 12px 6px;
    margin: 11px;
    border-bottom: solid 0.5px #d8d6d6;
    display: flex;
    align-items: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url("ellipsis.xml#ellipsis"); }
    .ind_newsBox li span {
      background: #fff2e1;
      padding: 0.5px 14px;
      margin: 0;
      font-size: 16px;
      line-height: 25px;
      color: white; }
    .ind_newsBox li a {
      color: #343a40; }
      .ind_newsBox li a:hover {
        color: #d24663;
        text-decoration: none; }
  .ind_newsBox li:last-child {
    border: none;
    padding-bottom: 0;
  }
  .ind_newsBox li .create_time {
    margin: 0 40px;
    color: #9f9f9f;
  }
  .ind_newsBox .am_row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .ind_newsBox li .LatestAM {
    background: #FDB813;
  }
  .ind_newsBox li .SystemAM {
    background: #3C9CD7;
  }
  .ind_newsBox li .ActivityAM {
    background: #9893DA;
  }
  .ind_newsBox li .NewsAM {
    background: #F9886C;
  }
  .ind_newsBox li .CSAM {
    background: #41AFA5;
  }
  .ind_newsBox li .ImportantAM {
    background: #D03027;
  }
  .ind_newsBox li .HightlightAM {
    background: #FDB813;
  }

/*footer*/
footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  background: #d24663;
  width: 100%; }
  footer .copyright {
    text-align: center;
    font-size: 12px;
    color: white;
    width: 100%;
    padding: 13px;
    border-top: solid 1px white; }
  footer .footer_bar {
    width: 1200px;
    display: flex;
    justify-content: left;
  }
  footer .footer_top {
    width: 860px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  footer .footer_mobile {
    display: flex;
    flex-direction: row;
  }
  footer ul {
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 0;
    padding: 30px 0;
    list-style: none; }
    footer ul li {
      display: inline-block;
      margin: 0 10px; }
      footer ul li a {
        color: #ffffff; }
        footer ul li a:hover {
          text-decoration: none;
          color: #ffffff;
          opacity: 0.5; }

.for_logpag {
  position: fixed;
  width: 100%;
  bottom: 0; }

/*手機版登入狀態*/
.molile_mb_box {
  z-index: 99;
  position: fixed;
  bottom: 0;
  width: 100%; }

.mobile_login_btn {
  display: block;
  text-align: center;
  line-height: 80px;
  background: #fd568a;
  color: #ffffff;
  font-size: 26px;
  font-weight: bold; }
  .mobile_login_btn:hover {
    color: #ffffff;
    text-decoration: none; }
  .mobile_login_btn i {
    margin-right: 5px; }

.mobile_forum_btn {
  display: block;
  text-align: center;
  line-height: 80px;
  background: #4dabf7;
  color: #ffffff;
  font-size: 26px;
  font-weight: bold; }
  .mobile_forum_btn:hover {
    color: #ffffff;
    text-decoration: none; }
  .mobile_forum_btn i {
    margin-right: 5px; }

.mobile_uesbox {
  background: #343a40; }
  .mobile_uesbox div {
    text-align: center;
    padding: 0; }
    .mobile_uesbox div a {
      display: block;
      width: 100%;
      color: #ffffff;
      height: 80px;
      border-right: 1px solid #8e96a2; }
      .mobile_uesbox div a:hover {
        text-decoration: none; }
      .mobile_uesbox div a i {
        display: block;
        font-size: 25px;
        padding: 14px 0 5px 0; }
      .mobile_uesbox div a span {
        font-size: 16px;
        font-weight: bold;
        padding: 0 5px;
        display: block;
        /**/
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -moz-binding: url("ellipsis.xml#ellipsis"); }

.mobile_uspan {
  padding: 0 5px;
  overflow: hidden;
  display: block; }

/*登入頁區塊*/
.login_page_body {
  background-color: white; }

.login_box {
  position: relative;
  max-width: 700px;
  width: 100%;
  margin: 80px auto;
  padding: 40px 50px;
  /*陰影*/
  -webkit-box-shadow: 1px 0px 9px #b9b9b9;
  -moz-box-shadow: 1px 0px 9px #b9b9b9;
  background: #fff;
  /*圓角*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }

.login_title {
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  color: #fd568a;
  margin-bottom: 20px; }

.chk_box {
  margin: 5px 0 20px 0;
  display: flex;
  justify-content: space-between; }

.log_btn_box {
  margin: 40px 0 20px 0; }

.log_page_btn {
  margin: 20px 0; }
  .log_page_btn a {
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    width: 60%;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 0;
    margin: 0px auto;
    padding: 12px 16px;
    /*i{font-weight: 100;}*/ }
    .log_page_btn a:hover {
      text-decoration: none;
      top: -2px;
      box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.2); }

.log_page_lsj {
  background: #fd568a;
  color: #ffffff; }

.log_page_google {
  background: #FBB405;
  color: #565656; }

.log_page_fb {
  background: #1877F2;
  color: #ffffff; }

.log_page_line {
  background: #00C300;
  color: #ffffff; }

.log_page_no18 {
  background: #737373;
  color: #ffffff; }

.log_page_lsj:hover, .log_page_fb:hover, .log_page_line:hover, .log_page_no18:hover, .log_page_google:hover {
  color: #ffffff;
  text-decoration: none; }

.MdTtl01 {
  display: -webkit-box;
  display: flexbox;
  display: flex;
  -webkit-box-align: center;
  flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  flex-pack: center;
  justify-content: center;
  position: relative;
  margin: 30px 0 15px 0; }

.MdTtl01:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #dee5ec;
  position: absolute;
  top: 50%;
  left: 0; }

.MdTtl01 .mdTtl01Inner {
  z-index: 1;
  position: relative;
  display: inline-block;
  padding: 0 16px;
  color: #bec8d2;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  background-color: #fff; }

.log_page_rsch {
  text-align: center;
  margin-top: 40px; }
  .log_page_rsch i {
    margin: 0 5px; }

.log_page_pink {
  color: #fd568a; }
  .log_page_pink:hover {
    color: #d62058; }

/*註冊系列頁面*/
.register_ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: bold;
  text-align: center;
  margin: 0 0 30px 0;
  color: #a5a5a5; }
  .register_ul li {
    display: inline-block;
    margin: 0 5px; }

.register_font_box {
  text-align: center;
  margin: 60px 0; }
  .register_font_box i {
    font-size: 70px; }
  .register_font_box span {
    font-weight: bold;
    font-size: 2rem; }
  .register_font_box p {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0; }

.forget_font_box {
  text-align: left;
  font-size: 16px; }
  .forget_font_box p {
    margin: 20px 0; }
  .forget_font_box ul {
    list-style: none;
    padding: 0 0 0 25px;
    margin: 0; }
    .forget_font_box ul li {
      position: relative;
      margin: 10px 0; }
    .forget_font_box ul li:before {
      content: "❤";
      position: absolute;
      left: -25px;
      font-size: 18px;
      top: -1px; }

/*一般按鈕*/
.btn-common {
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  top: 0; }
  .btn-common:hover {
    text-decoration: none;
    top: -2px;
    box-shadow: 0 7px 14px -3px rgba(0, 0, 0, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.2); }

/*年齡確認頁*/
.ris_border5px {
  border: solid 5px #fd568a; }

.gls_ktop_border {
  border-bottom: solid 1px #d3d3d3;
  padding: 0 0 10px 0; }

.gls_key_btr {
  padding: 10px 0 0 0; }

.gls_mgtb20 {
  margin: 20px -15px; }

/*2020-03-27*/
.currency_ul{
  margin: 0;
  padding: 0;
  text-align: left;
}
.currency_btn{
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  position: relative;
  top: 0;
  margin: 0px auto;
  padding: 8px 16px;
  border:1px solid #f98e33;
  background: #fff;
  color:#f98e33;
  border-radius: 99rem;
}
.currency_btn:hover{
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  top: -2px;
  background: #f98e33;
  color:#fff;
  text-decoration: none;
}

.currency_btn.active{
  width: 100%;
  display: block;
  text-align: center;
  position: relative;
  background: #f98e33;
  color:#fff;
  text-decoration: none;
}

/*修改套件*/
.mdl-textfield {
  width: 100%;
  padding: 15px 0 10px 0;
  margin-bottom: 15px; }

.mdl-textfield__label:after {
  bottom: 2px;
  background-color: #e74c3c; }

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
  color: #e74c3c; }

.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
  border: 2px solid #e74c3c; }

.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
  background-color: #e74c3c; }

.mdl-checkbox {
  width: auto; }

.mdl-textfield__input {
  line-height: 28px;
  margin: 6px 0 0 0;
  padding: 0px 0 5px 0; }

.mdl-checkbox__box-outline {
  top: 5px; }

.mdl-checkbox {
  height: auto; }

.mdl-radio__inner-circle {
  background: #e74c3c; }

.mdl-radio__ripple-container .mdl-ripple {
  background: #e74c3c; }

.mdl-radio.is-checked .mdl-radio__outer-circle {
  border: 2px solid #e74c3c; }

.mdl-checkbox__ripple-container .mdl-ripple {
  background: #e74c3c; }

.swal2-close {
  color: #d24663 !important;
  border-radius: 50% 50% !important;
  border: 1px solid #d24663 !important;
  font-size: 36px !important;
  top: 20px !important;
  right: 20px !important;
}
.swal2-title {
  font-size: 20px !important;
  font-weight: bold !important;
  line-height: 1.15 !important;
  color: #4b4b4b !important;
  margin-top: 24px !important;
}
.swal2-content input[type="text"] {
  width: 300px !important;
  height: 40px !important;
  border-radius: 5px !important;
  border: solid 1px #9f9f9f !important;
}

/*修改boots套件*/
.pagination {
  margin: 0; }

.page-link {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  text-align: center;
  color: #9f9f9f;
  border: none;
}

.page-link:hover {
  color: #d24663;
  background: white; }

.justify-content-between {
  display: flex;
  align-items: center; }

.justify-content-start {
  display: flex;
  align-items: center; }

.page-item.active .page-link {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  text-align: center;
  color: #d24663;
  background: white;
  border: none;
}

.btn-upload {
  margin-left: 200px;
}
.mobile_disable {
  display: none;
}
.mobile_hide {
  display: block;
}
.gm_steam_text {
  max-width:  500px;
}
.area_txt {
  margin-top:20px;
  color:#fd568a;
  font-size:24px;
  font-family: Helvetica,"微軟正黑體",Arial, sans-serif;
  font-weight: bold;
}
.game_event img{
  max-width: 100%;
}
.dowonload_page_btn {
  display: flex;
  justify-content:space-around;
  padding:  10px;
}
.dowonload_page_btn_link {
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
  width: 120px;
  height: 40px;
  background: #fd568a;
  text-align: center;
  line-height: 16px;
  padding: 10px;
  color: #ffffff;
  font-size: 16px !important;
  font-weight: bold;
  position: relative;
  display: inline-block;
  top: 0;
}
.dowonload_page_btn_link:hover {
  text-decoration: none;
  color: #ffffff;
}

.btn_ok, .btn_cancel {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 104px;
  height: 44px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.31;
  color: #fff;
  background-color: #D24663;
}
.btn_ok:hover, .btn_cancel:hover {
  filter: brightness(110%);
  text-decoration: none;
  color: #fff;
}
.validate.failed {
  outline: none !important;
  border-radius: 5px !important;
  border: solid 2px #e74c3c !important;
}
.validate.success {
  outline: none !important;
  border-radius: 5px !important;
  border: solid 2px #2ecc71 !important;
}
.input_validate_block {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.input_success_result_icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="52" height="52" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><path fill="%232ecc71" d="M 18 32.34 l -8.34 -8.34 -2.83 2.83 11.17 11.17 24 -24 -2.83 -2.83 z"/></svg>');
  background-repeat: no-repeat;
  position: absolute;
  right: 13px;
  top: 4px;
  width: 52px;
  height: 52px;
  zoom: 70%;
}
.input_fail_result_icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="52" height="52" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52"><path fill="%23e74c3c" d="M8.664,7l4.992-4.992A1.177,1.177,0,0,0,11.992.344L7,5.336,2.009.344A1.177,1.177,0,0,0,.345,2.008L5.336,7,.345,11.991a1.177,1.177,0,1,0,1.664,1.664L7,8.663l4.992,4.992a1.177,1.177,0,0,0,1.664-1.664Z"/></svg>') !important;
  background-repeat: no-repeat;
  position: absolute;
  right: -25px;
  top: 13px;
  width: 52px;
  height: 52px;
}

/*RWD*/
@media screen and (max-width: 1211px) {
  .slo_bn {
    max-width: none;
    height: auto;
    width: 100%; } }
@media screen and (max-width: 1212px) {
  .full_bg {
    background: none; }

  .cleft_ber {
    display: none; }

  .cright_ber {
    display: none; }

  .web_none {
    display: none !important; }

  .mobile_none {
    display: block; }

  .molile_mb_box {
    display: block; }

  .tab_keyword {
    display: none; }

  .cen_body {
    padding: 55px 0; }
}
@media screen and (min-width: 1212px) {
  .mobile_none {
    display: none; }

  .molile_mb_box {
    display: none; }

  footer {
    margin-bottom: 0px;
    border-bottom: none; } }
@media screen and (max-width: 992px) {
  .mobile_disable_btn {
    pointer-events: none;
  }
  .mobile_disable_btn_color {
    background-color: #c5315f;
    color: grey;
  }
  .mobile_disable {
    display: block; }
  .lan-menu {
    text-align: left !important;
    padding: 0px 30px !important;
  }
  .ns_lbox_all img {
    width: 100% !important;
    height: auto !important; } 
}
@media screen and (max-width: 768px) {
  .login_box {
    padding: 30px;
    width: auto; }

  .log_page_btn a {
    width: 100%; }

  .chk_box {
    display: block; }
    .chk_box div {
      margin: 10px 0; }
  .top-nav.navbar {
    min-height: 0;
  }
  .mobile_hide {
    display: none !important;
  }
  .input_success_result_icon {
    right: 13px;
    top: 35px;
  }
  .input_fail_result_icon {
    right: -25px;
    top: 31px;
  }
}
@media screen and (max-width: 600px) {
  .login_box {
    margin: 80px 10px; }

  .cen_body {
    min-height: auto; } }
@media screen and (max-width: 425px) {
  .register_ul {
    text-align: left; }
  .btn-upload {
    margin-left: 30px; } 
}

@media screen and (max-width: 320px) {
  .swal2-content input[type="text"] {
    width: 240px !important;
  }
}
@media screen and (max-width: 280px) {
  .swal2-content input[type="text"] {
    width: 200px !important;
  }
}
@media screen and (max-width: 240px) {
  .swal2-content input[type="text"] {
    width: 150px !important;
  }
}

/*# sourceMappingURL=paly18_style.css.map */