@charset 'utf-8';
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@900&family=Noto+Sans+SC:wght@300;400;500;700;900&family=Noto+Sans+TC:wght@300;700;900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Roboto+Flex:opsz,wght@8..144,100..1000&family=Roboto:wght@300;400;500&family=ZCOOL+QingKe+HuangYou&display=swap');

:root {
    /* === 全站背景 === */
    --color-bg: #080E29;

    /* === 強調色 / 捲軸 / 邊框高亮 === */
    --color-accent: #73DEFF;

    /* === 次強調色（chat 按鈕等） === */
    --color-accent2: #00c9d1;

    /* === 主要 CTA 按鈕（存款、進入等） === */
    --color-primary: #FF9A41;

    /* === 動作按鈕（red action）=== */
    --color-btn-action: #e0241b;

    /* === 深色卡片 / 轉點區塊背景 === */
    --color-card-dark: #43454b;

    /* === 深色 input / 數字鍵背景 === */
    --color-input-bg: #3a3a3a;

    /* === 會員 Tab 啟用背景 === */
    --color-tab-active-bg: #000F63;

    /* === 資訊色（公告標籤、標題） === */
    --color-info: #00259D;

    /* === 高亮文字（公告頁簽 active） === */
    --color-highlight: #FFD815;

    /* === 公告彈窗背景 === */
    --color-news-bg: #242424;

    /* === 分頁背景 === */
    --color-pagination: #3a3a3e;

    /* === 分頁 active === */
    --color-pagination-active: #4a9eff;

    /* === 危險色（紅字、刪除） === */
    --color-danger: #FF2929;

    /* === 成功色（綠色） === */
    --color-success: #00b542;

    /* === 客服按鈕文字陰影色 === */
    --color-service-shadow: #000AD1;
}

* {
    box-sizing: border-box;
}


/*卷軸設定*/

::-webkit-scrollbar {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 80px;
    overflow: hidden;
}

::-webkit-scrollbar-track {
    background-color: #5F5F5F;
    border-radius: 100px;
}

::-webkit-scrollbar-thumb {
    border-radius: 80px;
    background: var(--color-accent);
    border-radius: 100px;
}

button:focus,
.btn:focus,
a:focus {
    outline: none !important;
}

.fancybox-lock .fancybox-overlay {
    overflow-y: auto;
}

html,
body {
    -webkit-text-size-adjust: 100%;
    /* 禁止文字自动调整大小 */
    touch-action: manipulation;
    /* 禁止双指缩放 */
}

.no_scroll {
    overflow: hidden;
}

html {
    font-size: 3.3333vw;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: 'Noto Serif TC', serif;
}

.content {
    overflow-x: 100%;
    -webkit-text-size-adjust: 100%;
    /* 禁止文字自动调整大小 */
    touch-action: manipulation;
    /* 禁止双指缩放 */
}


@media screen and (max-width: 1000px) and (min-width: 550px) {
    html {
        font-size: 2vw;
    }
}

@font-face {
    font-family: 'Digital Numbers Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Digital Numbers Regular'), url('DigitalNumbers-Regular.woff') format('woff');
}

body {
    margin: 0;
    padding: 0;
    background-color: var(--color-bg);
    font-family: 'Noto Sans SC', 'Noto Sans TC', serif;
    -webkit-overflow-scrolling: unset;
    font-weight: 500;
}

input {
    touch-action: manipulation;
}

button {
    -webkit-appearance: none;
}

a {
    color: inherit;
    text-decoration: none
}

h2,
.h2 {
    font-size: 2rem;
}

img {
    max-width: 100%;
    display: block;
}

/* 架站中彈窗 */
#noItem_box {
    padding: 20px 0;
    background: none;
    border: none;
}

.no_item {
    position: relative;
}

.no_item_text {
    color: #1976d2;
    font-size: 1rem;
    top: 7.5%;
    text-align: center;
    border: solid 1px #1976d2;
    width: 105px;
    line-height: 36px;
    height: 36px;
    display: block;
    margin: auto;
    border-radius: 8px;
}

/* !架站中彈窗 */
/* 客服按鈕 */
.service_fix_btn_box {
    text-align: right;
    padding: 0 0.5rem;
}

.service_fix_btn {
    display: inline-block;
    /* position: absolute; */
    /* right: 0.5rem; */
    position: relative;
    width: 7rem;
}

.service_fix_btn span {
    position: absolute;
    top: 61%;
    left: 0;
    right: 0;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px 1px var(--color-service-shadow), 1px -1px 1px var(--color-service-shadow), -1px 1px 1px var(--color-service-shadow), 1px 1px 1px var(--color-service-shadow),
        -2px -2px 2px var(--color-service-shadow), 2px -2px 2px var(--color-service-shadow), -2px 2px 2px var(--color-service-shadow), 2px 2px 2px var(--color-service-shadow);
    font-weight: bold;
}

/* !客服按鈕 */
.text-red {
    color: var(--color-danger);
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 50;
    /* max-width: 550px; */
    margin: auto;
}

.fix_header {
    position: fixed;
    /* max-width: 550px; */
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 550;
}

.site-header2 {
    background: url(../images/member/top.jpg);
    background-size: cover;
    background-position: center;
    z-index: 50;
    padding-bottom: 16%;
    position: relative;


}

.site-header2 .logo {
    background: url(../images/member/login.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 34%;
    display: inline-block;
    position: absolute;
    left: 0.5rem;
    top: 0.6rem;
    bottom: 0.6rem;
}

.tab_content {
    display: none;
}

.btn.btn-member2 {
    /*會員專區登出按鈕*/
    background-color: #ADF0F9;
    border-radius: 5px;
    text-align: center;
    color: #676767;
    font-size: 1.3rem;
    display: block;
    margin-bottom: 1rem;
    padding: 0.6rem;
}

.btn.btn-member1 {
    /*會員專區修改密碼按鈕*/
    background-color: var(--color-primary);
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    display: block;
    margin-bottom: 1rem;
    padding: 0.6rem;
}


#close_right {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
    top: 0 !important;
    left: -40px;
    transition: all ease .3s;
    position: fixed;
    z-index: 999999999999;
}

.fixed_chat {
    width: 50px;
    height: 50px;
    background: var(--color-accent2);
    border-radius: 50%;
    color: #fff;
    position: fixed;
    right: 1%;
    bottom: 2%;
    font-size: 25px;
    text-align: center;
    line-height: 45px;
    z-index: 9;
}



