/*-----------------------------共用元件-----------------------------*/
/*---------------------Input---------------------*/
input::placeholder {
    font-size: .9rem;
}

.input-time.start-time .field-title {
    white-space: pre-line;
    font-size: .8rem;
}

.input-time.end-time .field-title {
    white-space: pre-line;
    font-size: .8rem;
}

@media (max-width: 1580px) {
    .input-time {
        padding: .3rem;
    }

    .input-time .input-date {
        padding: 0;
    }
}

.error-hint.upper-limit span::before {
    content: 'Yêu cầu ≦ ';
}

.error-hint.lower-limit span::before {
    content: 'Yêu cầu ≧ ';
}

/*-----------------------Tabs-----------------------*/
.page-tabs .btn-tabs {
    text-align: center;
    .text {
        font-size: 1rem;
    }
}

/*----------------- 頁面內容layout -------------------*/
.page-content-list .area-menu .btn-menu {
    gap: .4rem;
}

.page-content-default .page-content-list .area-menu {
    width: 20%;
    gap: 0.4rem;
    padding: 1rem 0.7rem;
}

@media (max-width: 1440px) {
    .page-content-list .area-menu .btn-menu {
        gap: .4rem;
    }

    .page-content-list .area-menu .btn-menu .text {
        font-size: .9rem;
    }
}

/*-----------------------------Header------------------------------*/
.header .list-btn-page .btn {
    padding: 0;
}

.header .list-btn-page .btn .text {
    font-size: .8rem;
    text-align: center;
}

.header .list-btn-page .btn.discount .text {
    width: 6rem;
}

.header .list-btn-page .btn.service .text {
    width: 8rem;
}

.header .list-btn-page .btn.news .text,
.header .list-btn-page .btn.index .text,
.header .list-btn-page .btn.game .text {
    width: 6rem;
}

@media (max-width: 1440px) {
    .header .list-btn-page .btn .text {
        font-size: .7rem;
        text-align: center;
    }

    .header .list-btn-page .btn.discount .text {
        width: 4.2rem;
    }

    .header .list-btn-page .btn.service .text {
        width: 4.4rem;
    }

    .header .list-btn-page .btn.news .text,
    .header .list-btn-page .btn.index .text,
    .header .list-btn-page .btn.game .text {
        width: 3rem;
    }
}

.header .list-function .list-btn-function .btn {
    width: 60px;
}

.header .list-btn-function .btn .text {
    font-size: .7rem;
}

.header .list-function .list-btn-function {
    gap: .2rem;
}

.header .list-function .btn-set .tooltip {
    width: 50px;
}

/* Header帳號 */
.header {
    .list-user-info {
        .area-user {
            &.fold {
                .menu {
                    width: 220px;
                }
            }
            .user-info {
                width: 220px;
                .user-name {
                    width: 100%;
                    justify-content: space-between;
                }
            }
            .menu {
                .btn {
                    font-size: .9rem;
                }
            }
        }
    }
}

/*------------------------------Footer------------------------------*/
.footer .nav .area-info .info .info-text::before {
    white-space: pre-line;
}

.footer .nav .area-nav .list.game {
    width: 60%;
}

/*-----------------------------彈窗-忘記密碼-------------------------*/
#index-popup-forgot .btn-function {
    font-size: .9rem;
    line-height: 16px;
}

#index-popup-forgot .btn-function span {
    white-space: pre-line;
}

#index-popup-forgot .popup-btn .btn-signup,
#index-popup-forgot .popup-btn .btn-login {
    .btn-text {
        font-size: .8rem;
    }
}

/*-------------------------------註冊-------------------------------*/
#signup .checkbox-content .text-agree,
#signup .checkbox-content .text-and,
#signup .btn-text-link {
    font-size: .8rem;
}

/*---------------------------彈窗-每日簽到---------------------------*/
#index-popup-check .area .list .btn-check {
    font-size: .8rem;
}

#index-popup-check .popup-btn .btn-send {
    border-radius: 50vw;
    text-align: center;
}

/*---------------------------彈窗-活動公告---------------------------*/
#index-popup-news .tabs .tab-title {
    width: 6.4rem;
    font-size: 1rem;
    padding: 0.8rem 0.2rem;
    border-radius: 12px 12px 0 0;
    gap: 0.1rem;
    text-align: center;
}

