/* China mobile theme - based on china_mobile/china.html */
@media screen and (max-width: 991px) {
    html, body {
        background: var(--pk-cream-bg, #f7efe3) !important;
    }

    .main.App {
        margin-top: 80px !important;
        padding-bottom: 22vw;
        background: var(--pk-cream-bg, #f7efe3);
    }

    .main.App.mobile-has-info {
        margin-top: 120px !important;
    }

    /* Fixed header */
    .header_wrap.china-mobile-header {
        float: none;
        width: 100%;
        background: transparent;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .hader_arr {
        position: relative;
        width: 100%;
        height: 80px;
        background: var(--pk-red, #8b0000);
        border-bottom: 1px solid var(--pk-red-dark, #6d0808);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    }

    .hader_arr .left-togle {
        position: absolute;
        top: 15px;
        left: 15px;
        width: 50px;
        height: 50px;
        background: var(--pk-red-dark, #6d0808) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' fill='%23ffd700'%3E%3Cpath d='M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z'/%3E%3C/svg%3E") center center no-repeat;
        background-size: 30px 30px;
        border: none;
        border-radius: 0;
        z-index: 9;
        cursor: pointer;
    }

    .hader_arr .navbar-brand {
        display: block;
        margin: 0 auto;
        text-align: center;
        padding-top: 12px;
        width: 40vw;
    }

    .hader_arr .navbar-brand img {
        width: 30vw;
        max-width: 25vw;
        margin-top: -1vw;
    }

    .hader_arr .hader_auth_links {
        position: absolute;
        top: 0;
        right: 10px;
        height: 80px;
        display: flex;
        align-items: center;
        gap: 8px;
        z-index: 9;
    }

    .hader_arr .hader_auth_links a {
        color: var(--pk-white, #fff);
        font-size: 12px;
        font-weight: bold;
        padding: 6px 8px;
        white-space: nowrap;
    }

    .hader_arr .right-togle.logout-togle {
        position: absolute;
        top: 25px;
        right: 15px;
        color: var(--pk-yellow, #ffd700);
        font-size: 13px;
        font-weight: bold;
        z-index: 9;
    }

    .top-info-mm {
        height: 40px;
        line-height: 40px;
        background: var(--pk-red, #8b0000);
        border-bottom: solid 1px var(--pk-red-dark, #6d0808);
    }

    .top-info-mm ul {
        text-align: center;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .top-info-mm ul li {
        margin: 0 8px;
        display: inline-block;
        color: #fff;
        font-size: 13px;
    }

    .top-info-mm ul li a {
        color: #fff;
    }

    .top-info-mm .mb_point,
    .top-info-mm .mb_mileage {
        color: var(--pk-yellow, #ffd700);
        font-weight: bold;
    }

    .top-info-mm i {
        color: var(--pk-yellow, #ffd700);
        margin-right: 4px;
    }

    .top-info-mm .topbtn-arr {
        position: static;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        height: 40px;
        padding: 0 8px;
        margin: 0;
    }

    .top-info-mm .topbtn-arr button,
    .top-info-mm .topbtn-arr a {
        flex: 1;
        width: auto;
        min-width: 0;
        max-width: none;
        height: 32px;
        line-height: 32px;
        margin-top: 0;
        padding: 0 6px;
        font-size: 11px;
        white-space: nowrap;
        text-transform: none;
    }

    .top-info-mm .topbtn-arr button.btn_primary {
        background: var(--pk-login, #333) !important;
        border: 1px solid #555 !important;
        color: #fff !important;
    }

    .top-info-mm .topbtn-arr a.btn_primary:first-of-type {
        background: var(--pk-yellow, #ffd700) !important;
        border: none !important;
        color: var(--pk-yellow-text, #1a1a1a) !important;
    }

    .top-info-mm .topbtn-arr a.btn_primary:last-of-type {
        background: var(--pk-red-dark, #6d0808) !important;
        border: 1px solid #fff !important;
        color: #fff !important;
    }

    .top-info-mm .topbtn-arr i {
        margin-right: 3px;
        font-size: 12px;
    }

    /* Main visual / banner - china_mobile slick style */
    .main-visual {
        width: 100%;
    }

    .main-visual .slide img {
        width: 100%;
        display: block;
    }

    .china-mobile-slider {
        position: relative;
        overflow: hidden;
        width: 100%;
        margin-bottom: 0 !important;
    }

    .china-mobile-slider-track {
        display: flex;
        width: 100%;
    }

    .china-mobile-slider .slide {
        flex: 0 0 100%;
        width: 100%;
    }

    .main-visual .slick-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 10px !important;
        margin: 0;
        padding: 0;
        list-style: none;
        text-align: center;
        line-height: 0;
        z-index: 2;
    }

    .main-visual .slick-dots li {
        display: inline-block;
        margin: 0 4px;
    }

    .main-visual .slick-dots li button {
        width: 12px;
        height: 12px;
        padding: 0;
        border: solid 2px #fff;
        border-radius: 100px;
        background: transparent;
        font-size: 0;
        line-height: 0;
        cursor: pointer;
    }

    .main-visual .slick-dots li button:before {
        content: '';
    }

    .main-visual .slick-dots li.slick-active button {
        background: #e3b66b;
    }

    /* Game shortcut buttons */
    .midbtmenu a {
        display: block;
        margin: 10px;
        text-align: center;
    }

    .midbtmenu a img {
        width: 100%;
        display: block;
    }

    /* Tab boards */
    .tap-board-container {
        position: relative;
        padding: 10px;
    }

    .tap-board-container .latest_board {
        border: 1px solid var(--pk-border, #d4c4b0);
        box-shadow: 0 2px 6px rgba(107, 26, 26, 0.12);
        border-radius: 5px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .tap-board-container .latest_tab {
        display: flex;
        border-bottom: 1px solid var(--pk-border, #d4c4b0);
    }

    .tap-board-container .latest_board .latest_tab .btn_tab {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex: 1 !important;
        height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-top: none !important;
        border-right: none !important;
        border-left: 1px solid var(--pk-border, #d4c4b0) !important;
        border-bottom: 1px solid var(--pk-border, #d4c4b0) !important;
        border-radius: 0 !important;
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-text-muted, #8b4545) !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        letter-spacing: -1px !important;
        cursor: pointer !important;
        -webkit-appearance: none !important;
        appearance: none !important;
        font-family: inherit !important;
        line-height: 40px !important;
        box-shadow: none !important;
        filter: none !important;
    }

    .tap-board-container .latest_board .latest_tab .btn_tab:first-child {
        border-left: none !important;
    }

    .tap-board-container .latest_board .latest_tab .btn_tab.tab_notice,
    .tap-board-container .latest_board .latest_tab .btn_tab.tab_event {
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-red, #8b0000) !important;
        border-bottom-color: var(--pk-border, #d4c4b0) !important;
    }

    .tap-board-container .latest_board .latest_tab .btn_tab.tab_notice.active,
    .tap-board-container .latest_board .latest_tab .btn_tab.tab_event.active {
        background: var(--pk-cream-panel, #fff8ef) !important;
        color: var(--pk-red, #8b0000) !important;
        border-bottom: 2px solid var(--pk-red, #8b0000) !important;
    }

    .tap-board-container .latest_board .list_notic {
        background: var(--pk-cream-panel, #fff8ef);
    }

    .tap-board-container .latest_tab_cont {
        display: none;
        height: 250px;
        overflow-y: auto;
    }

    .tap-board-container .latest_tab_cont.active {
        display: block;
    }

    .tap-board-container .latest_board .latest_tab_cont .list_group {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 100%;
        background: var(--pk-cream-panel, #fff8ef);
    }

    .tap-board-container .latest_board .latest_tab_cont .list_group li {
        border-top: 1px solid var(--pk-border, #d4c4b0);
    }

    .tap-board-container .latest_board .latest_tab_cont .list_group li a {
        display: flex !important;
        align-items: center;
        min-width: 0;
        height: 50px;
        line-height: 50px;
        padding: 0 10px;
        color: var(--pk-text, #6b1a1a);
        border-bottom: none;
    }

    .tap-board-container .latest_board .latest_tab_cont .list_group .td_subject {
        flex-grow: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: var(--pk-text, #6b1a1a);
        text-align: left !important;
        font-size: 16px;
        padding: 0 6px;
    }

    .tap-board-container .latest_board .latest_tab_cont .list_group .td_name {
        width: 25%;
        text-align: left;
        color: var(--pk-text, #6b1a1a);
        font-size: 14px;
        padding: 0 6px;
    }

    .tap-board-container .latest_board .latest_tab_cont .list_group .td_money {
        flex-grow: 1;
        text-align: right;
        color: var(--pk-red, #8b0000);
        font-size: 14px;
        padding: 0 6px;
    }

    .tap-board-container .latest_board .latest_tab_cont.toprank_board2 .list_group .td_money,
    .tap-board-container .latest_tab_cont.toprank_board2 .list_group .td_money {
        color: #0066aa;
    }

    .tap-board-container .latest_board .latest_tab_cont .list_group .td_date {
        width: 30%;
        text-align: right;
        color: var(--pk-text-muted, #8b4545);
        font-size: 13px;
        padding: 0 6px;
    }

    .empty_board {
        color: var(--pk-text, #6b1a1a);
        padding: 20px;
        text-align: center;
    }

    .exchange-ticker-viewport {
        height: 250px;
        overflow: hidden;
    }

    .exchange-ticker-viewport .vertical-ticker-ar {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .exchange-ticker-viewport .vertical-ticker-ar li a {
        height: 50px;
        line-height: 50px;
    }

    .tap-board-container .empty_board {
        padding: 30px 10px;
        text-align: center;
        color: #888;
        font-size: 14px;
    }

    /* Bottom banners (home page) */
    .banner-btomm,
    .banner-btomm11 {
        padding-bottom: 80px;
        text-align: center;
    }

    .banner-btomm a,
    .banner-btomm11 a {
        display: block;
        margin: 5px auto;
    }

    .banner-btomm img,
    .banner-btomm11 img {
        width: 99%;
        display: block;
        margin: 0.5% auto;
    }

    .china-mobile-back {
        z-index: 9989 !important;
    }

    /* China mobile left sidebar */
    .china-mobile-sidebar.sidebar {
        position: fixed;
        width: 100%;
        max-width: 300px;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 9990;
        overflow: auto;
        background: var(--pk-red, #8b0000);
        box-sizing: border-box;
        box-shadow: 10px 0 30px rgba(0, 0, 0, 0.4);
        transform: translateX(-120%);
        transition: all 0.35s cubic-bezier(0.35, 0.38, 0.07, 0.83);
    }

    .china-mobile-sidebar.sidebar.active {
        transform: translateX(0);
    }

    .china-mobile-sidebar .top-bottom-info {
        list-style: none;
        margin-left: 5vw;
        padding: 10px 15px;
        background: var(--pk-red-dark, #6d0808);
        border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    }

    .china-mobile-sidebar .top-bottom-info li {
        color: #fff;
        font-size: 13px;
        line-height: 35px;
    }

    .china-mobile-sidebar .top-bottom-info li a {
        color: #fff;
        font-weight: bold;
    }

    .china-mobile-sidebar .top-bottom-info-guest {
        display: flex;
        justify-content: space-around;
    }

    .china-mobile-sidebar .top-bottom-info-guest a {
        color: var(--pk-yellow, #ffd700);
    }

    .china-mobile-sidebar .level_icon img {
        height: 20px;
        vertical-align: middle;
        margin-right: 4px;
    }

    .china-mobile-sidebar #sidebar-close {
        display: block;
        width: 100%;
        height: 40px;
        position: relative;
        text-align: right;
        color: #fff;
    }

    .china-mobile-sidebar #sidebar-close i {
        position: absolute;
        top: 6px;
        right: 15px;
        color: #8b8b8b;
        font-size: 24px;
    }

    .china-mobile-sidebar .sidebar-right-cont ul {
        margin: 0 15px;
        padding: 0;
        list-style: none;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-left: 1px solid var(--pk-red-dark, #6d0808);
        border-top: 1px solid var(--pk-red-dark, #6d0808);
    }

    .china-mobile-sidebar .sidebar-right-cont li {
        float: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        min-height: 64px;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.75);
        padding: 11px 0;
        border-right: 1px solid var(--pk-red-dark, #6d0808);
        border-bottom: 1px solid var(--pk-red-dark, #6d0808);
        box-sizing: border-box;
        text-align: center;
    }

    .china-mobile-sidebar .sidebar-right-cont li:nth-child(4n) {
        border-right: 0;
    }

    .china-mobile-sidebar .sidebar-right-cont li a {
        color: rgba(255, 255, 255, 0.85);
        font-weight: 800;
        font-size: 12px;
        display: block;
        width: 100%;
        font-family: 'Paperlogy-8ExtraBold', 'Noto Sans KR', sans-serif;
    }

    .china-mobile-sidebar .sidebar-right-cont li a i {
        font-size: 21px;
        width: 21px;
        margin: 0 auto;
        color: rgba(255, 255, 255, 0.7);
        display: block;
    }

    .china-mobile-sidebar .sidebar-right-cont li a.icogolda i {
        color: var(--pk-yellow, #ffd700);
    }

    .china-mobile-sidebar .sidebar-right-cont li a span {
        display: block;
        line-height: 1.2;
    }

    .china-mobile-sidebar .righabottm {
        text-align: center;
        padding: 6px;
    }

    .china-mobile-sidebar .righabottm img {
        width: 99%;
        margin: 0.5% auto;
        display: block;
    }

    /* Fixed bottom nav - china_mobile footer */
    footer.china-mobile-footer {
        position: fixed;
        width: 100vw;
        height: 20vw;
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: flex;
        align-items: center;
        border-radius: 12px 12px 0 0;
        background: var(--pk-red, #8b0000);
        border-top: 1px solid var(--pk-red-dark, #6d0808);
        font-family: EsaManru, 'Microsoft JhengHei', sans-serif;
    }

    footer.china-mobile-footer ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        margin: 4vw 0 0;
        padding: 0;
        list-style: none;
        position: relative;
    }

    footer.china-mobile-footer ul li {
        width: 20%;
        text-align: center;
    }

    footer.china-mobile-footer ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: rgba(255, 255, 255, 0.75);
        font-size: 11px;
        padding: 5px;
    }

    footer.china-mobile-footer ul li a i {
        font-size: 20px;
        margin-bottom: 4px;
        color: rgba(255, 255, 255, 0.85);
    }

    footer.china-mobile-footer ul li.active a {
        color: var(--pk-yellow, #ffd700);
    }

    footer.china-mobile-footer ul li:nth-child(3) a {
        width: 15.2vw;
        height: 15.2vw;
        position: absolute;
        top: 8%;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 50%;
        background: var(--pk-yellow, #ffd700);
        color: var(--pk-yellow-text, #1a1a1a) !important;
        font-weight: bold;
        font-size: 13px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    }

    footer.china-mobile-footer ul li:nth-child(3) a i {
        color: #000;
        font-size: 22px;
    }

    /* Hide old mobile footer */
    .china-m-footer,
    .m_menu_fix {
        display: none !important;
    }

    .footer_wrap.d-none.m-d-block {
        display: none !important;
    }

    /* Mobile page buttons & forms */
    .btn_primary,
    .btn-primary,
    .login_btn1,
    .join_btn,
    .popup-btn,
    button[type="submit"],
    .btn_submit {
        background: var(--pk-red, #8b0000) !important;
        border: 1px solid var(--pk-red-dark, #6d0808) !important;
        color: var(--pk-white, #fff) !important;
        font-weight: bold !important;
    }

    .m_tab.m_tabon {
        background: var(--pk-red, #8b0000) !important;
        color: var(--pk-white, #fff) !important;
    }

    .m_tab {
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-text, #6b1a1a) !important;
        border: 1px solid var(--pk-border, #d4c4b0) !important;
    }

    .sub_content_arr_bg {
        background: var(--pk-cream-bg, #f7efe3) !important;
    }

    .page_title,
    .sub_title,
    .mini_in_title {
        color: var(--pk-red, #8b0000) !important;
    }

    .content_wrap,
    .more_wrap,
    .deposit_wrap,
    .withdraw_wrap {
        background: transparent !important;
        color: var(--pk-text, #6b1a1a) !important;
    }

    .btn_type_1,
    .btn_type_2,
    .btn_confirm {
        background: var(--pk-red, #8b0000) !important;
        border: 1px solid var(--pk-red-dark, #6d0808) !important;
        color: var(--pk-white, #fff) !important;
        font-weight: bold !important;
    }

    .btn_cancel {
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-text, #6b1a1a) !important;
        border-color: var(--pk-border, #d4c4b0) !important;
    }

    .table_type_1 thead th {
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-red, #8b0000) !important;
    }

    .pagenation_type_1 {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 6px;
        margin: 16px 0 24px !important;
        padding-bottom: 8px;
        clear: both;
        visibility: visible !important;
        position: relative;
        z-index: 1;
    }

    .pagenation_type_1 .num,
    .pagenation_type_1 a,
    .pagenation_type_1 .inactive,
    .pagenation_type_1 .btn_first,
    .pagenation_type_1 .btn_last,
    .pagenation_type_1 .btn_next,
    .pagenation_type_1 .btn_prev {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        min-width: 32px;
        height: 32px;
        line-height: 1 !important;
        font-size: 14px !important;
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-text, #6b1a1a) !important;
        border: 1px solid var(--pk-border, #d4c4b0) !important;
        border-radius: 6px !important;
        cursor: pointer;
    }

    .pagenation_type_1 .active,
    .pagenation_type_1 a.active,
    .pagenation_type_1 .num.active a {
        background: var(--pk-red, #8b0000) !important;
        color: var(--pk-white, #fff) !important;
        border-color: var(--pk-red-dark, #6d0808) !important;
    }

    .pagenation_type_1 .inactive:hover,
    .pagenation_type_1 a:hover {
        background: var(--pk-red-hover, #a01515) !important;
        color: var(--pk-white, #fff) !important;
    }

    .contents_wrap,
    .contents_wrap.d-none.m-d-block {
        padding-bottom: 24vw !important;
        overflow: visible !important;
    }

    .con_box00.over_list {
        float: none !important;
        overflow: visible !important;
        width: 100%;
    }

    input[type="text"],
    input[type="password"],
    input[type="number"],
    select,
    textarea {
        background: var(--pk-cream-panel, #fff8ef) !important;
        border: 1px solid var(--pk-border, #d4c4b0) !important;
        color: var(--pk-text, #6b1a1a) !important;
    }

    .login_input {
        background: var(--pk-cream-panel, #fff8ef) !important;
        border: 1px solid var(--pk-border, #d4c4b0) !important;
        color: var(--pk-text, #6b1a1a) !important;
    }

    /* Mobile page titles - red on cream */
    .title,
    .title_wrap .title {
        color: var(--pk-red, #8b0000) !important;
    }

    .title span,
    .title_wrap .title span {
        color: var(--pk-text-muted, #8b4545) !important;
    }

    .s_title1 {
        color: var(--pk-red, #8b0000) !important;
    }

    /* Mobile content - dark text on cream */
    .contents_wrap,
    .contents_wrap [class*="con_box"],
    .over_list {
        color: var(--pk-text, #6b1a1a) !important;
    }

    .contents_wrap .list1,
    .contents_wrap .list2,
    .contents_wrap .list3,
    .contents_wrap .list_notice1,
    .contents_wrap .list_notice2,
    .contents_wrap .write_title,
    .contents_wrap .write_basic,
    .contents_wrap .view1,
    .contents_wrap .font01,
    .contents_wrap .info2,
    .contents_wrap .info3,
    .contents_wrap label,
    .contents_wrap .padding-40 {
        color: var(--pk-text, #6b1a1a) !important;
        border-bottom-color: var(--pk-border, #d4c4b0) !important;
    }

    .contents_wrap .list_title1,
    .contents_wrap .tr_bg .list_title1 {
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-red, #8b0000) !important;
    }

    .contents_wrap .font21 {
        color: var(--pk-red, #8b0000) !important;
    }

    /* Manual page mobile */
    .contents_wrap_manual,
    .contents_box_manual {
        color: var(--pk-text, #6b1a1a) !important;
    }

    .contents_wrap_manual .tab {
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-text, #6b1a1a) !important;
        border: 1px solid var(--pk-border, #d4c4b0) !important;
    }

    .contents_wrap_manual .tabon {
        background: var(--pk-red, #8b0000) !important;
        color: var(--pk-white, #fff) !important;
    }

    .contents_wrap_manual .rule_box_title {
        background: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-red, #8b0000) !important;
    }

    .contents_wrap_manual .rule_info3,
    .contents_wrap_manual .rule_info3 div,
    .contents_wrap_manual .rule_info3 dl,
    .contents_wrap_manual .rule_info3 dt,
    .contents_wrap_manual .rule_info3 dd,
    .contents_wrap_manual .rule_info3 ul,
    .contents_wrap_manual .rule_info3 li {
        color: var(--pk-text, #6b1a1a) !important;
    }

    .contents_wrap_manual .rule_info3 dt {
        color: var(--pk-red, #8b0000) !important;
    }

    /* Mobile sports pages - cream theme */
    .main-container,
    .sports-main {
        background: var(--pk-cream-bg, #f7efe3) !important;
    }

    .main-container .match-team,
    .main-container .match-draw,
    .main-container .match-draw-none,
    .main-container .bet-team,
    .main-container .gameInfo-league,
    .main-container .bet_choose_btn,
    .main-container .bet_info_l_top {
        background: var(--pk-cream-panel, #fff8ef) !important;
        color: var(--pk-text, #6b1a1a) !important;
        border: 1px solid var(--pk-border, #d4c4b0) !important;
    }

    .main-container .match-team-name,
    .main-container .match-team-rate,
    .main-container .market-name,
    .main-container .market-name em,
    .main-container .match-league-name,
    .main-container .time,
    .main-container .bet_name,
    .main-container .team_name {
        color: var(--pk-text, #6b1a1a) !important;
    }

    .main-container .match-league-name {
        color: var(--pk-red, #8b0000) !important;
    }

    .main-container .match-team-name,
    .main-container .match-team-rate,
    .main-container .match-league-name,
    .main-container .market-name,
    .main-container .market-name em,
    .main-container .time,
    .main-container .bet_name,
    .main-container .team_name,
    .main-container .bet_team_name,
    .main-container .bet_bet_name,
    .main-container .bet_bet_odd,
    .main-container .bet_odd,
    .main-container .bet_choose_btn,
    .main-container .bet_info_l_top,
    .main-container .interior-time,
    .main-container .interior-time div,
    .main-container .gameInfo .time,
    .main-container .gameInfo .count {
        font-weight: 600 !important;
    }

    .main-container .match-team-name,
    .main-container .match-team-rate,
    .main-container .match-league-name,
    .main-container .bet_bet_odd,
    .main-container .bet_odd {
        font-weight: 700 !important;
    }

    .main-container .match-team.active,
    .main-container .match-draw.active,
    .main-container .bet-team.active,
    .main-container .bet_choose_btn.active {
        background: var(--pk-red, #8b0000) !important;
        color: var(--pk-white, #fff) !important;
    }

    .main-container .match-team.active .match-team-name,
    .main-container .match-team.active .match-team-rate,
    .main-container .match-draw.active,
    .main-container .match-draw.active.active-color,
    .main-container .match-draw.active .gamelists,
    .main-container .bet-team.active .match-team-name,
    .main-container .bet_choose_btn.active {
        color: var(--pk-white, #fff) !important;
        -webkit-text-fill-color: var(--pk-white, #fff) !important;
    }

    .main-container .cart_wrap,
    .main-container .cart_bet_title,
    .main-container .cart_bet_info,
    .cart_wrap .cart_folder {
        overflow: visible !important;
    }

    .cart_wrap .cart_folder_info,
    .cart_wrap .folder_wrap {
        float: none !important;
        display: block !important;
        width: 100% !important;
        overflow: visible !important;
        visibility: visible !important;
    }

    .cart_wrap .cart_folder_info .folder,
    .cart_wrap .folder_wrap .folder {
        float: none !important;
        display: flex !important;
        width: 100% !important;
    }

    .cart_wrap .cart_folder_info .con_box05 {
        float: none !important;
        display: block !important;
        clear: both;
    }

    .main-container .cart_folder,
    .main-container .cart_folder_info,
    .main-container .cart_folder2,
    .main-container .cart_important_zone,
    .main-container .cart_tab_zone li,
    .header_wrap .cart_wrap .cart_box {
        background: var(--pk-cream-panel, #fff8ef) !important;
        color: var(--pk-text, #6b1a1a) !important;
    }

    .main-container .cart_bet_tip,
    .main-container .bet_bet_name,
    .main-container .bet_team_name,
    .main-container .cart_folder2_info,
    .main-container .folder_style1,
    .main-container .folder_style2,
    .cart_wrap .delete_all {
        color: var(--pk-text, #6b1a1a) !important;
    }

    .cart_wrap .cart_input {
        background: var(--pk-cream-header, #faf0e4) !important;
        border: 1px solid var(--pk-border, #d4c4b0) !important;
        color: var(--pk-text, #6b1a1a) !important;
    }

    .cart_wrap .cart_btn1 {
        background: var(--pk-cream-header, #faf0e4) !important;
        border: 1px solid var(--pk-red, #8b0000) !important;
        color: var(--pk-text, #6b1a1a) !important;
    }

    .cart_wrap .cart_btn2 {
        background: var(--pk-red, #8b0000) !important;
        color: var(--pk-white, #fff) !important;
    }

    .cart_wrap .cart_tab_zone li.active {
        background: var(--pk-red, #8b0000) !important;
        color: var(--pk-white, #fff) !important;
    }

    .main-container .bet_bet_odd,
    .cart_wrap .font05,
    .cart_wrap .font06 {
        color: var(--pk-red, #8b0000) !important;
    }

    /* Mobile mypage setting */
    .setting,
    .setting .member-wrap-in,
    .setting .tab-single,
    .setting .member-form-in {
        background: var(--pk-cream-panel, #fff8ef) !important;
        color: var(--pk-text, #6b1a1a) !important;
    }

    .setting .member-wrap-in .title,
    .setting .member-wrap-in .title .text,
    .setting span.text {
        color: var(--pk-red, #8b0000) !important;
        -webkit-text-fill-color: var(--pk-red, #8b0000) !important;
    }

    .setting .btn-wrap button {
        background: var(--pk-red, #8b0000) !important;
        color: var(--pk-white, #fff) !important;
    }

    .setting .member-form.column,
    .setting .member-form[data-v-1d2f513a] {
        background: transparent !important;
    }

    .setting .tab-single > div[data-v-1d2f513a],
    .setting .tab-single > div {
        background-color: var(--pk-cream-header, #faf0e4) !important;
        color: var(--pk-text, #6b1a1a) !important;
        border: 1px solid var(--pk-border, #d4c4b0) !important;
    }

    .setting .tab-single input[data-v-1d2f513a],
    .setting .tab-single input.input,
    .setting .tab-single select.input,
    .setting .tab-single select.bankSelect {
        color: var(--pk-text, #6b1a1a) !important;
        background-color: var(--pk-cream-panel, #fff8ef) !important;
    }

    .setting .tab-single span.text[data-v-1d2f513a] {
        color: var(--pk-text, #6b1a1a) !important;
    }

    .setting .member-wrap-in[data-v-1d2f513a] {
        background: var(--pk-cream-panel, #fff8ef) !important;
        box-shadow: none !important;
    }

    .my {
        display: none !important;
    }
}