.wrapper {
    width: 100%;
    /* max-width: 550px; */
    padding-top: 170px;
    background: var(--color-bg);
    margin: auto;
    position: relative;
    padding-bottom: 80px;
    min-height: 100vh;
}

.container {
    padding: 0 15px;
    max-width: 1366px;
    margin: auto;
    width: 100%;
    position: relative;
}

.bottom_btn {
    position: fixed;
    /* max-width: 550px; */
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    z-index: 100;
}

.bottom_btn a {
    display: block;
    width: 20%;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: #8C8C8C;
    padding: 5px 0;
    line-height: 1;

}

.bottom_btn a i {
    display: inline-block;
    width: 100%;
    padding-bottom: 2rem;
    position: relative;
}

.bottom_btn a i svg {
    width: 100%;
    position: absolute;
    top: -1%;
    left: 32.5%;
    right: 32.5%;
    max-width: 35%;
    height: 2rem;
}

/*.bottom_btn a:hover i svg path{
    fill: #05437A!important;
}
.bottom_btn a:hover {
    color: #05437A
}
*/
.bottom_btn3_page .bottom_btn3 i svg path {
    fill: #3b8faa !important;
}

.bottom_btn3_page .bottom_btn3 {
    color: #3b8faa
}

.bottom_btn2_page .bottom_btn2 i svg path {
    fill: #05437A !important;
}

.bottom_btn2_page .bottom_btn2 {
    color: #05437A
}

.bottom_btn4_page .bottom_btn4 i svg path,
.bottom_btn4_page .bottom_btn4 i svg rect {
    fill: var(--color-success) !important;
}

.bottom_btn4_page .bottom_btn4 {
    color: var(--color-success);
}

.bottom_btn5_page .bottom_btn5 i svg path {
    fill: #00719b !important;
}

.bottom_btn5_page .bottom_btn5 {
    color: #00719b
}

/* 首頁上方卷軸 */
.top_btn .flex::-webkit-scrollbar {
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 80px;
    overflow: hidden;
}

.top_btn .flex::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 100px;
}

.top_btn .flex::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background:
        url('../images/index/scroll1.png') left center no-repeat,
        url('../images/index/scroll2.png') right center no-repeat,
        linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(223, 223, 223, 1) 48%, rgba(128, 128, 128, 1) 100%);
    border: solid 1px #CFCFCF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
    background-size: auto 95%, auto 95%, 100% 100%;
    background-position: left center, right center, 0 0;
}

.top_btn .container:before {
    content: '';
    position: absolute;
    bottom: 0.25rem;
    left: 2rem;
    right: 2rem;
    height: 0.2rem;
    background: #6D6D6D;
    display: block;
    border-radius: 100px;
}

/* !首頁上方卷軸 */
.top_btn .container {
    padding: 0 2rem
}

.top_btn .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0.8rem;
    padding-bottom: 3rem;
}

.top_btn .arrow.arrowLeft {
    left: 0.5rem;
}

.top_btn .arrow.arrowRight {
    right: 0.5rem;
}

.top_btn .flex {
    display: flex;
    overflow-x: auto;
    z-index: 6;
    position: relative;
}

.top_btn .item {
    min-width: 20%;
    padding: 0 5px 5px;
    text-align: center;
    color: #6D6D6D;
    position: relative;
}

.top_btn .item .cover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: block;
}

.top_btn .item .pic {
    border-radius: 5px;
    border: solid 2px #C27500;
    padding: 0.3rem;
    justify-content: center;
    align-items: center;
    display: flex;
    background: #fff;

}

.top_btn .item .pic img {
    max-width: 50%;
}

.top_btn .item .name {
    margin: 0.3rem 0;
    font-size: 0.9rem;
}

.open_menu {
    width: 1.8rem;
    cursor: pointer;
    display: inline-block;
}

.open_menu:before,
.open_menu:after {
    content: '';
    width: 100%;
    height: 0.3rem;
    border: solid 1px #707070;
    background: #fff;
    display: block;
    margin-bottom: 0.3rem;
}

.open_menu span {
    display: block;
    width: 100%;
    height: 0.3rem;
    border: solid 1px #707070;
    background: #fff;
    margin-bottom: 6px;

}

.menu_box {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 250px;
    background: #F5F5F5;
    z-index: 9995;
    padding: 20px 10px;
    max-width: 80%;
    height: 100vh;
    overflow: auto;
    display: none;
}

.out_box_mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 995;
    background: rgba(0, 0, 0, 0.6);
}

.open_menu_active .out_box_mask {
    display: block;
}

.menu_box .menu {
    list-style: none;
    padding: 0;
    margin-bottom: 2rem;
}

.menu_box .menu li a {
    width: 100%;
    display: block;
    background: #fff;
    border-radius: 15px;
    font-size: 1.4rem;
    color: #1A1A1A;
    margin-bottom: 0.5rem;
    padding: 0.8rem;
    display: flex;
    align-items: center;
    position: relative;
}

.menu_box .menu li.has-child.active>a {
    border-radius: 15px 15px 0 0;
}