#index-popup-news .info-content .btn-more {
    height: auto;
}

#index-popup-news .info-content .btn-more {
    font-size: .9rem;
    line-height: 1.1rem;
    padding: 0.15rem;
}

/*---------------------------彈窗-遊戲內儲值---------------------------*/
#game-surface-popup-deposit .channel-info .item .field-name {
    width: 90px;
    font-size: .8rem;
    line-height: 16px;
}

/*-------------------彈窗-手機驗證-------------------*/
#my-popup-verify-phone .btn-function {
    font-size: .9rem;
    line-height: 16px;
}

#my-popup-verify-phone .btn-function span {
    white-space: pre-line;
}

/*-------------------------------存款-------------------------------*/
#deposit .channel-info .item .field-name {
    width: 130px;
}

/*-------------------------------取款-------------------------------*/
#withdraw .card .field .field-title {
    min-width: 32%;
}

/*---------------------彈窗-實名驗證---------------------*/
#withdraw-popup-verify .input-upload .upload-text.nodata {
    white-space: pre-line;
}

#withdraw-popup-verify .btn-function {
    font-size: .9rem;
    line-height: 16px;
}

#withdraw-popup-verify .btn-function span {
    white-space: pre-line;
}

/*-------------------------彈窗-添加取款方式-------------------------*/
#withdraw-popup-amount .card .field,
#withdraw .card .field {
    .field-title {
        width: fit-content;
        min-width: 40%;
    }
}

/*------------------------------聊天室-----------------------------*/
#chatroom-under-member.page-content-default .page-content-list .area-menu,
#chatroom-upper-agent.page-content-default .page-content-list .area-menu,
#chatroom-upper-member.page-content-default .page-content-list .area-menu,
#support-service.page-content-default .page-content-list .area-menu {
    width: 26%;
}

#chatroom-under-member .page-content-list .area-menu .btn-menu,
#chatroom-upper-agent .page-content-list .area-menu .btn-menu,
#chatroom-upper-member .page-content-list .area-menu .btn-menu,
#support-service .page-content-list .area-menu .btn-menu {
    padding: .6rem;

    .text {
        font-size: .9rem;
    }
}

.page-content-list .btn-menu.upper-agent .unread,
.page-content-list .btn-menu.upper-member .unread {
    right: -1%;
}


/*------------------------------我的帳戶-----------------------------*/
.page-content-default .page-content-list .area-menu {
    width: 242px;
}

/*-------------------------我的帳戶 > 會員等級------------------------*/
#my-info-member .info-content .list-gift .item .text .title {
    font-size: .8rem;
}

#my-info-member .info-content .list-gift .item .state {
    top: .2rem;
    right: .6rem;
}

@media (max-width: 1280px) {
    #my-info-member .info-content .list-gift .item .text {
        gap: .4rem;
    }

    #my-info-member .info-content .list-total .item .title,
    #my-info-member .info-content .list-total .item .amount,
    #my-info-member .info-content .list-gift .item .state,
    #my-info-member .info-content .list-gift .item .text .amount,
    #my-info-member .info-content .list-gift .item .text .title {
        font-size: .8rem;
        text-align: center;
    }

    #my-info-member .area-content .vip-card.now {
        height: 124px;
    }

    #my-info-member .content .info-content .list-gift .item {
        padding: 1.2rem .6rem .6rem .6rem;
    }
}

@media (max-width: 1680px) {
    #my-info-member .content .info-content .list-gift .item {
        padding: 1.2rem .6rem .4rem .2rem;
    }
}

#my-info-member .item-vip .list-info .list-data.limit .field,
#my-info-member .area-vip-info .item-vip .item .list-data .field {
    font-size: .8rem;
}

/*-------------------------我的帳戶 > 基本資料------------------------*/
#my-info-basic .input-area .input-content .btn-edit,
#my-info-basic .input-area.phone .input-content .btn-edit {
    font-size: .8rem;
}

/*-----------------------------優惠清單-----------------------------*/
#discount-detail .item .info-content .title .btn-more,
#discount .item .info-content .title .btn-more {
    font-size: .8rem;
    height: auto;
    width: 8rem;
    text-align: center;
    padding: 0.25rem;
}

