@charset "UTF-8";
/*********** 會員中心 ***********/
/* 上方選單 */
.members-info {
    padding: 3vw 3vw 0 3vw;
    background: linear-gradient(120deg, #fff 1%, #f7eee2 30%, #ead9c3 80%);
}
.mb-detail {
    display: flex;
    align-items: center;
    padding: 0 2vw;
    font: normal normal 4vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.members-avatar {
    position: relative;
}
.members-avatar img {
    width: 16vw;
    height: 16vw;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.members-avatar .mbbtn-edit {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
}
.members-wrap {
    margin: 5px 0 0 10px;
    flex: 1;
}
.mb-nickname {
    display: flex;
    align-items: center;
}
.mb-name {
    margin-right: 10px;
    font: normal normal 3.8vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.mb-level {
    width: 30px;
}
.mb-id {
    margin: 1.6vw auto;
    font: normal bold 4vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.mb-last-time {
    font: normal normal 3.2vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.members-mail {
    margin: 0 0 0 2vw;
}
.members-mail img {
    width: 10vw;
    height: 10vw;
}
.mb-mailbox {
    position: relative;
}
.msg_no {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5vw;
    height: 4.5vw;
    color: #fff;
    font-size: 1.5vw;
    background: #a00000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -4px;
}
/* 錢包內容 */
.mb-balance-card {
    width: calc(100% - 10%);
    height: 18vw;
    padding: 4%;
    margin: 3vw auto 5vw;
    /* background: linear-gradient(300deg, #00c3ff 0%, #008ad7 100%); */
    background: url(../images/members/balance-bg.png) no-repeat;
    background-size: 100% auto;
    -webkit-border-radius: 2.6667vw;
    -moz-border-radius: 2.6667vw;
    -ms-border-radius: 2.6667vw;
    -o-border-radius: 2.6667vw;
    border-radius: 2.6667vw;
    -webkit-box-shadow: 0 1.0667vw 1.3333vw rgba(173,129,97,.3);
    -moz-box-shadow: 0 1.0667vw 1.3333vw rgba(173,129,97,.3);
    -o-box-shadow: 0 1.0667vw 1.3333vw rgba(173,129,97,.3);
    box-shadow: 0 1.0667vw 1.3333vw rgba(173,129,97,.3);
    transform: translateY(4.2667vw);
}
.mb-balance-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mb-balance-text .mb-item {
    color: rgba(255, 255, 255, 0.8);
    font: normal normal 4vw/4.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.mb-balance {
    display: flex;
    margin-top: 5.3333vw;
    align-items: center;
    color: #fff;
    font: normal normal 5.3333vw/5.6333vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.mb-balance .reflash {
    color: #fff;
}
/* 會員中心列表 */
.mb-list-box {
    padding: 0 6vw;
}
.mb-list {
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    font: normal normal 3.6vw/3.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.mb-list-item,
.mb-list-arrow {
    display: flex;
    align-items: center;
}
.mb-list-item img {
    width: 6.6667vw;
}
.mb-list-item span {
    margin-left: 2.6667vw;
}
.mb-list-arrow {
    color: rgba(0, 0, 0, 0.3);
}
.login-out-btn {
    margin: 5.3333vw auto 20.6667vw;
}
/* 跳框-編輯頭像 */
.transfer-container {
    width: 100%;
    margin: 0 auto;
}
.myavatar-popupbox,
.transfer_popupbox {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 30;
}
.myavatar-popupbox {
    z-index: 20;
}
.myavatar-container {
    width: 94.6667vw;
    margin: 0 auto 2.6667vw;
}
.myavatar-default,
.myavatar-action-list {
    background: #fff;
    -webkit-border-radius: 3.3333vw;
    -moz-border-radius: 3.3333vw;
    -ms-border-radius: 3.3333vw;
    -o-border-radius: 3.3333vw;
    border-radius: 3.3333vw;
}
.myavatar-default {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.my-default-pic {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20.6667vw;
    height: 20.6667vw;
    margin-top: -10.3333vw;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.my-default-text {
    width: calc(100% - 2vw);
    padding: 1vw 1vw 2vw 1vw;
    text-align: center;
}
.my-default-text,
.myaction-item span {
    font: normal normal 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.myavatar-action-list {
    padding: 0 5.3333vw 0 6.6667vw;
    margin-top: 2.6667vw;
}
.myaction-item {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    height: 7.5333vw;
}
.myaction-item:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -50%;
    width: 200%;
    height: 1px;
    background: #E8E8E8;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.myaction-item input {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}
/* 跳框-APP下載 */
.appbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.btn_app {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: calc(100% / 2 - 8.5vw);
    padding: 2vw 4vw;
    color: #fff;
    font: normal bold 4vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    background-color: #888;
    -webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;
    -ms-border-radius: 2vw;
    -o-border-radius: 2vw;
    border-radius: 2vw;
}
.btn_app img {
    width: 35px;
}
/*********** 變更資料 ***********/
.change-info .tabs-wrap {
    height: 13.6667vw;
}
/**** 忘記帳號/密碼/提款密碼 ****/
.forget-page .tabs-wrap {
    height: 13.6667vw;
}
/*********** 存款教學 ***********/
.deposit-help .tabs-wrap {
    height: 13.6667vw;
}
/*********** 個人訊息 ***********/
.mailbox_btn,
.news_btn,
.record_btn {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-evenly;
    align-items: center;
    width: 98%;
    margin: 3vw auto;
    text-align: center;
}
.mailbox_info,
.news_info,
.record_info,
.activityCount_info {
    padding: 0 3vw 3vw 3vw;
}
.mailbox_info_set,
.news_info_set,
.record_info_set,
.activityCount_info_set {
    background: #f1f1f1;
    -webkit-border-radius: 1.6vw 1.6vw 0 0;
    -moz-border-radius: 1.6vw 1.6vw 0 0;
    -ms-border-radius: 1.6vw 1.6vw 0 0;
    -o-border-radius: 1.6vw 1.6vw 0 0;
    border-radius: 1.6vw 1.6vw 0 0;
}
.mail_list,
.news_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 2% auto 0;
    padding: 0.5rem 0.5rem 0 0.5rem;
    color: #fff;
    background-color: #aaa;
    -webkit-border-radius: 1.6vw 1.6vw 0 0;
    -moz-border-radius: 1.6vw 1.6vw 0 0;
    -ms-border-radius: 1.6vw 1.6vw 0 0;
    -o-border-radius: 1.6vw 1.6vw 0 0;
    border-radius: 1.6vw 1.6vw 0 0;
    cursor: pointer;
}
.news_list {
    padding: 0.5rem 0.5rem 0.2rem 0.5rem;
}
.news_title_top,
.news_title_bottom,
.mail_title_top,
.mail_title_bottom {
    display: flex;
    align-items: center;
    width: 100%;
}
.news_title_top,
.news_title_bottom,
.mail_title_top,
.mail_title_bottom {
    margin: 0 0 5px 0;
}
.mail_title_bottom {
    flex-direction: row;
    justify-content: space-between;
    height: 2em;
    line-height: 2em;
}
.mail_time,
.news_time,
.record_time {
    margin-left: 1.6vw;
    color: rgba(255, 255, 255, .7);
    font: normal normal 2.8vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.mail_text {
    display: flex;
    align-items: center;
    width: 93%;
    color: #fff;
}
.mail_text .unlook {
    display: inline-block;
    width: 45px;
    padding: 3px;
    margin: 0 5px 0 0;
    text-align: center;
    font: normal normal 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    background: #d91f48;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    border-radius: 1vw;
}
.mail_text .mail_title,
.news_text .news_title {
    display: inline-block;
    width: 90%;
    font: normal bold 3.2vw/3.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.news_text {
    width: 95%;
    font: normal bold 3.4vw/3.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.mail_container,
.news_container {
    display: none;
    padding: 2vw;
    color: #666;
    font: normal normal 3.2vw/3.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    background: #eee;
    -webkit-border-radius: 0 0 1.6vw 1.6vw;
    -moz-border-radius: 0 0 1.6vw 1.6vw;
    -ms-border-radius: 0 0 1.6vw 1.6vw;
    -o-border-radius: 0 0 1.6vw 1.6vw;
    border-radius: 0 0 1.6vw 1.6vw;
}
.mail_container p,
.mail_container div,
.mail_container li {
    margin-bottom: 5px;
}
/*********** 反饋問題 ***********/
.feedback {
    font: normal bold 3vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
/*********** 最新消息 ***********/
.news_type {
    display: inline-block;
    min-width: 45px;
    padding: 5px 0;
    /*margin: 0 0 0 5px;*/
    color: #fff;
    font: normal normal 0.8em/0.8em "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    vertical-align: middle;
}
.news_new {
    background-color: #d400b0;
    border: 1px solid #ff76d4
}
.news_announcement {
    background-color: #9c8900;
    border: 1px solid #e4cc00
}
.news_fix {
    background-color: #c10000;
    border: 1px solid #ff5959
}
.news_service {
    background-color: #00821b;
    border: 1px solid #4ece08
}
.news_active {
    background-color: #d05600;
    border: 1px solid #ffa252
}
.news_win {
    background-color: #0071c5;
    border: 1px solid #54b4ff
}
/*********** 交易紀錄 ***********/
.record_info_top,
.record_list,
.activityCount_info_top,
.activityCount_list {
    -webkit-border-radius: 1.6vw 1.6vw 0 0;
    -moz-border-radius: 1.6vw 1.6vw 0 0;
    -ms-border-radius: 1.6vw 1.6vw 0 0;
    -o-border-radius: 1.6vw 1.6vw 0 0;
    border-radius: 1.6vw 1.6vw 0 0;
}
.record_list,
.activityCount_list {
    display: flex;
    align-items: center;
    margin: 2% auto 0;
    padding: 0.5rem;
    font: normal normal 2.8vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    color: #fff;
    background-color: #777;
}
.record_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.record_chk {
    display: flex;
    align-items: center;
    width: 50%;
}
.record_container,
.activityCount_container {
    padding: 0.5em;
    font: normal normal 2.8vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    color: #666;
    background-color: #fff;
    border-right: 1px solid #aaa;
    border-left: 1px solid #aaa;
}
.record_detail,
.activityCount_detail {
    width: 100%;
    margin: 0 0 5px 0;
}
.record_info_foot,
.activityCount_info_foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5em;
    font: normal normal 2.8vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    color: #fff;
    background-color: #aaa;
    -webkit-border-radius: 0 0 0.2em 0.2em;
    -moz-border-radius: 0 0 .2em .2em;
    -ms-border-radius: 0 0 .2em .2em;
    -o-border-radius: 0 0 .2em .2em;
    border-radius: 0 0 0.2em 0.2em;
}
.record_type,
.record_money,
.activityCount_time,
.activityCount_money {
    width: 50%;
}
.record_info .text_green,
.activityCount_info .text_green {
    color: #57ff57;
}
/*********** 活動點數 ***********/
.activityCount_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.activityCount_text {
    font: normal normal 1.3rem/1.3rem "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.activityCount_time {
    color: rgba(255, 255, 255, .7);
}
/*********** 存提中心-存款 ***********/
/* 我的餘額+交易明細 */
.deposit-tab {
    width: 100%;
}
.deposit-card {
    width: 88%;
    height: 25vw;
    margin: 0 auto;
    padding: 3.2vw;
    color: #fff;
    font: normal bold 3.5vw/3.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    background: linear-gradient(108.41deg, #d4be9e 4.89%, #a18965 81.47%);
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    -ms-border-radius: 1.6vw;
    -o-border-radius: 1.6vw;
    border-radius: 1.6vw;
}
.deposit-text {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.dp-item {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    color: rgba(255, 255, 255, .7);
}
.deposit-card i {
    margin-left: 10px;
}
.deposit-tab .balance {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    margin-top: 5.8667vw;
    font: normal normal 5vw/5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
/* 充值列表 */
.tt_content {
    margin-top: -5.3333vw;
    padding-top: 12vw;
    padding-bottom: 1px;
    background: url(../images/trading/bg.png?0122701) no-repeat;
    background-size: 100% auto;
    background-position: left top;
}
.deposit-tab .bank-list {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.deposit-tab .bank-list .bank-item {
    position: relative;
    flex: 1;
    text-align: center;
    border: 1px solid #E2E2E2;
    border-right-width: 0;
    cursor: pointer;
}
.bank-name {
    width: 90%;
    margin: 1.3333vw auto;
    text-align: center;
    font: normal bold 3.6vw/3.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.deposit-tab .bank-list .bank-item img {
    display: block;
    width: 13.3333vw;
    margin: 1.3333vw auto;
}
.deposit-tab .bank-list .bank-item:nth-child(3) img,
.deposit-tab .bank-list .bank-item:nth-child(4) img {
    width: 10.6667vw;
    margin: 2.6667vw auto;
}
.deposit-tab .bank-list .bank-item.active {
    border: 1px solid #FF9D2F;
}
.deposit-tab .bank-list .bank-item.active:after {
    content: "✓";
    position: absolute;
    right: 0;
    top: 0;
    font-size: 4vw;
    width: 6.6667vw;
    height: 4.8vw;
    color: #fff;
    background: #FF9D2F;
    -webkit-border-radius: 0 0 0 2.6667vw;
    -moz-border-radius: 0 0 0 2.6667vw;
    -ms-border-radius: 0 0 0 2.6667vw;
    -o-border-radius: 0 0 0 2.6667vw;
    border-radius: 0 0 0 2.6667vw;
}
.deposit-tab .form {
    width: 86.6667vw;
    margin-top: 5.3333vw;
    margin-left: auto;
    margin-right: auto;
}
.has-line {
    position: relative;
    margin-bottom: 2.6667vw;
    font: normal bold 4.2vw/4.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.has-line:after {
    content: "";
    position: absolute;
    left: -3.7333vw;
    top: 50%;
    width: 1.0667vw;
    height: 5.3333vw;
    -webkit-border-radius: 0.5333vw;
    -moz-border-radius: 0.5333vw;
    -ms-border-radius: 0.5333vw;
    -o-border-radius: 0.5333vw;
    border-radius: 0.5333vw;
    background: #1294CC;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.field {
    display: flex;
    height: 11.2vw;
    align-items: center;
    position: relative;
    margin: 0;
}
.field .icon-clear {
    width: 4.8vw;
}
.deposit-tab .tip {
    padding: 15px 0;
    font: normal normal 4.2vw/4.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.deposit-tab .theme-btn,
.withdraw-tab .theme-btn {
    width: 100%;
    margin: 8vw auto;
    text-align: center;
}
.tips_up .tips_bg {
    width: max-content;
    line-height: 18px;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    text-align: left;
    background-color: #de0000;
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.tips_up {
    position: relative;
    top: 0px;
    right: 0;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    z-index: 15;
}
.tips_up .arrow_up {
    position: absolute;
    top: -8px;
    left: 5px;
    width: 0;
    height: 0;
    border: 8px dashed transparent;
    border-right-style: solid;
    border-right-color: #de0000;
}
.bitimg {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    height: 50px;
    margin: 10px 15px;
    cursor: pointer;
}
.s_ace {
    background: url(../images/member_icon/s_ace.png?20200623) no-repeat;
    background-size: 100% auto;
}
.s_BitoPro {
    background: url(../images/member_icon/s_BitoPro.png?20200623) no-repeat;
    background-size: 100% auto;
}
.s_MaiCoin {
    background: url(../images/member_icon/s_MaiCoin.png?20200623) no-repeat;
    background-size: 100% auto;
}
/* 跳框-綁定銀行 */
.dialog-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4.2667vw;
}
.bank-pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25vw;
    height: 15vw;
    margin: 2% 1%;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    -ms-border-radius: 1.6vw;
    -o-border-radius: 1.6vw;
    border-radius: 1.6vw;
}
.bank-pic img {
    max-width: 90%;
    max-height: 60%;
}
/*存款_選擇銀行跳框*/
.btn_DirectBank {
    width: 125px;
    height: 60px;
    margin: 1% 2%;
    border: 0;
    text-indent: -9999px;
    cursor: pointer;
    position: relative;
}
.bank_wrap .btn_DirectBank{
    float: left;
    width: 125px;
    height: 40px;
    margin: 5px 8px;
    border: 0;
}
.select_bank_list {
    overflow-y: scroll;
    height: 160px;
    margin-top: 24px;
}
.btn_CFC {
    background: url(../images/trading/bank/btn_CFC.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_CIMB {
    background: url(../images/trading/bank/btn_CIMB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_COB {
    background: url(../images/trading/bank/btn_COB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_HLB {
    background: url(../images/trading/bank/btn_HLB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_IBKHANOI {
    background: url(../images/trading/bank/btn_IBKHANOI.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_IBKHCMC {
    background: url(../images/trading/bank/btn_IBKHCMC.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_LPB {
    background: url(../images/trading/bank/btn_LPB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_OMLLVCB {
    background: url(../images/trading/bank/btn_OMLLVCB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_PBVN {
    background: url(../images/trading/bank/btn_PBVN.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_UOB {
    background: url(../images/trading/bank/btn_UOB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VRB {
    background: url(../images/trading/bank/btn_VRB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_WOO {
    background: url(../images/trading/bank/btn_WOO.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_CAKE {
    background: url(../images/trading/bank/btn_CAKE.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_ABBANK {
    background: url(../images/trading/bank/btn_ABBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_ACB { /*ACB*/
    background: url(../images/trading/bank/btn_ACB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_AGRIBANK {
    background: url(../images/trading/bank/btn_AGRIBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_BACKBANK {
    background: url(../images/trading/bank/btn_BACKBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_BAOVIETBANK {
    background: url(../images/trading/bank/btn_BAOVIETBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_BIDV {
    background: url(../images/trading/bank/btn_BIDV.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_CBBANK {
    background: url(../images/trading/bank/btn_CBBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_DONGABANK {
    background: url(../images/trading/bank/btn_DONGABANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_EXIMBANK {
    background: url(../images/trading/bank/btn_EXIMBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_GPABNK {
    background: url(../images/trading/bank/btn_GPABNK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_HDBANK {
    background: url(../images/trading/bank/btn_HDBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_IVB {
    background: url(../images/trading/bank/btn_IVB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_KIENLONGBANK {
    background: url(../images/trading/bank/btn_KIENLONGBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_LVPB {
    background: url(../images/trading/bank/btn_LVPB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_MB {
    background: url(../images/trading/bank/btn_MB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_MSB {
    background: url(../images/trading/bank/btn_MSB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_NAMABANK {
    background: url(../images/trading/bank/btn_NAMABANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_NCB {
    background: url(../images/trading/bank/btn_NCB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_OCB {
    background: url(../images/trading/bank/btn_OCB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_OCEANBANK {
    background: url(../images/trading/bank/btn_OCEANBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_PGBANK {
    background: url(../images/trading/bank/btn_PGBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_PVCOMBANK {
    background: url(../images/trading/bank/btn_PVCOMBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_SACOMBANK {
    background: url(../images/trading/bank/btn_SACOMBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_SAIGONBANK {
    background: url(../images/trading/bank/btn_SAIGONBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_SCB {
    background: url(../images/trading/bank/btn_SCB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_SEABANK {
    background: url(../images/trading/bank/btn_SEABANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_SHB {
    background: url(../images/trading/bank/btn_SHB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_TECHCOMBANK {
    background: url(../images/trading/bank/btn_TECHCOMBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_TPBANK {
    background: url(../images/trading/bank/btn_TPBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VIB {
    background: url(../images/trading/bank/btn_VIB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VBSP {
    background: url(../images/trading/bank/btn_VBSP.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VDB {
    background: url(../images/trading/bank/btn_VDB.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VIETABANK {
    background: url(../images/trading/bank/btn_VIETABANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VIETCAPITALBANK {
    background: url(../images/trading/bank/btn_VIETCAPITALBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VIETCOMBANK {
    background: url(../images/trading/bank/btn_VIETCOMBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VIETINBANK {
    background: url(../images/trading/bank/btn_VIETINBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.btn_VPBANK {
    background: url(../images/trading/bank/btn_VPBANK.png?2023102501) no-repeat center;
    background-size: 100% auto;
}
.select_bank_list .selected::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
    z-index: 1;
    background-color: rgba(255, 0, 0, 0.2);
    visibility: visible;
    border: 2px solid rgba(255, 0, 0, 0.8);
    border-radius: 7px;
}
/*********** 存提中心-提款 ***********/
.swiper-container {
    position: relative;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    overflow: hidden;
    z-index: 1;
}
.withdraw-tab .swiper-slide-active {
    margin: 0 5.3333vw;
    width: 89.3333vw;
}
.withdraw-tab .swiper-slide-prev,
.withdraw-tab .swiper-slide-next {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
}
.withdraw-tab .credit_card,
.withdraw-tab .add-bank {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 34.6667vw;
    padding: 3.2vw 5.3333vw;
    color: #625247;
    background: linear-gradient(108.41deg, #fff9ed 4.89%, #cfb794 81.47%);
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    -ms-border-radius: 1.6vw;
    -o-border-radius: 1.6vw;
    border-radius: 1.6vw;
}
.withdraw-tab .add-bank {
    justify-content: center;
    align-items: center;
}
.withdraw-tab .bank-name {
    width: 100%;
    text-align: left;
}
.withdraw-tab .credit_card img {
    height: 5.3333vw;
}
.withdraw-tab .add-bank i {
    font-size: 12vw;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: .5;
}
.withdraw-tab .add-bank img {
    width: 10.6667vw;
}
.withdraw-tab .bank-account {
    font-size: 5.3333vw;
}
.withdraw-detail {
    padding: 4.2667vw 1.3333vw 4.2667vw 2.6667vw;
    margin: 3.7333vw 2.6667vw;
    font: normal normal 3.6vw/5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    border: 1px solid #ddd;
    -webkit-border-radius: 2.6667vw;
    -moz-border-radius: 2.6667vw;
    -ms-border-radius: 2.6667vw;
    -o-border-radius: 2.6667vw;
    border-radius: 2.6667vw;
}
.withdraw-tab .max-amount {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 19.4667vw;
    height: 6.6667vw;
    border: 1px solid #D8D8D8;
    -webkit-border-radius: 4vw;
    -moz-border-radius: 4vw;
    -ms-border-radius: 4vw;
    -o-border-radius: 4vw;
    border-radius: 4vw;
}
.account_balance {
    margin-top: 2.1333vw;
}
.account_balance .money {
    color: #1294CC;
    font-weight: bold;
}
.withdraw-tips {
    color: #999;
    margin: 1vw 6vw;
    font: normal normal 3.3vw/5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.popup_in a.text_red,
.item_title.text_red {
    color: #bb6060;
}
/*********** 平台轉賬 transfer ***********/
.transfer-page {
    color: #555;
}
/* header三條線點擊後跳框 */
.transfer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2vw;
    font: normal bold 3.5vw/3.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    background: #F2F2F2;
}
.transfer-money {
    font: normal bold 4vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
}
.transfer-action-sheet .item {
    height: 38px;
    line-height: 38px;
    text-align: center;
}
.show-more-action-sheet {
    background: #fff;
    -webkit-border-radius: 5.3333vw 5.3333vw 0 0;
    -moz-border-radius: 5.3333vw 5.3333vw 0 0;
    -ms-border-radius: 5.3333vw 5.3333vw 0 0;
    -o-border-radius: 5.3333vw 5.3333vw 0 0;
    border-radius: 5.3333vw 5.3333vw 0 0;
}
.show-more-action-sheet .item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15.4667vw;
    color: #000;
    font: normal normal 4vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    cursor: pointer;
}
.transfer-action-sheet,
.show-more-action-sheet {
    background: #fff;
    -webkit-border-radius: 5.3333vw 5.3333vw 0 0;
    -moz-border-radius: 5.3333vw 5.3333vw 0 0;
    -ms-border-radius: 5.3333vw 5.3333vw 0 0;
    -o-border-radius: 5.3333vw 5.3333vw 0 0;
    border-radius: 5.3333vw 5.3333vw 0 0;
}
/* 轉入轉出資訊 */
.transfer-list {
    padding: 5.3333vw;
}
.transfer-list .col_flex {
    width: calc(100% - 10px);
    padding: 5px;
}
.transfer-page .transfer-list .item:last-child {
    margin-bottom: 0;
}
.transfer-page .transfer-list .item div,
.transfer-page .transfer-list .item input {
    flex: 1;
    height: 30px;
    margin-left: 10px;
    padding: 0 10px 0 12px;
    border: 1px solid #aaa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.transfer-page .transfer-list .item div::placeholder,
.transfer-page .transfer-list .item input::placeholder {
    color: #aaa;
}
.transfer-page .transfer-list .item div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #aaa;
}
.transfer-list input[type="text"],
.transfer-list input[type="number"],
.transfer-list select {
    border: 1px solid #aaa;
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    -ms-border-radius: 1.6vw;
    -o-border-radius: 1.6vw;
    border-radius: 1.6vw;
}
.transfer-page .transfer_btn {
    width: 100%;
    margin: 7vw auto 0;
    text-align: center;
}
.transfer-page .item_gamelist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    height: 8vw;
    margin-left: 2.6667vw;
    color: #000;
    padding: 0 2.6667vw 0 3.2vw;
    border: 1px solid #aaa;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
/* 遊戲點數 */
.transfer-page .platform-list {
    display: flex;
    flex-wrap: wrap;
    padding: 2.6667vw;
}
.transfer-page .platform-list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% / 2 - 5.1vw);
    /* height: 13.3333vw; */
    padding: 0 2.1333vw;
    margin-bottom: 2.6667vw;
    font-size: 3vw;
    background: #eee;
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    -ms-border-radius: 1.6vw;
    -o-border-radius: 1.6vw;
    border-radius: 1.6vw;
}
.transfer-page .platform-list .item:nth-child(2n) {
    margin-left: 1.6vw;
}
.transfer-page .platform-list .item span:first-of-type {
    width: 45%;
}
.transfer-page .platform-list .game_point {
    width: 35%;
    text-align: center;
    font-weight: bold;
}
.transfer-page .platform-list .btn_getpoints {
    /*width: 20%;*/
    padding: 1vw;
    color: #fff;
    font: normal normal 3vw/3.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    background: #6b956c;
    background: -moz-linear-gradient(top, #8cad83 0%, #6b956c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8cad83), color-stop(100%, #6b956c));
    background: -webkit-linear-gradient(top, #8cad83 0%, #6b956c 100%);
    background: -o-linear-gradient(top, #8cad83 0%, #6b956c 100%);
    background: -ms-linear-gradient(top, #8cad83 0%, #6b956c 100%);
    background: linear-gradient(to bottom, #8cad83 0%, #6b956c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cad83', endColorstr='#6b956c', GradientType=0);
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    border-radius: 1vw;
    cursor: pointer;
}
/*********** 轉帳紀錄 transfer-record ***********/
.transfer-record {
    display: flex;
    flex-direction: column;
    color: #555;
}
.transfer-record .table-header {
    display: flex;
    padding: 10px 0;
    background: #f2f2f2;
}
.transfer-record .table-header .table-title {
    flex: 1;
    text-align: center;
    font: normal bold 4vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    border-right: 1px solid #fff;
}
.transfer-record .table-item {
    display: flex;
    align-items: center;
    padding: 2vw 0;
    text-align: center;
    font: normal normal 3.5vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    border-bottom: 5px solid #f7f7f7;
}
.transfer-record .table-item div,
.transfer-record .table-item span,
.transfer-record .table-item li {
    flex: 1;
}
/*********** 投注資訊 ***********/
/* 上方選單 */
.betinfo_content:before {
    content: "";
    position: absolute;
    width: 200%;
    height: 1px;
    left: -50%;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    background: #E8E8E8;
}
.betinfo_list {
    position: relative;
    display: flex;
    padding: 1.7333vw 3vw;
}
.betinfo_item_l,
.betinfo_item_r {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.betinfo_item_l {
    margin-right: 2.3333vw;
}
.bi_item {
    display: flex;
    height: 9vw;
    font: normal normal 3.7333vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    align-items: flex-start;
}
.bi_title {
    width: 42%;
    white-space: nowrap;
}
.bi_text {
    width: 58%;
}
/*********** 優惠專區 ***********/
.activity-page {
    padding: 2.6667vw;
}
.activity-item {
    position: relative;
    height: auto;
    margin-bottom: 2.6667vw;
    background: #D9D9D9;
    -webkit-border-radius: 2.6667vw;
    -moz-border-radius: 2.6667vw;
    -ms-border-radius: 2.6667vw;
    -o-border-radius: 2.6667vw;
    border-radius: 2.6667vw;
}
.ad_title {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 9;
}
.ad_title img {
    width: 100%;
    -webkit-border-radius: 2.6667vw;
    -moz-border-radius: 2.6667vw;
    -ms-border-radius: 2.6667vw;
    -o-border-radius: 2.6667vw;
    border-radius: 2.6667vw;
}
.ad_pic {
    display: none;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    height: auto;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 15;
}
/* 活動結束 */
.overtime {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font: normal bold 3.5vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    text-shadow: 1px 1px 2px #000;
    background: rgba(0,0,0,.4);
    -webkit-border-radius: 2.6667vw;
    -moz-border-radius: 2.6667vw;
    -ms-border-radius: 2.6667vw;
    -o-border-radius: 2.6667vw;
    border-radius: 2.6667vw;
    z-index: 14;
}
.overtime img {
    -webkit-border-radius: 2.6667vw;
    -moz-border-radius: 2.6667vw;
    -ms-border-radius: 2.6667vw;
    -o-border-radius: 2.6667vw;
    border-radius: 2.6667vw;
}
h3.item_title {
    word-break: break-all;
    font-size: 2rem;
    font-weight: 400;
    margin-top: 0.4375rem;
    margin-bottom: 0.3125rem;
    text-align: center;
}
.item_content {
    color: #000;
    text-align: left;
}
/* 活動內容 */
.ad-detail {
    padding: 5vw 5vw 30vw;
}
.ad-detail-btn {
    margin: 10px auto;
}
/* 轉轉樂跳框 */
.luckybtn_set {
    width: 50%;
    height: auto;
    cursor: pointer;
    text-align: center;
    position: relative;
}
.luckybtn_text {
    width: calc(100% - 20px);
    color: #fff;
    font: normal normal 3.5vw/4.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    position: absolute;
    top: 40%;
    left: 5%;
}
/*********** 幫助中心 ***********/
.help.has-footer {
    background: #f3f3f3;
}
.help-page {
    height: 100%;
    min-height: 100vh;
    padding-bottom: 8vw;
    background: #f3f3f3;
}
.help-page .tabs-wrap {
    height: 12.6667vw;
}
.help-page .share-tab {
    color: #bbb;
}
.help-page .share-tab.active {
    color: #000;
}
.help-page .share-tab.active:after {
    background: transparent;
}
.help-page .share-tab-panel {
    padding: 0;
}
/*********** 產品訊息 ***********/
.product .tabs-wrap {
    height: 10.6667vw;
}
.product .content {
    line-height: 5.3333vw;
    padding: 3.2vw 3.7333vw 8vw;
    color: #000;
    background: #fff;
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    -ms-border-radius: 1.6vw;
    -o-border-radius: 1.6vw;
    border-radius: 1.6vw;
}
/* 跳框-選擇大頭照 */
.bigheadbox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.btn_bighead {
    width: calc(100% / 5 - 5px);
    padding: 5px 2px;
    cursor: pointer;
}
.btn_bighead.active {
    background: rgba(255, 87, 34, .2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}
/*********  以下為 手機畫面_設定  *********/
/* 寬度大於 1024px (電腦)*/
@media screen and (min-width: 1024px) {
    /* 會員中心 */
    .members-info {
        padding: 1vw 3vw 0 3vw;
    }
    .mb-detail {
        font: normal normal 1.8vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .members-avatar img {
        width: 9vw;
        height: 9vw;
    }
    .myaction-item {
        height: 6.5333vw;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 2vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .my-default-pic {
        width: 13.6667vw;
        height: 13.6667vw;
        margin-top: -9.3333vw;
    }
    .myavatar-default,
    .myavatar-action-list {
        -webkit-border-radius: 2vw;
        -moz-border-radius: 2vw;
        -ms-border-radius: 2vw;
        -o-border-radius: 2vw;
        border-radius: 2vw;
    }
    .mb-name {
        font: normal normal 1.8vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-id {
        margin: 1vw auto;
        font: normal bold 2vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-last-time {
        font: normal normal 1.8vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-balance-card {
        width: calc(100% - 8%);
        height: 6vw;
        padding: 2%;
        margin: 1.5vw auto;
        -webkit-border-radius: 1.6667vw;
        -moz-border-radius: 1.6667vw;
        -ms-border-radius: 1.6667vw;
        -o-border-radius: 1.6667vw;
        border-radius: 1.6667vw;
        -webkit-box-shadow: 0 10px 10px rgba(173,129,97,.3);
        -moz-box-shadow: 0 10px 10px rgba(173,129,97,.3);
        -o-box-shadow: 0 10px 10px rgba(173,129,97,.3);
        box-shadow: 0 10px 10px rgba(173,129,97,.3);
    }
    .mb-balance {
        margin-top: 1vw;
        font: normal normal 2.2vw/2.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list-item img {
        width: 2.6667vw;
    }
    .mb-list {
        padding: 10px 0;
        font: normal normal 2vw/2.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-balance-text .mb-item {
        font: normal normal 1.8vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .btn_app {
        width: calc(100% / 2 - 2.2vw);
        padding: 1vw;
        font: normal bold 1.2vw/1.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 0.6vw;
        -moz-border-radius: 0.6vw;
        -ms-border-radius: 0.6vw;
        -o-border-radius: 0.6vw;
        border-radius: 0.6vw;
    }
    /* 交易紀錄+活動點數+最新消息+個人資訊 */
    .mail_list,
    .news_list,
    .record_info_top,
    .record_list,
    .activityCount_info_top,
    .activityCount_list {
        -webkit-border-radius: 1.2vw 1.2vw 0 0;
        -moz-border-radius: 1.2vw 1.2vw 0 0;
        -ms-border-radius: 1.2vw 1.2vw 0 0;
        -o-border-radius: 1.2vw 1.2vw 0 0;
        border-radius: 1.2vw 1.2vw 0 0;
    }
    .record_list,
    .activityCount_list,
    .mail_time,
    .news_time,
    .record_time,
    .record_container,
    .activityCount_container,
    .record_info_foot,
    .activityCount_info_foot {
        font: normal normal 1.8vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .news_type {
        padding: 5px;
        font: normal normal 1.4vw/1.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .unlook {
        width: auto;
        padding: 4px;
        font: normal normal 1.4vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 0.5vw;
        -moz-border-radius: 0.5vw;
        -ms-border-radius: 0.5vw;
        -o-border-radius: 0.5vw;
        border-radius: 0.5vw;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 1.8vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_container, .news_container {
        padding: 1vw;
        font: normal normal 1.6vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 交易紀錄 */
    .record input.btn_superbig,
    .record a.btn_superbig,
    .record_lastweek input.btn_superbig,
    .record_lastweek a.btn_superbig {
        font: normal normal 3vw/3.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 反饋問題 */
    .feedback {
        font: normal bold 1.4vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 存提款 */
    .deposit-card {
        height: 16vw;
        padding: 2vw;
        font: normal bold 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .deposit-tab .balance {
        margin-top: 2.8667vw;
        font: normal normal 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .tt_content {
        margin-top: -5.3333vw;
        padding-top: 8vw;
    }
    .bank-name {
        width: 90%;
        margin: 0.5vw auto;
        font: normal bold 2.2vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .has-line {
        margin-bottom: 1vw;
        font: normal bold 2.5vw/2.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .has-line:after {
        content: "";
        height: 4vw;
    }
    .deposit-tab .tip {
        font: normal normal 2.2vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .withdraw-tab .credit_card,
    .withdraw-tab .add-bank {
        height: 22.6667vw;
        padding: 2.2vw;
    }
    .withdraw-tab .credit_card img {
        height: 4vw;
    }
    .withdraw-tab .bank-account {
        font-size: 3vw;
    }
    .withdraw-tab .user-name {
        font-size: 1.2vw;
    }
    .withdraw-tips {
        font: normal normal 1.6vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .withdraw-detail {
        width: 85%;
        padding: 2.2667vw;
        margin: 1.6667vw auto;
        font: normal normal 1.6vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .field {
        height: 5.2vw;
    }
    .deposit-tab .theme-btn,
    .withdraw-tab .theme-btn {
        margin: 5vw auto;
    }
    .bank-pic {
        width: 13vw;
        height: 7vw;
        margin: 1%;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        -ms-border-radius: 1vw;
        -o-border-radius: 1vw;
        border-radius: 1vw;
    }
    /* 平台轉賬 */
    .show-more-action-sheet .item {
        height: 5.4667vw;
        font: normal normal 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-header,
    .transfer-money {
        padding: 1vw;
        font: normal bold 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-list {
        padding: 2vw;
    }
    .transfer-list input[type="text"],
    .transfer-list input[type="number"],
    .transfer-list select {
        -webkit-border-radius: 0.6vw;
        -moz-border-radius: 0.6vw;
        -ms-border-radius: 0.6vw;
        -o-border-radius: 0.6vw;
        border-radius: 0.6vw;
    }
    .transfer-page .transfer_btn {
        margin: 2vw auto 0;
    }
    .transfer-page .platform-list .item {
        height: 6vw;
        margin-bottom: 1vw;
        font-size: 2vw;
    }
    .transfer-page .platform-list .btn_getpoints {
        padding: 0.5vw;
        font: normal bold 2vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 1.6vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        padding: 0.8vw 0;
        font: normal normal 1.6vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .betinfo_list {
        padding: 0.7333vw 12vw;
    }
    .bi_item {
        align-items: center;
        height: 2vw;
        font: normal normal 1.2vw/1.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .bi_item .bi_text div {
        display: inline-block;
    }
    .bi_title {
        width: 20%;
    }
    .bi_text {
        width: 80%;
    }
    /* 跳框 */
    #popup_withdraw .item_title {
        font: normal bold 2.6vw/2.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif!important;
    }
    #popup_withdraw i.fa-eye,
    #popup_withdraw i.fa-eye-slash {
        font-size: 3vw;
    }
}

/* 寬度大於 1920px (電腦)*/
@media screen and (min-width: 1920px) {
    /* 會員中心 */
    .mb-name,
    .mb-detail,
    .mb-list,
    .mb-last-time {
        font: normal normal 1.5vw/1.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-detail {
        padding: 0 7vw;
    }
    .members-avatar img {
        width: 7vw;
        height: 7vw;
    }
    .members-wrap {
        margin: 0 0 0 1vw;
    }
    .mb-id {
        margin: 0.5vw auto;
        font: normal bold 1.8vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-balance-card {
        width: calc(100% - 16%);
        height: 5vw;
        padding: 1.5%;
        margin: 1.5vw auto;
    }
    .mb-balance {
        margin-top: 0.7vw;
        font: normal normal 2vw/2.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-balance-text .mb-item {
        font: normal normal 1.5vw/1.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list-box {
        padding: 0 11vw;
    }
    .mb-list {
        padding: 5px 0;
    }
    .mb-list-item img {
        width: 2vw;
    }
    .myavatar-container {
        width: 96.6667vw;
        margin: 0 auto 1.6667vw;
    }
    .myavatar-default,
    .myavatar-action-list {
        -webkit-border-radius: 1.3333vw;
        -moz-border-radius: 1.3333vw;
        -ms-border-radius: 1.3333vw;
        -o-border-radius: 1.3333vw;
        border-radius: 1.3333vw;
    }
    .my-default-pic {
        width: 9.6667vw;
        height: 9.6667vw;
        margin-top: -6.3333vw;
    }
    .my-default-text {
        width: calc(100% - 2vw);
        padding: 1vw;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 1.6vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .myavatar-action-list {
        padding: 0;
        margin-top: 0.6667vw;
    }
    .myaction-item {
        height: 4vw;
    }
    /* 平台轉賬 */
    .transfer-header,
    .transfer-money {
        padding: 0.5vw;
        font: normal bold 1.6vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-list .col_title,
    .transfer-list .col_item,
    .transfer-list .item_title {
        font: normal bold 1.6vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-page .platform-list .btn_getpoints {
        font: normal bold 1.6vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 0.6vw;
        -moz-border-radius: 0.6vw;
        -ms-border-radius: 0.6vw;
        -o-border-radius: 0.6vw;
        border-radius: 0.6vw;
    }
    .transfer-header input.btn33,
    .transfer-header a.btn33 {
        width: 15%;
    }
    .transfer-header input.btn_big,
    .transfer-header a.btn_big {
        padding: 6px 15px;
        font: normal bold 1.3vw/1.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .show-more-action-sheet .item {
        height: 4vw;
        font: normal normal 1.6vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 1.6vw/3.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        height: 3.5vw;
        padding: 0.1vw 0;
        font: normal normal 1.4vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 存提款 */
    .deposit-card {
        height: 15vw;
        font: normal bold 1.6vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .deposit-tab .balance {
        font: normal normal 2.4vw/2.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .bank-name {
        font: normal bold 1.8vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .has-line {
        font: normal bold 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .deposit-tab .tip {
        font: normal normal 1.4vw/1.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 訊息專區 */
    .mail_time,
    .news_time,
    .record_time {
        margin-left: 1vw;
        font: normal normal 2rem/2.2rem "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .news_type {
        font: normal normal 1.1vw/1.1vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_title_bottom {
        height: 3em;
        line-height: 3em;
    }
    .mail_text {
        width: 98%;
    }
    .mail_text .unlook {
        width: 55px;
        padding: 5px;
        font: normal normal 1.1vw/1.1vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 0.5vw;
        -moz-border-radius: 0.5vw;
        -ms-border-radius: 0.5vw;
        -o-border-radius: 0.5vw;
        border-radius: 0.5vw;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 1.6vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_container,
    .news_container {
        padding: 1.2vw;
        font: normal normal 1.6vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 跳框 */
    #popup_withdraw .item_title {
        font: normal bold 1.2vw/1.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif!important;
    }
    #popup_withdraw i.fa-eye,
    #popup_withdraw i.fa-eye-slash {
        font-size: 1.2vw;
    }
    /*優惠專區*/
    .luckybtn_text {
        width: calc(100% - 45px);
        font: normal normal 1.2vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        top: 35%;
        left: 10%;
    }
}

/* 寬度介於 1301px - 1900px (ipad pro,舊電腦) */
@media screen and (min-width: 1301px) and (max-width: 1900px) {
    /* 會員中心 */
    .btn_app {
        width: calc(100% / 2 - 2.2vw);
        padding: 1vw;
        font: normal bold 1.8vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        -ms-border-radius: 1vw;
        -o-border-radius: 1vw;
        border-radius: 1vw;
    }
    .myaction-item {
        height: 4.5333vw;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 2vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .my-default-pic {
        width: 12.6667vw;
        height: 12.6667vw;
        margin-top: -5.3333vw;
    }
    .myavatar-action-list {
        margin-top: 1.6667vw;
    }
    /* 平台轉帳 */
    .transfer-header input.btn_big,
    .transfer-header a.btn_big {
        padding: 7px 10px;
        font: normal bold 2vw/2.2vw "Century Gothic",Arial,"Microsoft JhengHei",PMingLiU,sans-serif;
    }
    /* 反饋問題 */
    .feedback {
        font: normal bold 1.6vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .betinfo_list {
        padding: 0.7333vw 10vw;
    }
    .bi_item {
        height: 3vw;
        font: normal normal 1.6vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .bi_item .bi_text div {
        display: inline-block;
    }
    .bi_title {
        width: 30%;
    }
    .bi_text {
        width: 70%;
    }
    /*優惠專區*/
    .luckybtn_text {
        width: calc(100% - 45px);
        font: normal normal 1.2vw/1.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        top: 35%;
        left: 10%;
    }
}

/* 寬度介於 1024px - 1300px (ipad) */
@media screen and (min-width: 1024px) and (max-width: 1300px) {
    /* 會員中心 */
    .btn_app {
        width: calc(100% / 2 - 2.2vw);
        padding: 1vw;
        font: normal bold 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        -ms-border-radius: 1vw;
        -o-border-radius: 1vw;
        border-radius: 1vw;
    }
    /* 訊息專區 */
    .mail_text .mail_title,
    .news_text .news_title, .news_text {
        font: normal bold 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_container,
    .news_container {
        font: normal normal 1.8vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 反饋問題 */
    .feedback {
        font: normal bold 1.8vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .betinfo_list {
        padding: 0.7333vw 10vw;
    }
    .bi_item {
        height: 3vw;
        font: normal normal 1.8vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .bi_item .bi_text div {
        display: inline-block;
    }
    .bi_title {
        width: 30%;
    }
    .bi_text {
        width: 70%;
    }
    /*優惠專區*/
    .luckybtn_text {
        width: calc(100% - 50px);
        font: normal normal 1.6vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        top: 32%;
        left: 9%;
    }
}

/* 寬度小於 1023px (平板+手機)*/
@media screen and (max-width: 1023px) {
    /* 存提款 */
    .bank-name {
        font: normal bold 13px/13px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .withdraw-tips {
        font: normal normal 13px/13px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .deposit-card {
        font: normal bold 16px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .withdraw-detail {
        font: normal normal 18px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 會員中心 */
    .my-default-pic img {
        width: 16.3333vw;
    }
    .my-default-pic {
        width: 17.6667vw;
        height: 17.6667vw;
    }
    .mb-name,
    .mb-list,
    .mb-balance-text .mb-item {
        font: normal normal 18px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-id {
        font: normal bold 16px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-last-time {
        font: normal normal 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .members-avatar img {
        width: 15vw;
        height: 15vw;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 18px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 活動點數 */
    .activityCount_info {
        padding: 0 0 15px 0;
    }
    .activityCount_text {
        font: normal normal 18px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 平台轉賬 */
    .show-more-action-sheet .item {
        height: 13.4667vw;
        font: normal normal 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-list {
        padding: 3.3333vw;
    }
    .transfer-header {
        padding: 6px;
        font: normal bold 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-money {
        font: normal bold 17px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-header input.btn_big,
    .transfer-header a.btn_big {
        padding: 3px 5px;
        font: normal bold 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-list .col_title,
    .transfer-list .col_item {
        font: normal bold 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-page .platform-list .item {
        font-size: 18px;
    }
    .transfer-page .transfer_btn {
        margin: 4vw auto 0;
    }
    .transfer-page .platform-list .btn_getpoints {
        padding: 5px;
        font: normal normal 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-list input[type="text"],
    .transfer-list input[type="number"],
    .transfer-list select {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header {
        padding: 5px 0;
    }
    /* 反饋問題 */
    .feedback {
        font: normal bold 18px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
}

/* 寬度介於 901px - 1023px (ipad) */
@media screen and (min-width: 901px) and (max-width: 1023px) {
    /* 會員中心 */
    .mb-detail {
        font: normal normal 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .members-mail img {
        width: 6vw;
        height: 6vw;
    }
    .mb-name,
    .mb-list {
        font: normal normal 22px/22px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-balance-text .mb-item {
        font: normal normal 20px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-id {
        font: normal bold 18px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-last-time {
        font: normal normal 18px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .members-avatar img {
        width: 10vw;
        height: 10vw;
    }
    .members-avatar .mbbtn-edit {
        bottom: -10px;
    }
    .mb-balance-card {
        height: 9vw;
        padding: 3%;
        margin: 2vw auto;
    }
    .mb-balance {
        margin-top: 2.3333vw;
        font: normal normal 3.3333vw/3.6333vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list-item img {
        width: 3.6667vw;
    }
    .myavatar-default,
    .myavatar-action-list {
        -webkit-border-radius: 2.3333vw;
        -moz-border-radius: 2.3333vw;
        -ms-border-radius: 2.3333vw;
        -o-border-radius: 2.3333vw;
        border-radius: 2.3333vw;
    }
    .my-default-pic {
        width: 16.6667vw;
        height: 16.6667vw;
    }
    .my-default-pic img {
        width: 14.3333vw;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 2.5vw/2.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .myavatar-action-list {
        padding: 0 3.3333vw;
        margin-top: 1.6667vw;
    }
    .myaction-item {
        height: 6.5333vw;
    }
    .btn_app {
        width: calc(100% / 2 - 3.5vw);
        padding: 1.5vw;
        font: normal bold 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 1.5vw;
        -moz-border-radius: 1.5vw;
        -ms-border-radius: 1.5vw;
        -o-border-radius: 1.5vw;
        border-radius: 1.5vw;
    }
    /* 交易紀錄 */
    .record_list,
    .activityCount_list,
    .mail_container,
    .news_container,
    .record_container,
    .activityCount_container,
    .record_info_foot,
    .activityCount_info_foot {
        padding: 1.5vw;
        font: normal normal 2.2vw/2.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .record input.btn_superbig,
    .record a.btn_superbig,
    .record_lastweek input.btn_superbig,
    .record_lastweek a.btn_superbig {
        font: normal normal 3vw/3.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 個人資訊+最新消息 */
    .news_title_top,
    .news_title_bottom,
    .mail_title_top,
    .mail_title_bottom {
        margin: 0 0 2px 0;
    }
    .news_type {
        font: normal normal 1.8vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_time,
    .news_time,
    .record_time {
        margin-left: 1vw;
        font: normal normal 2.4vw/2.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .unlook {
        padding: 3px;
        font: normal normal 1.8vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 2.4vw/2.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .arrow_box {
        font: normal bold 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 平台轉賬 */
    .transfer-header,
    .transfer-money {
        font: normal bold 18px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-page .platform-list .item {
        height: 7.3333vw;
        padding: 0 1vw;
        margin-bottom: 1.5vw;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 2.2vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        padding: 1vw 0;
        font: normal normal 2vw/2.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .betinfo_list {
        padding: 0.7333vw 8vw;
    }
    .bi_item {
        align-items: center;
        height: 3vw;
        font: normal normal 1.8vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .bi_item .bi_text div {
        display: inline-block;
    }
    .bi_title {
        width: 30%;
    }
    .bi_text {
        width: 70%;
    }
    /* 優惠專區 */
    .luckybtn_text {
        width: calc(100% - 40px);
        font: normal normal 2vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        top: 30%;
        left: 7%;
    }
    /* 產品訊息 */
    .product .tabs-wrap {
        height: 7.6667vw;
    }
}

/* 寬度介於 751px - 900px (iPad, 手機橫放) */
@media screen and (min-width: 751px) and (max-width: 900px) {
    /* 會員中心 */
    .mb-detail {
        font: normal normal 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .members-mail img {
        width: 6vw;
        height: 6vw;
    }
    .members-avatar img {
        width: 12vw;
        height: 12vw;
    }
    .mb-balance-card {
        height: 9vw;
        padding: 3%;
        margin: 2vw auto;
    }
    .mb-balance {
        margin-top: 2.3333vw;
        font: normal normal 3.3333vw/3.6333vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list-item img {
        width: 3.6667vw;
    }
    .mb-detail {
        font: normal normal 2.4vw/2.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-level {
        width: 5vw;
    }
    .members-avatar img {
        width: 8vw;
        height: 8vw;
    }
    .mb-balance-card {
        height: 7vw;
        padding: 2%;
        margin: 2vw auto;
        -moz-border-radius: 1.6667vw;
        -ms-border-radius: 1.6667vw;
        -o-border-radius: 1.6667vw;
        border-radius: 1.6667vw;
    }
    .mb-balance {
        margin-top: 1.3333vw;
        font: normal normal 2.3333vw/2.6333vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list-item img {
        width: 3.6667vw;
    }
    .myavatar-default,
    .myavatar-action-list {
        -webkit-border-radius: 2.3333vw;
        -moz-border-radius: 2.3333vw;
        -ms-border-radius: 2.3333vw;
        -o-border-radius: 2.3333vw;
        border-radius: 2.3333vw;
    }
    .my-default-pic {
        width: 16.6667vw;
        height: 16.6667vw;
    }
    .my-default-pic img {
        width: 14.3333vw;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 2.5vw/2.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .myavatar-action-list {
        padding: 0 3.3333vw;
        margin-top: 1.6667vw;
    }
    .myaction-item {
        height: 6.5333vw;
    }
    .btn_app {
        width: calc(100% / 2 - 3.5vw);
        padding: 1.5vw;
        font: normal bold 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 1.5vw;
        -moz-border-radius: 1.5vw;
        -ms-border-radius: 1.5vw;
        -o-border-radius: 1.5vw;
        border-radius: 1.5vw;
    }
    /* 交易紀錄 */
    .record_list,
    .activityCount_list,
    .mail_container,
    .news_container,
    .record_container,
    .activityCount_container,
    .record_info_foot,
    .activityCount_info_foot {
        padding: 1.5vw;
        font: normal normal 2.4vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .record input.btn_superbig,
    .record a.btn_superbig,
    .record_lastweek input.btn_superbig,
    .record_lastweek a.btn_superbig {
        font: normal normal 3.2vw/3.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 個人資訊+最新消息 */
    .news_title_top,
    .news_title_bottom,
    .mail_title_top,
    .mail_title_bottom {
        margin: 0 0 2px 0;
    }
    .news_type {
        font: normal normal 1.8vw/1.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .unlook {
        padding: 4px;
        font: normal normal 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_time,
    .news_time,
    .record_time {
        margin-left: 1.2vw;
        font: normal normal 2.5vw/2.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 2.6vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 存提款 */
    .deposit-card {
        width: 90%;
        height: 22vw;
        padding: 2.5vw;
        font: normal bold 2.6vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .deposit-tab .balance,
    .deposit-tab input.input100,
    .withdraw-detail input.input100 {
        font: normal normal 4vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .bank-name {
        font: normal bold 2.6vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .has-line {
        font: normal bold 3.2vw/3.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .withdraw-detail input.btn_small {
        padding: 3px;
        font: normal normal 2.6vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .deposit-tab .tip {
        font: normal normal 2.6vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .share-tip p, .share-tip div, .share-tip li {
        margin: 0 0 15px 0;
        font: normal normal 2.4vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    #popup_withdraw .item_title {
        font: normal bold 3.4vw/3.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    #popup_withdraw input.input100 {
        font: normal normal 3.4vw/3.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    #popup_withdraw i.fa-eye,
    #popup_withdraw i.fa-eye-slash {
        font-size: 3vw;
    }
    /* 平台轉賬 */
    .show-more-action-sheet .item {
        height: 11vw;
        font: normal normal 3.2vw/3.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-list {
        padding: 2.3333vw;
    }
    .transfer-header,
    .transfer-money {
        font: normal bold 18px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 2.2vw/5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        padding: 1vw 0;
        font: normal normal 2vw/2.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .betinfo_list {
        padding: 0.7333vw 5vw;
    }
    .bi_item {
        align-items: center;
        height: 3vw;
        font: normal normal 1.8vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .bi_item .bi_text div {
        display: inline-block;
    }
    .bi_title {
        width: 30%;
    }
    .bi_text {
        width: 70%;
    }
    /*優惠專區*/
    .luckybtn_text {
        width: calc(100% - 25px);
        font: normal normal 2.5vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        top: 40%;
        left: 4%;
    }
}

/* 寬度介於 671px - 750px (iPad, 手機橫放) */
@media screen and (min-width: 671px) and (max-width: 750px) {
    /* 會員中心 */
    .mb-detail {
        font: normal normal 2vw/2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .members-mail img {
        width: 7vw;
        height: 7vw;
    }
    .members-avatar img {
        width: 12vw;
        height: 12vw;
    }
    .mb-balance-card {
        height: 9vw;
        padding: 3%;
        margin: 2vw auto;
    }
    .mb-balance {
        margin-top: 2.3333vw;
        font: normal normal 3.3333vw/3.6333vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list-item img {
        width: 3.6667vw;
    }
    .my-default-pic {
        width: 18.6667vw;
        height: 18.6667vw;
    }
    .my-default-pic img {
        width: 15.3333vw;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 2.8vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .btn_app {
        width: calc(100% / 2 - 3.5vw);
        padding: 1.5vw;
        font: normal bold 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
        -webkit-border-radius: 1.5vw;
        -moz-border-radius: 1.5vw;
        -ms-border-radius: 1.5vw;
        -o-border-radius: 1.5vw;
        border-radius: 1.5vw;
    }
    /* 交易紀錄+活動點數+訊息專區 */
    .record_list,
    .activityCount_list,
    .mail_container,
    .news_container,
    .record_container,
    .activityCount_container,
    .record_info_foot,
    .activityCount_info_foot {
        padding: 1.6vw;
        font: normal normal 2.4vw/2.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 個人資訊+最新消息 */
    .news_title_top,
    .news_title_bottom,
    .mail_title_top,
    .mail_title_bottom {
        margin: 0;
    }
    .mail_text .unlook {
        padding: 4px;
        font: normal normal 2.2vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 2.7vw/2.7vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 平台轉賬 */
    .show-more-action-sheet .item {
        height: 10vw;
        font: normal normal 3.2vw/3.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-page .platform-list .item {
        height: 7.3333vw;
        padding: 0 1vw;
        margin-bottom: 1.5vw;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 2.4vw/5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        padding: 1vw 0;
        font: normal normal 2.2vw/2.6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .bi_item {
        align-items: center;
        height: 4vw;
        font: normal normal 2.3vw/2.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .bi_item .bi_text div {
        display: inline-block;
    }
    .bi_title {
        width: 35%;
    }
    .bi_text {
        width: 65%;
    }
    /* 優惠專區 */
    .overtime {
        font: normal bold 3vw/3.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .luckybtn_text {
        width: calc(100% - 35px);
        top: 35%;
        left: 5%;
    }
}

/* 寬度介於 551px - 670px (手機橫放) */
@media screen and (min-width: 551px) and (max-width: 670px) {
    /* 會員中心 */
    .mb-list-item img {
        width: 5.6667vw;
    }
    .members-mail img {
        width: 8vw;
        height: 8vw;
    }
    .mb-list {
        font: normal normal 20px/22px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 交易紀錄+活動點數+訊息專區 */
    .record_list,
    .activityCount_list,
    .mail_container,
    .news_container,
    .record_container,
    .activityCount_container,
    .record_info_foot,
    .activityCount_info_foot {
        padding: 1.6vw;
        font: normal normal 2.8vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 個人資訊+最新消息 */
    .news_title_top,
    .news_title_bottom,
    .mail_title_top,
    .mail_title_bottom {
        margin: 0;
    }
    .news_type {
        font: normal normal 2.2vw/2.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .unlook {
        padding: 4px;
        font: normal normal 2.4vw/2.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 平台轉賬 */
    .show-more-action-sheet .item {
        height: 9vw;
        font: normal normal 3vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-page .platform-list .item {
        height: 7.3333vw;
        padding: 0 1vw;
        margin-bottom: 1.5vw;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 2.6vw/5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        padding: 1.5vw 0;
        font: normal normal 2.4vw/3vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 優惠專區 */
    .overtime {
        font: normal bold 3vw/3.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .luckybtn_text {
        font: normal normal 3vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
}

/* 寬度介於 401px - 550px (iPhone 6+) */
@media screen and (min-width: 401px) and (max-width: 550px) {
    /* 會員中心 */
    .mb-list-item img {
        width: 5.6667vw;
    }
    .mb-list {
        font: normal normal 18px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .myaction-item {
        height: 11.5333vw;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 16px/21px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .myavatar-default,
    .myavatar-action-list {
        -webkit-border-radius: 5.3333vw;
        -moz-border-radius: 5.3333vw;
        -ms-border-radius: 5.3333vw;
        -o-border-radius: 5.3333vw;
        border-radius: 5.3333vw;
    }
    .my-default-pic {
        width: 26.6667vw;
        height: 26.6667vw;
        margin-top: -13.3333vw;
    }
    .my-default-pic img {
        width: 21.3333vw;
    }
    .btn_app {
        font: normal bold 5.2vw/5.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 交易紀錄+活動點數+訊息專區 */
    .record_list,
    .activityCount_list,
    .mail_container,
    .news_container,
    .record_container,
    .activityCount_container,
    .record_info_foot,
    .activityCount_info_foot {
        padding: 1.8vw;
        font: normal normal 3.4vw/3.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .news_title_top,
    .news_title_bottom,
    .mail_title_top,
    .mail_title_bottom {
        margin: 0;
    }
    .mail_time,
    .news_time,
    .record_time {
        font: normal normal 3.4vw/3.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 3.5vw/3.5vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 反饋問題 */
    .feedback {
        font: normal bold 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 存提款 */
    .withdraw-detail {
        font: normal normal 4.4vw/6vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        padding: 5px 0;
        font: normal normal 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 平台轉賬 */
    .transfer-header {
        padding: 5px;
        font: normal bold 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-money {
        font: normal bold 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-page .platform-list .item {
        width: calc(100% / 2 - 3vw);
        padding: 1vw;
        font-size: 16px;
    }
    .transfer-page .platform-list .btn_getpoints {
        padding: 3px 5px;
        font: normal normal 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 優惠專區 */
    .overtime {
        font: normal bold 3.8vw/4.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 活動點數 */
    .activityCount_text {
        font: normal normal 16px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
}

/* 寬度介於 401px - 414px (iPhone 5,iPhone 6,Galaxy S5) */
@media screen and (min-width: 401px) and (max-width: 414px) {
    /* 幫助中心 */
    .help-page .tabs-wrap {
        height: 14.6667vw;
    }
    /* 會員中心 */
    .mb-name,
    .mb-list,
    .mb-balance-text .mb-item {
        font: normal normal 17px/19px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-id {
        font: normal bold 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-last-time {
        font: normal normal 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 15px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 平台轉賬 */
    .transfer-page .platform-list .item span:first-of-type {
        width: 50%;
        padding: 5px 0;
    }
    .transfer-page .platform-list .game_point {
        width: 45%;
        padding: 5px 0;
    }
    .transfer-page .platform-list .item {
        width: calc(100% / 2 - 5vw);
        flex-wrap: wrap;
        padding: 1vw 2vw;
        font-size: 14px;
    }
    .transfer-page .platform-list .btn_getpoints {
        padding: 3px 5px;
        font: normal normal 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 反饋問題 */
    .feedback {
        font: normal bold 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 活動點數 */
    .activityCount_text {
        font: normal normal 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
}

/* 寬度介於 321px - 400px (iPhone 5,iPhone 6,Galaxy S5) */
@media screen and (min-width: 321px) and (max-width: 400px) {
    /* 會員中心 */
    .mb-name,
    .mb-list,
    .mb-balance-text .mb-item {
        font: normal normal 16px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-id {
        font: normal bold 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-last-time {
        font: normal normal 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .myaction-item {
        height: 12.5333vw;
    }
    .members-avatar img {
        width: 18vw;
        height: 18vw;
    }
    .members-avatar .mbbtn-edit {
        bottom: -10px;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 15px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .myavatar-default,
    .myavatar-action-list {
        -webkit-border-radius: 5.3333vw;
        -moz-border-radius: 5.3333vw;
        -ms-border-radius: 5.3333vw;
        -o-border-radius: 5.3333vw;
        border-radius: 5.3333vw;
    }
    .my-default-pic {
        width: 26.6667vw;
        height: 26.6667vw;
        margin-top: -13.3333vw;
    }
    .my-default-pic img {
        width: 23.3333vw;
    }
    .btn_app {
        font: normal bold 5.2vw/5.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .btn_app img {
        width: 30px;
    }
    /* 選擇大頭照 */
    .btn_bighead {
        width: 63px;
    }
    /* 交易紀錄+活動點數+訊息專區 */
    .record_list,
    .activityCount_list,
    .mail_container,
    .news_container,
    .record_container,
    .activityCount_container,
    .record_info_foot,
    .activityCount_info_foot {
        font: normal normal 4vw/4.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .record_chk {
        width: 40%;
    }
    .mail_time,
    .news_time,
    .record_time {
        font: normal normal 4vw/4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 4.2vw/4.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_title_bottom {
        height: 1.5em;
        line-height: 1.5em;
    }
    /* 存提款 */
    .deposit-card {
        font: normal bold 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .withdraw-detail {
        font: normal normal 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .deposit-tab .theme-btn,
    .withdraw-tab .theme-btn {
        margin: 7vw auto;
    }
    /* 平台轉帳 */
    .transfer-header {
        padding: 5px;
        font: normal bold 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-money {
        font: normal bold 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-header input.btn_big,
    .transfer-header a.btn_big {
        padding: 3px 5px;
        font: normal bold 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-page .platform-list .item span:first-of-type {
        width: 50%;
        padding: 5px 0;
    }
    .transfer-page .platform-list .game_point {
        width: 45%;
        padding: 5px 0;
    }
    .transfer-page .platform-list .item {
        flex-wrap: wrap;
        padding: 1vw 2vw;
        font-size: 14px;
    }
    .transfer-page .platform-list .btn_getpoints {
        padding: 3px 5px;
        font: normal normal 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        padding: 5px 0;
        font: normal normal 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .bi_title {
        width: 45%;
    }
    .bi_text {
        width: 55%;
    }
    .bi_item {
        height: 10vw;
        font: normal normal 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 優惠專區 */
    .overtime {
        font: normal bold 4.4vw/4.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 反饋問題 */
    .feedback {
        font: normal bold 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 活動點數 */
    .activityCount_text {
        font: normal normal 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
}

/* 寬度小於 320px */
@media screen and (max-width: 320px) {
    /* 會員中心 */
    .members-page {
        padding-bottom: 6.3333vw;
    }
    .mb-balance {
        font: normal normal 18px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-name,
    .mb-balance-text .mb-item {
        font: normal normal 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list {
        font: normal normal 16px/18px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-id {
        font: normal bold 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-last-time {
        font: normal normal 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list-item img {
        width: 8.6667vw;
    }
    .myaction-item {
        height: 10.5333vw;
    }
    .mb-balance-card {
        height: 22vw;
    }
    .members-avatar img {
        width: 18vw;
        height: 18vw;
    }
    .members-avatar .mbbtn-edit {
        bottom: -12px;
    }
    .my-default-text,
    .myaction-item span {
        font: normal normal 15px/20px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .myavatar-default,
    .myavatar-action-list {
        -webkit-border-radius: 5.3333vw;
        -moz-border-radius: 5.3333vw;
        -ms-border-radius: 5.3333vw;
        -o-border-radius: 5.3333vw;
        border-radius: 5.3333vw;
    }
    .my-default-pic {
        width: 26.6667vw;
        height: 26.6667vw;
        margin-top: -13.3333vw;
    }
    .my-default-pic img {
        width: 21.3333vw;
    }
    .btn_app {
        font: normal bold 5.2vw/5.2vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .btn_app img {
        width: 25px;
    }
    /* 選擇大頭照 */
    .btn_bighead {
        width: 55px;
        margin: 0;
        padding: 2px;
    }
    /* 訊息+最新消息 */
    .activityCount_list,
    .mail_container,
    .news_container,
    .record_container,
    .activityCount_container,
    .record_info_foot,
    .activityCount_info_foot {
        font: normal normal 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .record_chk {
        width: 40%;
    }
    .mail_time,
    .news_time,
    .record_time {
        font: normal normal 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .record_list,
    .mail_text .unlook {
        padding: 5px 3px;
        font: normal bold 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_text .mail_title,
    .news_text .news_title,
    .news_text {
        font: normal bold 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mail_title_bottom {
        height: 1.5em;
        line-height: 1.5em;
    }
    /* 存提款 */
    .deposit-card {
        font: normal bold 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .withdraw-detail {
        font: normal normal 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .deposit-tab .theme-btn,
    .withdraw-tab .theme-btn {
        margin: 6vw auto;
    }
    /* 平台轉賬 */
    .transfer-header {
        padding: 5px;
        font: normal bold 15px/15px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-money {
        font: normal bold 16px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-header input.btn_big,
    .transfer-header a.btn_big {
        padding: 3px;
        font: normal bold 3.4vw/3.8vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-page .platform-list .item span:first-of-type {
        width: 50%;
        padding: 5px 0;
    }
    .transfer-page .platform-list .game_point {
        width: 45%;
        padding: 5px 0;
    }
    .transfer-page .platform-list .item {
        flex-wrap: wrap;
        padding: 1vw 2vw;
        font-size: 13px;
    }
    .transfer-page .platform-list .btn_getpoints {
        padding: 2px 5px;
        font: normal normal 12px/12px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 轉帳紀錄 */
    .transfer-record .table-header .table-title {
        font: normal bold 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .transfer-record .table-item {
        padding: 5px 0;
        font: normal normal 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .betinfo_list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
        padding: 5vw;
    }
    .bi_title {
        width: 35%;
    }
    .bi_text {
        width: 64%;
    }
    .bi_text div {
        display: inline-block;
    }
    .bi_item {
        font: normal normal 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 優惠專區 */
    .overtime {
        font: normal bold 4.4vw/4.4vw "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .luckybtn_text {
        top: 35%;
        left: 7%;
    }
    /* 反饋問題 */
    .feedback {
        font: normal bold 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 幫助中心 */
    .help-page .tabs-wrap {
        height: 14.6667vw;
    }
    /* 活動點數 */
    .activityCount_text {
        font: normal normal 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 產品訊息 */
    .product .tabs-wrap {
        height: 14.6667vw;
    }
}

/* 寬度小於 280px */
@media screen and (max-width: 280px) {
}

/* 寬度小於 240px */
@media screen and (max-width: 240px) {
    /* 會員中心 */
    .mb-name,
    .mb-balance-text .mb-item {
        font: normal normal 14px/16px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-list {
        font: normal normal 15px/17px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-id {
        font: normal bold 13px/13px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    .mb-last-time {
        font: normal normal 13px/13px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 選擇大頭照 */
    .btn_bighead {
        width: 45px;
    }
    /* 平台轉帳 */
    .transfer-list .col_title,
    .transfer-list .col_item {
        font: normal bold 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
    /* 投注資訊 */
    .bi_item {
        font: normal normal 14px/14px "Century Gothic", Arial, "Microsoft JhengHei", PMingLiU, sans-serif;
    }
}