.menu_box .menu .has-child>a:after {
    content: '';
    width: 0.5rem;
    height: 0.5rem;

    background: url(../images/menu/child_ic.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    transition: all ease .3s;
}

.menu_box .menu .has-child.active>a:after {
    transform: rotate(180deg);
}

.menu_box .menu>li:last-child a {
    color: #E14B87;
}

.menu_box .menu>li>a>img {
    width: 1.4rem !important;
    height: 1.4rem !important;
    margin-right: 0.5rem;
    object-fit: contain;
    object-position: center;

}

.menu_box .menu>li ul li a>img {
    width: 1.4rem !important;
    height: 1.4rem !important;
    margin-right: 5px;
    margin-left: 5px;
    object-fit: contain;
    object-position: center;
}

.menu_box .menu .has-child ul {
    list-style: none;
    padding: 0;
    background: #fff;
    margin-top: -0.5rem;
    border-radius: 0 0 15px 15px;
    padding-left: 2rem;
    display: none;

}

.menu_box .menu .has-child ul li a:before {
    content: '';
    display: inline-block;
    background: url(../images/menu/menu_ic.png);
    width: 0.5rem;
    height: 0.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;

}

.menu_box .menu .has-child ul li a {
    font-size: 1.3rem;
    padding-left: 20px;
    position: relative;
    padding: 0.4rem 0.8rem;

}

/*遊戲轉點*/
@keyframes gamePopZoomIn {
    from {
        opacity: 0;
        transform: translateY(var(--gpb-translateY, 0)) scale(0.85);
    }

    to {
        opacity: 1;
        transform: translateY(var(--gpb-translateY, 0)) scale(1);
    }
}

.gamePopBox.zoom-in {
    animation: gamePopZoomIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
    transform-origin: bottom center;
}


.gamePopBox {
    width: 100%;
    max-width: 400px;
    margin: auto;
    border-radius: 0 0 20px 20px;
    z-index: 77160;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 2rem;
    margin: auto;
    text-align: center;
    overflow: visible;
    transform: translateY(var(--gpb-translateY, 0));
}

.gamePopBox .game-pop-img {
    width: 100%;
    min-height: 12rem;
    pointer-events: none;
    z-index: 5;
    position: relative;
}

.gamePopBox .game-pop-img:before {
    content: '';
    display: block;
    background: linear-gradient(180deg, transparent 0, rgba(60, 60, 60, .92));
    bottom: 0;
    height: 40%;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 2;
}

.gamePopBox .game-pop-img img {
    width: 100%;
    height: auto !important;
    display: block;
    opacity: 0;
    transition: opacity 0.25s ease;
}

.gamePopBox .game-pop-img img.loaded {
    opacity: 1;
}

.game-transfer {
    background-color: var(--color-card-dark);
    padding: 50px 50px 20px;
    border-radius: 0 0 20px 20px;
    position: relative;
}

.gamePopBox .btn-close {
    position: absolute;
    top: 0.8rem;
    right: 1rem;
    width: auto;
    height: auto;
    background: none;
    display: inline-block;
    z-index: 50;
    line-height: 1;
}

.gamePopBox .btn-close img {
    width: 2.7rem;
}

.gamePopBox .btn-close .mdi-close {
    font-size: 2.4rem;
    color: #f00;
}

.gamePopBox .pop-wallet-block {
    margin-bottom: 0.8rem;
}

.gamePopBox .pop-wallet-label {
    color: #b1b1b1;
    font-size: 0.9rem;
    font-weight: normal;
    margin-bottom: 0.2rem;
}

.gamePopBox .pop-wallet-amount {
    color: var(--color-primary);
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: bold;
}

.gamePopBox .pop-wallet-row {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.8rem;
}

.gamePopBox .pop-wallet-row .pop-wallet-block {
    flex: 1;
    margin-bottom: 0;
}

.gamePopBox .center {
    display: flex;
    margin-bottom: 0.5rem;
}

.gamePopBox .center .form-control {
    flex: 1;
    background: var(--color-input-bg);
    border: solid 1px #555;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
}

.gamePopBox .pop-btn-row {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.gamePopBox .pop-btn-row .btn,
.gamePopBox .pop-btn-row .btn-pop-return {
    display: flex;
    width: auto;
    padding: 0 1rem;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    border-radius: 25px;
    line-height: 34px;
    font-size: 1rem;
    text-align: center;
}

.gamePopBox .pop-btn-row .btn {
    background-color: var(--color-btn-action);
    color: #ffffff !important;
}

.gamePopBox .pop-btn-row .btn-pop-return {
    background-color: #000000;
    color: #ffffff !important;
}

.gamePopBox .pop-btn-row .btn-pop-return:hover {
    background-color: #1a1a1a;
}

.gamePopBox .bottom {
    display: flex;
    padding: 0.5rem 0 0.8rem;
}

.gamePopBox .bottom .number_btn:before {
    display: none;
}

.gamePopBox .bottom .number_btn {
    width: 23%;
    margin: 0 1%;
    text-align: center;
    color: var(--color-primary);
    font-weight: bold;
    font-size: 1.1rem;
    background: var(--color-input-bg);
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    padding: 0.4rem 0;
}

.btn.btn-pop-enter {
    display: block;
    width: 100%;
    background-color: var(--color-btn-action);
    color: #ffffff !important;
    border-radius: 25px;
    line-height: 40px;
    font-size: 1rem;
    text-align: center;
    margin: 0.5rem 0 0.8rem;
}

.btn-pop-return {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 25px;
    line-height: 40px;
    transition: all ease .3s;
    background-color: var(--color-card-dark);
}

.btn-pop-return:hover {
    background-color: #525252;
}

.gamePopBox .btn2 {
    background-color: #FFDFC4;
    border-radius: 5px;
    text-align: center;
    color: #676767;
    font-size: 1.1rem;
    display: block;
    margin-bottom: 1rem;
    padding: 0.6rem;
}

/*!遊戲轉點*/
.bootstrap-select.btn-group .dropdown-menu.inner {
    max-height: 160px !important
}

#ukefu-point {
    bottom: 2% !important;
}

.fancybox-overlay {
    z-index: 999997 !important;
}

.fancybox-opened {
    z-index: 999998 !important;

}

.new_out_box .dropdown-menu::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.new_out_box .dropdown-menu::-webkit-scrollbar-track {
    background-color: rgb(161 112 197);
}

.new_out_box .dropdown-menu::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px #5e0000;
}

.animated-box .fancybox-margin {
    margin-right: auto !important;
}

#global_marquee {
    display: none;
}

.fancybox-opened .fancybox-skin {
    box-shadow: 0 0 0;
}

.site-footer {
    color: #B4B1B1;
    font-size: 1rem;
    font-weight: normal;
    padding-top: 1rem;
}

.icon-btn {
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 0;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box;
    display: block;
    z-index: 88;
    border: none;
    width: 40px;
    height: 40px;
    line-height: 13px;
    font-size: 14px;
}


.pt-1 {
    padding-top: 10px;
}

.out_box .box_check {
    display: none;
}

img {
    max-width: 100%;
    height: auto !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 1
}

.btn,
.ibtn {
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    border: none;
    padding: 0;
    background: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-sizing: border-box
}

.btn::-moz-focus-inner,
.ibtn::-moz-focus-inner {
    padding: 0;
    border: 0
}

.btn:focus,
.ibtn:focus {
    outline: none
}



.text-h6 {
    font-size: 1.45rem !important;
    font-weight: 500;
    letter-spacing: .0125em !important;
    line-height: 2rem;
    font-family: "Roboto", sans-serif;
}