@media (max-width: 1440px) {
    #discount-detail .item .info-content .title .btn-more,
    #discount .item .info-content .title .btn-more {
        width: 6rem;
        line-height: 14px;
    }
}

/*-----------------------------優惠詳情-----------------------------*/
#discount-detail .area-content .discount-title .btn-apply {
    padding: 0.4rem 0.8rem;
    width: 28%;
}

#discount-detail .area-content .discount-title .btn-apply.ineligible,
#discount-detail .area-content .discount-title .btn-apply.applied {
    width: 16%;
}

/*-----------------------------平台支持-----------------------------*/
#rule-privacy .page-content-list .area-menu,
#rule-gaming .page-content-list .area-menu,
#rule-service .page-content-list .area-menu,
#support-qa .page-content-list .area-menu {
    width: 24%;
}

/*-----------------------------帳戶明細-----------------------------*/
#deal-detail .table .colum.state {
    width: 11%;
    text-align: center;
}



/*-------------- 維護中頁面 --------------*/
#support-maintain {
    .content {
        .title {
            font-size: 6rem;
            text-transform: uppercase;
        }
        .sub-title {
            margin-top: 0;
        }
    }
}
#support-ipban {
    .content {
        width: 860px;
        margin-left: 20%;
        .title {
            font-size: 8rem;
            text-transform: uppercase;
        }
        .sub-title {
            margin-top: 0;
        }
    }
}

/*-----------------------------優惠紀錄-----------------------------*/
.btn-one-click {
    font-size: .9rem;
    line-height: 16px;
}

#bonus-record-vip .content-title .item .btn-one-click,
#bonus-record-cashback .content-title .item .btn-one-click,
#bonus-record-offer .content-title .item .btn-one-click {
    white-space: pre-line;
}

/*-----------------------------投注紀錄-----------------------------*/
#bet-record .content-title .item .field-title {
    font-size: .9rem;
    width: 100%;
}

@media (max-width: 1580px) {
    #bet-record .area-function .list-btn-function .input-time {
        width: 40%;
    }

    #bet-record .area-function .list-btn-function .input-time .field-title {
        width: 54%;
    }
}

/*-----------------------------投注詳情-----------------------------*/
#bet-record-detail .table .row.title .colum.bet {
    white-space: pre-line;
}

#bet-record-detail .table .row.title .colum.bet-valid {
    white-space: pre-line;
}

/*---------------------------我的推廣------------------------------*/
.page-content-default .page-content-list .area-menu.promote {
    width: 24%;
}

.area-menu.promote .btn-back-my .text {
    white-space: pre-line;
}

#promote-overview .area-content .area-total .list-data {
    gap: .4rem;
}

#promote-overview .list-data .item .item-content {
    padding: 0.6rem;
}

#promote-overview .area-total .list-data .item .item-title {
    padding: 0.8rem 0.6rem;
}

/*----------------------我的推廣 > 推廣總覽----------------------*/
#promote-overview .area-receive-award .btn-receive {
    min-width: 118px;
}

#promote-overview .field .field-title {
    font-size: .9rem;
}

#promote-overview .item.qrcode .list-btn-function .btn-option {
    min-width: 120px;
}

/*-------------------我的推廣 > 團隊查詢 > 團隊報表-------------------*/
#promote-team-report .content-title .remark {
    white-space: pre-line;
}

#promote-team-report .list-my-total .item .field-title {
    font-size: .9rem;
}

#promote-team-report .content-title .area-function .list-filter {
    flex-direction: column;
    align-items: flex-start;
}

#promote-team-report .area-content .remark {
    width: 100%;
}
/*-------------------紅包兌換碼-------------------*/
#red-envelope-code {
    .popup {
        .popup-title {
            padding: 0 2rem;
            .title-text {
                text-align: center;
            }
        }
    }
}


/*---------- 存款按鈕 ----------*/
/* #deposit, #game-surface-popup-deposit {
    .deposit-btn {
        .btn-list {
            min-height: 100px;
            .btn-text {
                font-size: .7rem;
                min-height: 34px;
                align-items: center;
                @media (max-width: 1750px) {
                    font-size: .6rem;
                }
                @media (max-width: 1550px) {
                    font-size: .5rem;
                }
            }
        }
    }
} */