.sweet-alert .btn {
    padding: 1rem 2rem;
    background-color: #337ab7;
    border-color: #2e6da4;
}

/*tooltip*/
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #00906c
}

.tooltip-inner {
    background-color: #00906c
}

/*top bar*/

.full_content .site-header:before {
    display: none;
}

.full_content {
    padding-bottom: 0;
}

.full_content .site-header {
    height: 52px;
    text-align: center;
}

.full_content div.content {
    height: calc(100vh - 52px);
    overflow-y: hidden;
}

.full_content.wrapper {
    padding-top: 5rem;
    overflow: hidden;

}


.btn-open {
    border: none;
    transition: .2s;
    cursor: pointer;
    width: 73px;
    height: 89px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    outline: 0 !important;
    font-size: 1.4rem;

}

.btn-open span {
    display: block;
    width: 42px;
    color: #fff;
    position: absolute;
    top: 25%;
    transition: all ease .3s;
    white-space: initial;
    line-height: 1.2;
}

.btn-open.left {
    left: 10px;
    display: none;
}

.btn-open.left span {
    left: 24%;
}

.btn-open.left:hover span {
    color: #FFFF00;
}

.btn-open.right span {
    right: 60%;
    top: 20%;
}


.btn-open.right:hover span {
    color: #FFFF00;
}

.btn- .btn-open.right {
    width: 68px;
    height: 72px;
}

.btn-open.active i:before {
    content: "\f00d";
}

.btn-open.right i {
    transform: rotateY(180deg);
}

.btn-open.right {
    right: 10px;
}

/*!top ban*/


/*內容設定*/
/*div.content{
    height: calc(100vh - 126px );
    overflow-y: auto;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow-x: hidden;
}

*/
/*彈窗*/
.fancybox {
    display: none;
}

.send_box,
.send_box2 {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6)
}

.fancybox-skin {
    background: none;
}

.site-main {
    padding: 0 15px;
    width: 100%;
    box-sizing: border-box;
}

/*頁碼*/
.page {
    text-align: center;
    margin: 0.5rem 0 1.5rem;
    padding: 0;
}

.page .pagination {
    margin: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
}

.pagination>li {
    display: inline-block;
    margin: 0;
}

.pagination>li>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    width: 38px;
    height: 38px;
    padding: 0;
    font-size: 0.95rem;
    font-weight: bold;
    color: #ccc;
    background-color: var(--color-pagination);
    border: none;
    text-decoration: none;
    transition: background-color 0.2s, color 0.2s;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 8px;

}

.pagination>li>a span {
    display: inline-block;
}

.pagination>li>a:hover {
    background-color: #4a4a4e;
    color: #fff;
}

.pagination a.active {
    background-color: var(--color-pagination-active);
    color: #fff;
    cursor: default;
    border: none;
}

.pagination a.active:hover {
    background-color: var(--color-pagination-active);
}

.pagination>li>a.disabled {
    cursor: default;
    color: #555;
    background-color: #2a2a2e;
    pointer-events: none;
}

/* !頁碼 */

.black_box {
    background: #fff;
    border-radius: 10px;
    padding: 20px 20px;
    color: #000;
    font-size: 1.2rem;
    text-align: center;
    line-height: 1.6;
    margin: 15px;
}

.leave_box {
    width: 400px;
    margin: auto;
    padding: 16px;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    line-height: 1.6;
    position: relative;
    background: linear-gradient(180deg, #474b3e 0, #474b3c);
    box-shadow: inset 0 1px 0 hsla(0, 0%, 40%, .8), inset 0 -1px 0 hsla(0, 0%, 40%, .8), inset 1px 0 0 hsla(0, 0%, 40%, .8), inset -1px 1px 0 hsla(0, 0%, 40%, .8), 0 2px 4px hsla(0, 0%, 100%, .1), 0 7px 13px -3px rgba(0, 0, 0, .3), inset 0 -3px 0 rgba(0, 0, 0, .2);
    border-radius: 6px;
}

.leave_box .bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    width: 100% !important;
    height: 100% !important;
}

.flex_box {
    display: flex;
    align-items: center;
    min-height: 335px;

}

.flex_box>div {
    width: 100%;
}

.leave_box .form-control {
    background: #fff;
    color: #000000;
    border: solid 2px #F954FF;
    border-radius: 9px;
}

.fancybox-close,
.fancybox-close2,
.fancybox-close3,
.fancybox-close4,
.fancybox-close5 {
    position: absolute;
    width: 1.7rem;
    height: 1.7rem;
    background: url(../images/index/close.png);
    right: 0.8rem;
    top: 0.5rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.jackpot_box .fancybox-close {
    position: absolute;
    width: 1.7rem;
    height: 1.7rem;
    right: 0.8rem;
    top: 0.5rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/index/close2.png);

}

body .iframe-close {
    top: 4% !important;
    right: 5.5%;
    width: 41px;
    height: 41px;
    background-color: #000;
}

.leave-tit {
    font-size: 2.2rem;
    color: #F9D2FF;
    font-weight: bold;
    text-align: center;
    width: 100%;

}

/* leave_box 三欄標題通用樣式 */
.leave_box .leave-tit {
    border: 4px solid #b9b9b9;
    border-radius: 10px;
    box-shadow: 0 0 0 2px rgba(6, 24, 44, .4), inset 0 1px 0 hsla(0, 0%, 100%, .08), inset 0 -3px 0 rgba(0, 0, 0, .2), inset 3px 3px 6px 0 #ccdbe8, inset -3px -3px 6px 1px hsla(0, 0%, 100%, .5);
    height: 2.945rem;
    padding-bottom: 0;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.leave_box .leave-tit .tit-left,
.leave_box .leave-tit .tit-right {
    width: 2.5rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-shadow: 0 0 1px rgba(0, 0, 0, .5), 0 1px 1px rgba(0, 0, 0, .5), 1px 1px 1px rgba(0, 0, 0, .5), 1px 0 1px rgba(0, 0, 0, .5), 1px -1px 1px rgba(0, 0, 0, .5), 0 -1px 1px rgba(0, 0, 0, .5), -1px 1px 1px rgba(0, 0, 0, .5), -1px 0 1px rgba(0, 0, 0, .5), -1px 1px 1px rgba(0, 0, 0, .5);
}

.leave_box .leave-tit .tit-left {
    background-image: linear-gradient(180deg, #fcce03 0, #fce303 40%, #fff240 50%, #ffd050);
    box-shadow: inset -2px -2px 0 #e9a106, inset 2px 2px 0 #ecae01;
}

.leave_box .leave-tit .tit-center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(180deg, #182b6a 0, #182b6a 50%, #12254e 0, #12254e);
    box-shadow: inset -3px -2px 0 #474b3e, inset 2px 2px 0 #1a4b97;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
}

.leave_box .leave-tit .tit-right {
    box-shadow: inset -2px -2px 0 #910202, inset 2px 2px 0 #fe6060;
    background-color: rgba(220, 38, 38, 1);
}

.leave_box .leave-tit .tit-left .mdi {
    color: #fff;
    font-size: 1.5rem;
}

.leave_box .leave-tit .tit-right .v-icon__svg {
    width: 1.3rem;
    height: 1.3rem;
    fill: #fff;
}

.leave_box .leave-tit span,
.leave_box .leave-tit b {
    position: static;
    display: none !important;
}

.leave_box .content_box {
    position: relative;
    padding: .5rem;
    z-index: 7;
    box-shadow: inset 0 0 0 2px hsla(60, 15%, 75%, .5), inset 0 3px 5px rgba(0, 0, 0, .7), inset 0 -1px 2px hsla(0, 0%, 100%, .3), 0 0 0 2px #32332d, 0 0 0 4px hsla(60, 11%, 63%, .3);
    background-color: #33353b;
    border-radius: .375rem;
}

.leave-tit2 {
    font-size: 1.3rem;
    font-weight: bold;
}

.leave-tit3 {
    font-size: 2.2rem;
    font-weight: bold;
}

.leave-tit2.flex {
    margin-bottom: 1rem;
}

.leave-tit2.flex .smt {
    min-width: 150px;
    display: inline-block;
}

.smc {
    color: #1DD6F2;

}

.leave-tit4 {
    font-size: 1.5rem;
    color: #6881FD;
    font-weight: bold;
    margin-top: 1rem;
}

#notOpen {
    padding: 50px 15px;
}

.leave-tit5 {
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
    padding: 0;
    text-shadow: -1px -1px 0 #04DAE0, 1px -1px 0 #04DAE0, -1px 1px 0 #04DAE0, 1px 1px 0 #04DAE0;
    text-align: center;

}

.leave_li {
    margin: 1rem 0;
}

.leave_box .leave-wrap .form-control {
    background: transparent;
    width: 100px;
    display: inline-block;
    margin-right: 0.2rem;
    border-radius: 0;
    border-width: 0 0 1px;
    color: #fff;
}

.g1_box {
    text-align: left;
    position: relative;
}

.btn-box.justify-center {
    justify-content: center;
}

.c {
    position: relative;
}

.g1_top {
    margin-bottom: 0.5rem;
    position: relative;
}

.g1_top span {
    position: absolute;
    left: 27px;
    top: 5px;
}

.g1_danger {
    font-size: 1.1rem;
    margin-bottom: 1rem;
    display: none;
}

.error .g1_danger {
    display: block;
}

.g1_top .form-control {
    background: transparent;
    color: #fff;
    text-align: right;
    border: solid 2px #fff;
}

.error .form-control {
    border-color: #ff5252;
}

.error .g1_top span {
    color: #ff5252;
}

.error .g1_danger {
    color: #ff5252;
}

.g1_box label {
    display: block;
}

/*全部轉回主帳戶*/
.withdrawbox {
    background-image: none;
}

.withdrawbox .top {
    margin: 0px -25px 3px;
    font-size: 27px;
    padding: 0px 0 10px;
    line-height: 1.4;
    position: relative;

}

.withdrawbox .top img,
.withdrawbox .bottom img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100% !important;
    z-index: -1;
}

.withdrawbox .top .t2 {
    font-size: 20px;
}

.withdrawbox .top .t1 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 5px;

}

.withdrawbox .bottom {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 40px 40px 0px;
    margin: 0px -25px 0px;
    position: relative;
}

.withdrawbox .row {
    display: flex;
    flex-wrap: wrap;
    padding: 7px 0;
    align-items: center;
    justify-content: center;
}

.withdrawbox .bottom .row {
    border-bottom: solid 1px #A8CFD3;

}

.withdrawbox .row .col {
    width: 33.33%;
}


.btn-all {
    width: 100%;
}

/*!全部轉回主帳戶*/

@media screen and (max-width: 400px) {
    .withdrawbox .top {
        padding: 20px 0;
    }

}


/*slot*/

.op0 {
    opacity: 0;
}


/*商城*/
.member_tit {
    text-align: center;
    color: #fff;
    line-height: 2rem;
    padding: 15px 0px 22px;
    background-size: 100% 100%;
    /* text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ff, 0 0 80px #0ff, 0 0 90px #0ff, 0 0 100px #0ff, 0 0 150px #0ff; */
    margin: 5px -15px 10px;
    font-size: 29px;
}


.qrcode {
    text-align: center;
    margin: 1rem 0;
    color: #fff;
    line-height: 1.6;
}

.qrcode img {
    max-width: 180px;
}

.flex {
    display: flex;
}

.align-center {
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.store_stit {
    font-size: 1.4rem;
}

.btn-store {
    background-color: #00acc1;
    border-color: #00acc1;
    border-radius: 5px;
    padding: 2px 10px;
}

.btn-store i {
    margin-right: 0.2rem;
}

.bank-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.bank-list li a {
    display: block;
    width: 100%;
    background: #10b981;
    padding: 2px 7px;
    border-radius: 5px;
    margin: 0.5rem 0;
    font-size: 1.2rem;
    font-weight: bold;
}

.bank-list li a.active {
    background: #047857;
}

.bank-list li a i {
    margin-right: 0.2rem;

}

.btn-addBank {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border: solid 1px #fff;
    padding: 4px 7px;
    font-size: 1.2rem;
    align-items: center;
}

.btn-addBank span.icon {
    content: '';
    background: url(../images/icon05.png) center no-repeat;
    width: 20px;
    height: 22px;
    background-size: contain;
}

.bank-box {
    margin-top: 2rem;
}

.bank-box .number_box {
    padding: 0 50px;
    position: relative;
}

.bank-box .number_box .btn-num {
    position: absolute;
    bottom: 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    padding: 0;

}

.number_box .form-control {
    border-radius: 0;
    border-width: 0 0 1px;
    border-color: #fff !important;
    background: transparent;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
}

.number_box .btn-num.minus {
    left: 0;
}

.number_box .btn-num.add {
    right: 0;
}

.bottom-box {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 0 50px;
}

.bottom-box .btn {
    background-color: #2196f3;
    border-color: #2196f3;
    padding: 8px 15px;
}

.bottom-box .btn:nth-child(1) {
    width: 65%;
}

.bottom-box .btn:nth-child(2) {
    width: 30%;
    background-color: #1976d2;
    border-color: #1976d2;
}

.btn-box {
    display: flex;
    justify-content: space-between;
    padding-top: 2rem;
}


#Recharge_more {
    position: relative;
    overflow: inherit;
}

#Recharge_more.active #Recharge_gift {
    display: block;
}

#Recharge_gift {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 100%;
    margin-bottom: 5px;
    width: 100%;
    display: none;
}

#more {
    position: relative;
}

.more_box {
    position: absolute;
    bottom: 100%;
    margin-bottom: 1rem;
    left: 0;
    right: 0;
}

.more_box i {
    margin-right: 0.2rem;
    font-size: 1.4rem;
}

/*會員中心*/

.member_tab {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    /*justify-content: space-between;*/
    padding: 0 4px;
}

.member_tab>li {
    margin: 0 3px
}

.member_tab {
    padding: 0;
    flex-wrap: wrap;

}

.member_tab .v-tab {
    margin-bottom: 20px;
}

.member_tab .v-tab {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: .0125em;
    line-height: 2rem;
    color: #FFFFFF;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    outline: none;
    padding: 0 6px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all ease .3s;
}

/*最新公告*/
.pic_news_box {
    text-align: center;
}

.pic_news_box img {
    max-width: 100%;
}

/*重要公告(平台公告+個人通知) + 會員專區>通知*/
.member_menu2 {
    padding: 0;
    display: flex;
    list-style: none;
}

.bottom .member_menu2 {
    margin: 0 0rem
}

.member_menu2 li {
    width: 100%;
    text-align: center;
}

.member_menu2 li a {
    display: block;
    color: #ccc;
    transition: all ease .3s;
    padding: 0.5rem 0;
    font-size: 1.2rem;
    border-bottom: solid 1px transparent;

}

.unread_count {
    background: #f00;
    display: inline-block;
    min-width: 1.6rem;
    height: 1.6rem;
    line-height: 1.6rem;
    color: #fff;
    border-radius: 50%;
    margin-left: 0.2rem;
    padding: 0 0.2rem;

}

.member_menu2 li.ui-tabs-active a {
    color: #fff;
    border-bottom: solid 1px #e0241b;
}

.tab_container {
    padding: 1rem 0;
}

.news_box .tab_container {
    height: calc(100vh - 20rem);
    overflow-y: auto;
}

/*重要公告 + 會員專區>通知*/
#news_box {
    padding: 0;
    display: none;
}

/*社群客服*/
#community_service_box {
    padding: 0;
    display: none;
}

.notify_box .member_menu2 li a {
    position: relative;
}

.news_box .top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 0 1rem;
}

.news_box .top img {
    width: 40%;
}

.news_box .top .tit {
    background: #E54EA7;
    width: 50%;
    border: solid 1px #FF95BB;
    border-radius: 10px 10px 0 0;
    text-align: center;
    color: #fff;
    font-size: 1.3rem;
    padding: 0.5rem 0;

}

.news_box .bottom {
    background: var(--color-news-bg);
    border: 4px solid var(--color-accent);
    border-radius: 1.44rem;
    overflow: hidden;
    padding: 0 0 0rem;
}

.news_list {
    counter-reset: section;
    /* 初始化 counter 一次，應用於所有 .news_list_box */
}

.news_list .news_tit::before {
    counter-increment: section;
    /* 每遇到一個 .news_tit，counter 加 1 */
    content: counter(section) ".";
    /* 顯示當前的 counter 數字 */
    font-weight: bold;
    margin-right: 5px;
}

.news_box .news_tit .news_tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    background: var(--color-info);
    color: #fff;
    border: none;
    width: 6.94rem;
    line-height: 2.33rem;
    font-weight: 400;
    font-size: 1.33rem;
    border-radius: 999px;
    flex-shrink: 0;
    cursor: pointer;
}

.news_box .news_tit .news_tag:after {
    content: none;
}

.news_box .news_tag_icon {
    width: 1.33rem;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.news_box .faq-item.active .news_tag_icon {
    transform: rotate(0deg);
}

.news_box .news_tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.4rem 0;
}

.news_box .unread {
    color: red;
}

.faq-answer {
    display: none;
}

.news_box .news_content {
    color: #3D3D3D;
    font-size: 1.1rem;
}

.news_box .faq-answer {
    display: block;
    max-height: 0;
    min-height: 0;
    margin-top: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, margin-top 0.3s ease;
}

.news_box .faq-item.active .faq-answer {
    margin-top: 0.5rem;
}

.news_box .box_check {
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    font-size: 1.33rem;
    font-weight: 400;
    color: #eee;
}

.news_box .box_check input {
    width: 1rem;
    height: 1rem;
    margin-right: 0.2rem;
    vertical-align: middle;
    margin-top: -3px;
}

.news_list {
    padding: 0 2rem;

}



.btn-news {
    display: block;
    width: 13.33rem;
    background: linear-gradient(180deg, #FF5F42 0%, #C51600 100%) !important;
    box-shadow: 0px 4px 4.5px 0px #00000052;
    color: #ffffff !important;
    border-radius: 999px;
    line-height: 3.33rem;
    font-size: 1.55rem;
    font-weight: 700;
    text-align: center;
    margin: 0 auto;
}

.notify_box .news_list {
    overflow: inherit;
    height: auto;
}

/* news_box popup new styles */
.news_box .news_box_tit {
    background: linear-gradient(270deg, var(--color-news-bg) 0%, var(--color-pagination-active) 50%, var(--color-news-bg) 100%);
    color: #FFFFFF;
    font-size: 1.77rem;
    font-weight: 700;
    text-align: center;
    padding: 0.8rem 0;
}

.news_box .member_menu2 {
    padding: 0.8rem 1.5rem 0;
    border-bottom: 1px solid #747474;
}

.news_box .member_menu2 li a {
    color: rgba(150, 150, 150, 0.7);
    font-size: 1.33rem;
    padding: 0 0 0.5rem;
    border-bottom: 8px solid transparent;
    transition: none;
    position: relative;
}

.news_box .member_menu2 li.ui-tabs-active a {
    color: var(--color-highlight);
    border-bottom: 8px solid var(--color-highlight);
}

.news_box .unread_count {
    background: linear-gradient(90deg, #DD462F 0%, #D82B2B 100%);
    min-width: 1.66rem;
    height: 1.66rem;
    line-height: 1.66rem;
    font-size: 1rem;
    font-weight: 700;
    position: absolute;
    top: -0.3rem;
    margin-left: 1rem;
}

.news_box .news_list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 0 1rem;
}

.news_box .news_list_box {
    background: #F4F4F4;
    border-radius: 0.88rem;
    padding: 0.6rem 1rem;
}

.news_box .news_tit_left {
    flex: 1;
    min-width: 0;
}

.news_box .news_tit_title {
    color: var(--color-info);
    font-weight: 400;
    font-size: 1.33rem;
}

.news_box .news_list .news_tit::before {
    content: none;
}

.news_box .news_list .news_tit_title::before {
    counter-increment: section;
    content: counter(section) ".";
    font-weight: bold;
    margin-right: 5px;
    color: var(--color-info);
}

.news_box .news_box_footer {
    position: relative;
    padding: 1rem 1.5rem 0.5rem;
}

.news_box .news_tit_date {
    color: #969696;
    font-weight: 400;
    font-size: 1.33rem;
    margin-top: 0.2rem;
    white-space: nowrap;
}

/* 社群客服彈窗內容 */
.community_service_content {
    text-align: center;
    padding: 1.5rem 1rem;
}

.community_service_content p {
    color: #3D3D3D;
    font-size: 1.2rem;
    margin: 0 0 0.3rem;
}

.community_service_content .cs_content_title {
    color: var(--color-info);
    font-size: 1.55rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
}

.community_service_content .cs_content_highlight {
    color: var(--color-highlight);
    font-weight: 700;
}

.community_service_content .cs_content_qrcode {
    display: flex;
    justify-content: center;
    margin: 1rem auto 0.5rem;
    padding: 0.5rem;
    background: #fff;
    border-radius: 0.5rem;
    width: 9.5rem;
}

.community_service_content .cs_content_avatar {
    width: 4.5rem;
    height: 4.5rem;
    margin: 1rem auto 0;
    border-radius: 50%;
    overflow: hidden;
    background: #ccc;
    color: #fff;
}

.community_service_content .cs_content_avatar svg {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 550px) {
    .btn-news {
        width: 9.33rem;
        font-size: 1.2rem;
    }

    .news_box .box_check {
        font-size: 1rem;
    }

    .game-transfer {
        padding-top: 10px;
        padding-bottom: 10px;
        top: 0rem;
    }

    .gamePopBox {
        top: 50%;
        bottom: auto;
        --gpb-translateY: -50%;
    }

    .gamePopBox .game-pop-img {
        max-height: 50vh;
        overflow: hidden;
    }

    .gamePopBox .game-pop-img img {
        max-height: 50vh;
        width: 60%;
        object-fit: cover;
        object-position: top;
        margin: auto;
    }
}

/*!重要公告*/



.out_box .news_content .tab-pane {
    padding: 40px 22px;
}

.news_content {
    margin-top: 0.5rem;
    position: relative;
    min-height: 30px;
}

.news_content .tab-pane {
    padding: 50px 30px;
    height: calc(100vh - 155px);
    overflow-y: auto;
}


.accordion>.frame>.heading {
    transition: all 0.3s ease;
}

.accordion>.frame>.content {
    display: none;
    z-index: 1;
    height: auto;
}

.frame {
    border: solid 1px #BBBBBB;
    margin-bottom: 0.6rem;
    border-radius: 11px;
    padding: 6px;
}

.frame dt {
    cursor: pointer;
    color: #BBBBBB;
    line-height: 1.5;
    padding: 6px;
    font-size: 18px;
    font-weight: bold;
    transition: all .3s ease;
    position: relative;
    border-radius: 12px;
}

.frame.active {
    border-color: #FFD334;
}

.frame.active dt {
    color: #FFD334;
}

dd.content {
    padding: 6px;
    display: none;
    font-size: 16px;
    position: relative;
    margin-left: 0;
    color: #fff;
}

/*機台上下分紀錄*/
.tabs_record {
    text-align: center;
}

.tabs_record .record_tab {
    background: url(../images/index/m_list.png?v2);
    background-size: 100% 100%;
    padding: 0 12px;
    display: inline-flex;
}

.tabs_record li {
    list-style: none;
}

.tabs_record li a {
    border: none;
    color: #000;
    font-weight: bold;
    line-height: 45px;
    font-size: 1.7rem;
    margin: 0 4px;
    display: inline-block;
    padding: 7px 7px;
}

.tabs_record li a.active {
    color: #E60012;
}

.tabs_record .ui-tabs-active a {
    color: #E60012;
}

/*!機台上下分紀錄*/
/*!最新公告*/
.member_tab .v-tab {
    margin-bottom: -2px;
    min-width: 60px !important;
    padding: 0 4px;
    line-height: 23px;
}

.member_tab .active .v-tab {
    color: #fff;
    position: relative;
    z-index: 3;
    background-color: var(--color-tab-active-bg);
    border-radius: 5px 5px 0 0;
}

.member_tab .ui-tabs-active .v-tab {
    color: #000000;
    position: relative;
    border-radius: 15px;
    z-index: 3;
}

.member_tab .active .v-tab:before {
    content: '';
    position: absolute;
    top: -2px;
    left: -1px;
    right: -1px;
    bottom: 0;
    display: block;
}

.member_conternt {
    color: #fff;
}

.m_li2 .m_tit {
    color: #FFA000;
}

.member_conternt .border-box {
    background: rgb(0, 15, 99);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0, 15, 99, 1) 0%, rgba(182, 29, 50, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 15, 99, 1) 0%, rgba(182, 29, 50, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 15, 99, 1) 0%, rgba(182, 29, 50, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000f63', endColorstr='#b61d32', GradientType=0);
    /* IE6-9 */

    width: 100%;
    border-radius: 0 0 10px 10px;
    border: solid 1px #DFB665;
    padding: 15px;
    margin-bottom: 1rem;
}

.member_conternt .border-box2 {
    border-radius: 10px;
}

.member_conternt .border-box.none {
    text-align: center;
    border: none;
}

.mem_tit {
    text-align: left;
    font-size: 1.6rem;
    margin: 1rem 0;
    width: 100%;
}

.m_li {
    border-bottom: solid 1px rgba(255, 255, 255, 0.12);
    padding: 0.5rem 1rem;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
}

.m_li.full_width {
    padding: 0.5rem 0rem;
    margin: 0 -5px;
}

.m_li.full_width span {
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 0 3px;
}

.m_li .btn-enter {
    height: 30px;
    line-height: 28px;
    width: 96px;
}

.m_li .m_txt {
    color: #A5A5A5;
}

.m_li .line {
    color: #A5A5A5;
    font-weight: normal;
}

.m_li #url {
    color: #A5A5A5;
    font-weight: normal;
    /*background: #0b0b0d;*/
    border: none;
    width: 100%;
}

.m_li .copy {
    font-size: 1.6rem;
    color: #FFC107;
    width: 35px;
    text-align: right;
}

.m_li .gift {
    font-size: 1.6rem;
    color: #1DE9B6;
    width: 35px;
    text-align: right;
}



/* 維護彈窗 */
.fancybox-close-m {
    top: -1.5rem;
}

#maintenance_box {
    font-size: 1rem;
    text-align: center;
    line-height: 1.6;
    margin: 15px;
    position: relative;
    background: linear-gradient(to bottom, rgba(240, 155, 15, 1) 0%, rgba(254, 249, 240, 1) 83%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    border: none;
    padding: 2rem 40px 0rem;
    border-radius: 2rem;
}

#maintenance_box .content_box {
    display: flex;
    justify-content: center;
    color: #000000;
    padding: 0;

}

#maintenance_box .content_box .text_box {
    width: 40%;
    padding-top: 2rem;
}

#maintenance_box .content_box .tit {
    font-size: 2rem;
}

#maintenance_box img {
    width: 10rem;
    object-fit: contain;
}

/* !維護彈窗 */
@media screen and (min-width: 1000px) {
    .top_btn .container:before {
        display: none;
    }

    .mobile {
        display: none;
    }

    .desktop {
        display: block;
    }

    html {
        font-size: 18px;
    }

    .fix_button_box .ic {
        right: 0;
    }

    .site-header .menu {
        list-style-type: none;
        width: 84%;
        padding-left: 3%;
        padding-top: 2%;
        display: block;
    }

    .site-header .menu li {
        display: inline-block;
        position: relative;
    }

    .site-header .menu li ul {
        display: none;
        position: absolute;
        left: 0;
        width: 150px;
        padding: 10px;
        z-index: 6;
        background: rgba(255, 255, 255, 0.9);
        border: solid 1px rgb(249 215 159);
    }

    .site-header .menu li ul li a {
        padding: 5px 0;
        display: block;
    }

    .site-header .menu li ul li ul {
        left: 100%;
        top: 0;
    }

    .site-header .menu li:hover>ul {
        display: block;
    }

    .site-header .menu li ul li {
        display: block;

    }

    .site-header .menu .menu-logout {
        float: right;
    }

    .site-header .menu li a {
        padding: 0 10px;
        font-size: 0.9rem;
    }

    .site-header .menu li a img {
        display: none;
    }


    .bottom_btn {
        width: 85px;
        left: 0;
        right: auto;
        flex-wrap: wrap;
        bottom: 10%;
        border-radius: 0 15px 15px 0;
        padding: 5px 0;
        z-index: 600;
    }

    .bottom_btn a i {
        padding-bottom: 3rem;
    }

    .bottom_btn a i svg {
        top: -3%;
        max-width: 3rem;
        height: 3rem;
        left: 0;
        right: 0;
        margin: auto;
    }

    .bottom_btn a {
        width: 100%;
        font-size: 1.2rem;
        margin-bottom: 0.4rem;
    }

    .top_btn .item .pic img {
        max-width: 25%;
    }

    .menu_box .menu li a {
        font-size: 1rem;
    }


}

@media screen and (min-width: 550px) {
    .site-header2 {
        max-width: 550px;
        padding-bottom: 88px;
    }

    .fix_header {
        width: 100%;
        max-width: inherit;
        background: linear-gradient(135deg, rgba(226, 99, 52, 1) 43%, rgba(226, 99, 52, 1) 43%, rgba(246, 127, 59, 1) 61%, rgba(246, 127, 59, 1) 61%);
    }
}

@media screen and (max-width: 1000px) {
    .sum_point {
        padding: 0px 30px;
    }

    .top_member .cont {
        width: 92%;
    }

    .sum_point:before {
        width: 40px;
        height: 40px;
        left: -16px;
        margin-top: -17px;
    }

    .top_member .ntext1 .account {
        width: auto;
        max-width: 50%;
        margin-right: 10px;
    }


    .new_out_box,
    .GameNumber {
        position: fixed;
    }

    .member_tab .v-tab {
        letter-spacing: -0.5px;
        min-width: inherit;
    }

    .coin_box .from {
        font-size: 0.8rem;
    }

    .coin_box .to {
        font-size: 1.5rem;
    }



    .g_img:hover:after,
    .g_img:active:before {
        opacity: 1;
    }

    .g_img:active:after {
        opacity: 0;
    }

    .member_tab>li {
        margin: 0 2px;
    }


}

@media screen and (max-width: 420px) {

    #right_box,
    #right_box2 {
        left: -75%;
        width: 75%;
    }
}

@media screen and (max-width: 414px) {

    .change_box .number_box {
        font-size: 1rem;
    }

    .change_text_box_tit {
        font-size: 0.9rem;
        padding: 0 5px;
    }

    .btn-open {
        width: 47px;
        height: 67px;
        font-size: 14px;
    }

    .btn-open span {
        width: 30px;
    }


}

@media screen and (max-width: 375px) {
    .member_tab .v-tab {
        font-size: 0.9rem;
    }
}

@media screen and (max-width: 350px) {
    .site-main {
        padding: 0 5px;
        width: 100%;
        box-sizing: border-box;
    }

}