/* 20211207 框架樣式 */

/* 2021 top_nav */
.top_nav {
    min-width: 1000px;
    background: var(--top_nav-bg);
    height: 55px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-right: 15px;
    z-index: 50;
}
.top_nav div {
    display: inline-block;
    vertical-align: middle;
}
.top_nav .date {
    width: 150px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: var(--top_nav-color);
    padding: 0 5px;
    margin-right: 5px;
}
.top_nav .black_dash {
    width: 2px;
    height: 20px;
    background-color: var(--top_nav-color);
    padding: 0px;
}
.top_nav .marquee_icon {
    width: 30px;
    height: 22px;
    margin: 0 5px;
    background: var(--top_nav-marquee_icon-bg);
    background-size: contain;
}
.top_nav .marquee_content {
    color: var(--top_nav-color);
    padding: 5px 5px 0;
    font-size: 15px;
    flex: 1;
}
.top_nav .account_nav {
    display: flex;
    margin: 0 15px;
}
.top_nav .account_nav li {
    position: relative;
    height: 40px;
    display: flex;
    align-items: center;
}
.top_nav .account_nav li a {
    color: #fff;
    margin-right: 10px;
    padding: 3px 15px 3px 35px;
    border-radius: 30px;
}
.top_nav .account_nav li a.icon1 {
    background: url(../img/theme/2021normal/main/com_body_recharge_btn_w.png) 15px center no-repeat,
        linear-gradient(to bottom, #d58bff, #934ce0);
    background-size: auto 13px, cover;
    box-shadow: 2px 4px 4px 0 rgba(51, 80, 159, 0.5);
}
.top_nav .account_nav li a.icon2 {
    background: url(../img/theme/2021normal/main/com_body_pickup_btn_w.png) 15px center no-repeat,
        linear-gradient(to bottom, #ffdf77, #eaab25);
    background-size: auto 13px, cover;
    box-shadow: 2px 4px 4px 0 rgba(51, 80, 159, 0.5);
}
.top_nav .account_nav li a.icon3 {
    background: url(../img/theme/2021normal/main/com_body_transfer_btn_w.png) 15px center no-repeat,
        linear-gradient(to bottom, #80f9b7, #4ecda4);
    background-size: auto 13px, cover;
    box-shadow: 2px 4px 4px 0 rgba(51, 80, 159, 0.5);
}

.top_nav .account_nav li a.checkInfo-icon {
    background:var(--check-in-innerPage-icon);
    background-size: auto 13px, cover;
    box-shadow: 2px 4px 4px 0 rgba(51, 80, 159, 0.5);
}

.top_nav .account_nav li:nth-child(1) {
   display: none;
}
.top_nav .marquee_content_login {
    font-size: 16px;
    color: #707070;
    flex: 1;
    vertical-align: top;
    display: inline-block;
}
.top_nav .nav_info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.top_nav .nav_info .acc_icon {
    width: 150px;
    box-shadow: 2px 2px 5px rgba(51, 80, 159, 0.5);
}
.top_nav .nav_info .lockwallet_btn {
    position: relative;
    height: 30px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    color: white;
    padding: 0 15px;
    background-image: linear-gradient(to bottom, #fff1c2, #ff4819);
    border-radius: 30px;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 5px rgba(210, 48, 6, 0.5);
}
.top_nav .nav_info .lockwallet_btn::before {
    content: "";
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background: url("../img/theme/2021normal/index/nav-lockwallet.svg") center no-repeat;
    background-size: contain;
}
.top_nav .log_out {
    width: 50px;
    height: 28px;
    border-radius: 30px;
    padding: 0 10px;
    margin-right: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    background: url("../img/theme/2021normal/main/main_logout.png") center no-repeat,
        linear-gradient(to bottom, #cbd4db, #7f868d);
    background-size: auto 20px, cover;
    box-shadow: 2px 4px 4px 0 rgba(51, 80, 159, 0.5);
}
/* 2021 top_nav END */

.whole_table {
    display: table;
    margin-top: 55px;
    width: 100%;
    min-width: 1500px;
    min-height: calc(100% - 117px);
    overflow-x: auto;
    background: var(--whole_table-bg);
    background-size: 100% auto;
}
.whole {
    width: 100%;
    display: table-row;
    height: auto;
}

/* 2021 左側side nav */
.side_nav {
    display: table-cell;
    width: 10%;
    min-width: 190px;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 20px;
    padding-right: 0px;
    border-right: 1px solid #e4e4e4;
}
.side_nav .logo_wrap {
    width: 100%;
    margin-bottom: 15px;
}
/**暫時預設非tg*/
.side_nav .logo_wrap .tg_logo {
    background: var(--all-index-logo-big);
    background-size: contain;
    width: 130px;
    height: 104px;
    margin: 0px auto;
    cursor: pointer;
}
.side_nav .side_nav_content {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.side_nav .side_nav_content ul {
    margin-bottom: 0;
}
.side_nav .side_nav_content ul li {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 10px 15px 25px;
    color: var(--side_nav-font-color);
    cursor: pointer;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
}
.side_nav .side_nav_content ul li.commingsoon
{
    color:#c3c3c3;
}
.side_nav .side_nav_content ul li > ul {
    display: none;
}
.side_nav .side_nav_content ul li.active > ul {
    display: block;
}
.side_nav .side_nav_content ul li:hover {
    color: var(--side_nav-hover-font);
    background: var(--side_nav-hover-bg);
}
.side_nav .side_nav_content ul li::before {
    content: "";
    margin-right: 5px;
    width: 20px;
    height: 20px;
}
.side_nav .side_nav_content ul li.Market::before {
    background: url("../img/theme/2021normal/main/sideIcon-Market.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.insurance::before {
    background: var(--market-insuranceIcon);
    background-size: contain;
}
.side_nav .side_nav_content ul li.sports::before {
    background: url("../img/theme/2021normal/main/sideIcon-sport.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.rankings_list,
.side_nav .side_nav_content ul li.union_list,
.side_nav .side_nav_content ul li.gaming {
    padding: 0;
    display: block;
}
.side_nav .side_nav_content ul li.rankings_list:hover,
.side_nav .side_nav_content ul li.union_list:hover,
.side_nav .side_nav_content ul li.gaming:hover {
    color: #707070;
    background: transparent;
}
.side_nav .side_nav_content ul li.rankings_list::before,
.side_nav .side_nav_content ul li.union_list::before,
.side_nav .side_nav_content ul li.gaming::before {
    content: none;
}
.side_nav .side_nav_content ul li.rankings_list b,
.side_nav .side_nav_content ul li.union_list b,
.side_nav .side_nav_content ul li.gaming b {
    width: 100%;
    padding: 15px 10px 15px 25px;
    text-align: left;
    display: flex;
    position: relative;
}
.side_nav .side_nav_content ul li.rankings_list b:hover,
.side_nav .side_nav_content ul li.union_list b:hover,
.side_nav .side_nav_content ul li.gaming b:hover {
    color: var(--side_nav-hover-font);
    background: var(--side_nav-hover-bg);
}
.side_nav .side_nav_content ul li.rankings_list b::before,
.side_nav .side_nav_content ul li.union_list b::before,
.side_nav .side_nav_content ul li.gaming b::before {
    content: "";
    margin-right: 5px;
    width: 20px;
    height: 20px;
    display: block;
}
.side_nav .side_nav_content ul li.gaming b::before {
    background: url("../img/theme/2021normal/main/sideIcon-recreation.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.union_list b::before{
    background: url("/assets/primary/normal/img/icons/sideIcon-popular.png") center no-repeat;
    background-size: contain;    
}
.side_nav .side_nav_content ul li.rankings_list b::before{
    background: url("/assets/primary/normal/img/rankings/sideIcon-ranking.svg") center no-repeat;
    background-size: contain;    
}
.side_nav .side_nav_content ul li.rankings_list li{
    padding-left: 50px;
}
.side_nav .side_nav_content ul li.rankings_list .sideIcon-rankings::before{
    background: url("/assets/primary/normal/img/rankings/sideIcon-rankings.svg") no-repeat center / contain;
}
.side_nav .side_nav_content ul li.rankings_list .sideIcon-winners::before{
    background: url("/assets/primary/normal/img/rankings/sideIcon-winners.svg") no-repeat center / contain;
}
.side_nav .side_nav_content ul li.rankings_list .sideIcon-rank_rules::before{
    background: url("/assets/primary/normal/img/rankings/sideIcon-rank_rules.svg") no-repeat center / contain;
}

.side_nav .side_nav_content ul li.rankings_list b::after,
.side_nav .side_nav_content ul li.union_list b::after,
.side_nav .side_nav_content ul li.gaming b::after {
    position: absolute;
    display: block;
    /* content: "▼"; */
    font-size: 16px;
    color: var(--side_nav-font-color);
    top: 20px;
    right: 10px;
    content: "";
    width: 8px;
    height: 8px;
    border-top: var(--header-sub-arrow);
    border-right: var(--header-sub-arrow);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.side_nav .side_nav_content ul li.active.union_list b::after,
.side_nav .side_nav_content ul li.active.gaming b::after {
    transform: rotate(315deg);
}
.side_nav .side_nav_content ul li.active.union_list .competition_logo img{
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.side_nav .side_nav_content ul li.livematches::before {
    background: url("../img/theme/2021normal/main/menu_livematches.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.micronet::before {
    background: var(--side-nav-micronet-icon);
    background-size: contain;
}
.side_nav .side_nav_content ul li.SmartBet::before {
    background: url("../img/theme/2021normal/main/sideIcon-SmartBet.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.OrderDetail::before {
    background: url("../img/theme/2021normal/main/sideIcon-OrderDetail.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.History::before {
    background: url("../img/theme/2021normal/main/sideIcon-History.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.MatchResult::before {
    background: url("../img/theme/2021normal/main/sideIcon-MatchResult.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.Jihai::before {
    background: url('../img/theme/2021normal/main/sideIcon-Jihai.png') center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.LiveScore::before {
    background: var(--liveScore-icon);
    background-size: contain;
}
.side_nav .side_nav_content ul li.EventHall::before {
    background: url("../img/theme/2021normal/main/sideIcon-EventHall.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.My::before {
    background: url("../img/theme/2021normal/main/sideIcon-My.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.My_team::before{
    background: url("/assets/primary/normal/img/icons/sideIcon-my_team.svg") center no-repeat;
    background-size: contain;    
}
.side_nav .side_nav_content ul li.My_reports::before{
    background: url("/assets/primary/normal/img/icons/sideIcon-my_reports.svg") center no-repeat;
    background-size: contain;    
}
.side_nav .side_nav_content ul li.My_agencyrules::before{
    background: url("/assets/primary/normal/img/icons/sideIcon-my_agencyrules.svg") center no-repeat;
    background-size: contain;    
}

.side_nav .side_nav_content ul li.VipRules::before {
    background: url("../img/theme/2021normal/main/sideIcon-VipRules.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.Ledger::before {
    background: url("../img/theme/2021normal/main/sideIcon-Ledger.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.Assistance::before {
    background: url("../img/theme/2021normal/main/sideIcon-Assistance.png") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.Recharge::before {
    background: url("../img/theme/2021normal/main/sideIcon-Recharge.png?v=20210930") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.log_out::before {
    background: url("../img/theme/2021normal/index/index-logout-icon.svg") center no-repeat;
    background-size: contain;
}
.side_nav .side_nav_content ul li.new {
    position: relative;
}
.side_nav .side_nav_content ul li.new::after {
    content: "NEW";
    position: absolute;
    top: 2px;
    right: 50px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 0 5px;
    margin-left: 3px;
    border-radius: 18px;
    background: linear-gradient(to right, #ef7e8f, #d9495a);
    background-size: contain;
    box-shadow: 1px 1px 3px rgba(247, 114, 139, 0.6);
}
.side_nav .online_24 {
    margin: 20px auto auto;
}
.side_nav .online_24 span {
    font-size: 18px;
    font-weight: bold;
    color: var(--side_online_24-color);
    display: block;
}
.side_nav .online_24 .group {
    margin: 20px auto;
    display: block;
}
.side_nav .online_24 .group > div {
    font-size: 16px;
    font-weight: bold;
    color: var(--side_nav-font-color);
    padding: 50px 0 0;
    margin: 0 auto;
    cursor: pointer;
    display: inline-block;
}
/*舊客服預計移除*/
/* .side_nav .online_24 .group .service_online {
    background: var(--nav-service_online);
    background-size: auto 45px;
} */
/*新客服-非全天*/
/* .side_nav .online_24 .group .service_primary {
	background: url("/assets/primary/normal/img/service/primary-service-c.png") center 0 no-repeat;
	background-size: auto 45px;
} */
/*新客服-24h*/
.side_nav .online_24 .group .service_advanced {
	background: url("/assets/primary/normal/img/service/advanced-service-c.png") center no-repeat;
	background-size: auto 45px;
}

.side_nav .online_24 .group .Notice {
    background: url("../img/theme/2021normal/main/sideIcon-Notice.png") center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .service_QQ {
    background: url("../img/qqlogo.png") center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .service_wechat {
    background: url("../img/Wechatlogo.png") center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .service_mosgram {
    background: url(../img/icon/service_paopao.png) center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .service_pop {
    background: url("/assets/primary/normal/img/service/pop_icon.png") center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .TG_Video {
    background: url("../img/theme/2021normal/main/sideIcon-Video.png") center 0 no-repeat;
    background-size: auto 40px;
}
.side_nav .online_24 .group .service_more {
    background: url("../img/theme/2021normal/main/sideIcon-helpCenter.svg") center 5px no-repeat;
    background-size: auto 35px;
}
.side_nav .online_24 .group .service_miduoke {
    background: url("/assets/primary/normal/img/service/service_miduoke.png") center 0 no-repeat;
    background-size: auto 45px;
}

.side_nav .online_24 .group .service_line {
    background: var(--nav-service_line);
}
.side_nav .online_24 .group .service_liveChat {
    background: var(--nav-service_livechat);
}

/* 2021 左側side nav END */
/* 2021 更多幫助 */
#more {
    display: none;
}
#more .more_block {
    display: table;
    width: 280px;
    background-color: #f5f5f5;
    padding: 5px;
    position: fixed;
    left: 190px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
}
.more_block .more_row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.more_block .more_row .more_cell {
    text-align: center;
    padding: 13px 0px;
    flex: 0 0 50%;
}
.more_block .more_row .more_cell > div {
    font-size: 16px;
    font-weight: bold;
    color: #707070;
    padding: 50px 0 0;
    margin: 0 auto;
    cursor: pointer;
    display: inline-block;
}
.more_block .more_row .more_cell .help_center {
    background: url("../img/theme/2021normal/index/footerIcon-01.svg") center 0 no-repeat;
    background-size: auto 45px;
}
.more_block .more_row .more_cell .cooperate {
    background: url("../img/theme/2021normal/index/footerIcon-02.svg") center 0 no-repeat;
    background-size: auto 45px;
}
.more_block .more_row .more_cell .game_result {
    background: url("../img/theme/2021normal/index/footerIcon-03.svg") center 0 no-repeat;
    background-size: auto 45px;
}
.more_block .more_row .more_cell .rules {
    background: url("../img/theme/2021normal/index/footerIcon-04.svg") center 0 no-repeat;
    background-size: auto 45px;
}
.more_block .more_row .more_cell .reserve_rules {
    background: url("../img/theme/2021normal/index/menupage-body-booking-ic.svg") center 0 no-repeat;
    background-size: auto 35px;
}
.more_block .more_row .more_cell .discuss {
    background: url("../img/theme/2021normal/index/footerIcon-05.svg") center 0 no-repeat;
    background-size: auto 45px;
}
.more_block .more_row .more_cell .relate_web {
    background: url("../img/theme/2021normal/index/footerIcon-06.svg") center 0 no-repeat;
    background-size: auto 45px;
}
.more_block .more_row .more_cell .about_us {
    background: url("../img/theme/2021normal/index/footerIcon-07.svg") center 0 no-repeat;
    background-size: auto 45px;
}
/* 2021 更多幫助 END */

/* 2021 右側content */
.main_content {
    display: table-cell;
    width: 92%;
    padding: 80px 0% 50px 0%;
    vertical-align: top;
}
.content {
    padding: 0 30px;
    max-width: 1300px;
}
.head {
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #707070;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.head > div {
    display: inline-block;
}
/*各內頁icon*/
.head .market_list_icon {
    background: var(--pageTitle-marketList-icon);
    background-size: contain;
    width: 30px;
    height: 30px;
}
.head .live_icon {
    background: var(--pageTitle-streaming-icon);
    background-size: contain;
    width: 30px;
    height: 30px;
}
.head .trade_detail_icon {
    background: var(--pageTitle-orderInfo-icon);
    background-size: cover;
    width: 30px;
    height: 30px;
}
.head .history_icon {
    background: var(--pageTitle-history-icon);
    background-size: contain;
    width: 30px;
    height: 30px;
}
.head .game_result_icon {
    background: var(--pageTitle-gameResult-icon);
    background-size: contain;
    width: 30px;
    height: 30px;
}
.head .event_hall_icon {
    background: url("../img/theme/2021normal/main/sideIcon-EventHall.png") center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
}
.head .my_team_icon {
    background: url("/assets/primary/normal/img/icons/sideIcon-my_team.svg") center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;    
}
.head .my_reports_icon {
    background: url("/assets/primary/normal/img/icons/sideIcon-my_reports.svg") center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;    
}
.head .my_agencyrules_icon {
    background: url("/assets/primary/normal/img/icons/sideIcon-my_agencyrules.svg") center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;    
}
.head .my_icon {
    background: var(--pageTitle-my-icon);
    background-size: auto 30px;
}

.head .page_title {
    flex: 1;
    color: var(--page_page_title-color);
    font-size: 26px;
    font-weight: bold;
    padding-left: 10px;
}
.accounts_icon {
    background: url("../img/theme/2021normal/main/sideIcon-Ledger.png") center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    vertical-align: top;
}
.head .filter_select {
    margin: 0 20px;
    padding-top: 5px;
}
.head .page_select {
    padding-top: 5px;
}
.head .filter_select span {
    color: var(--side_nav-font-color);
    font-size: 15px;
    font-weight: bold;
    margin: 0 5px 0 15px;
}
.head .filter_select select,
.head .page_select select {
    -webkit-appearance: none;
    border: 1px solid #808080;
    background: #ffffff url("../img/select_arrow.svg") no-repeat right 5%;
    color: #808080;
    border-radius: 5px;
    min-width: 100px;
    font-size: 16px;
    padding: 3px 25px 3px 8px;
}

.page_title_black_line {
    width: 100%;
    height: 2px;
    background-color: black;
    margin-top: 10px;
    margin-bottom: 30px;
}

/* 20211207 我的上方選單 */
.head .my_nav {
    flex: 1;
    display: flex;
    align-items: center;
}
.head .my_nav li {
    margin-right: 60px;
}
.head .my_nav li a {
    width: auto;
    font-size: 26px;
    color: var(--my-my_nav-color);
    font-weight: bold;
    padding-left: 35px;
    line-height: 30px;
}
.head .my_nav li a.law_icon {
    background: var(--my-law-icon);
    background-size: auto 28px;
}
.head .my_nav li a.accounts_icon {
    background: var(--my-accounts-icon);
    background-size: auto 28px;
}
.head .my_nav li a.sh_icon {
    background: var(--my-sh-icon);
    background-size: auto 28px;
    padding-left: 45px;
}
.head .my_nav li a.active {
    color: var(--my-my_nav-active);
}
.head .my_nav li a.record_icon {
    background: var(--my-record-icon);
    background-size: auto 28px;
    padding-left: 45px;
}
.head .my_nav li a.setting_icon {
    background: var(--my-setting-icon);
    background-size: auto 34px;
    padding-left: 40px;
}

/* 20211207 我的上方選單END */

/* 20211207 日期篩選 歷史帳務總帳表共用 */
.Date_btn_group {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: center;
    margin: 0 -10px;
}
.Date_btn_group button {
    position: relative;
    flex: 1;
    min-height: 65px;
    margin: 0 10px;
    border-radius: 12px;
    border: none;
    padding: 4px 10px 4px 60px;
    text-align: left;
    overflow: hidden;
    background: var(--Date_btn_group-btn-bg);
    background-size: cover;
    box-shadow: 0 0 5px 0 rgba(132, 150, 193, 0.7);
    display: inline-block;
}
.Date_btn_group button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.Date_btn_group .Date_btn1::before {
    background: url("../img/theme/2021normal/main/historybtn01.svg") center no-repeat, var(--Date_btn_group-icon-bg);
    background-size: 20px, cover;
}
.Date_btn_group .Date_btn2::before {
    background: url("../img/theme/2021normal/main/historybtn02.svg") center no-repeat, var(--Date_btn_group-icon-bg);
    background-size: 20px, cover;
}
.Date_btn_group .Date_btn3::before {
    background: url("../img/theme/2021normal/main/historybtn03.svg") center no-repeat, var(--Date_btn_group-icon-bg);
    background-size: 20px, cover;
}
.Date_btn_group .Date_btn4::before {
    background: url("../img/theme/2021normal/main/historybtn04.svg") center no-repeat, var(--Date_btn_group-icon-bg);
    background-size: 20px, cover;
}
.Date_btn_group button::after {
    content: var(--Date_btn_group-btn-after);
    position: absolute;
    top: 0;
    right: -50px;
    width: 100px;
    height: 150%;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    transform: rotate(-60deg);
    z-index: 1;
}
.Date_btn_group button span {
    position: relative;
    color: var(--Date_btn_group-btn-color);
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    display: block;
    z-index: 2;
}
.Date_btn_group button b {
    position: relative;
    color: var(--Date_btn_group-btn-color);
    font-size: 14px;
    font-weight: bold;
    z-index: 2;
}
/* 20211207 日期篩選END */

/* 历史账务 下单明细共用*/
.head .page_title .page_tab {
    margin-left: 20px;
    display: inline-flex;
    align-items: center;
}
.head .page_title .page_tab button {
    background: transparent;
    border: none;
    font-size: 22px;
    margin: 0 20px;
    color: var(--page_tab-font);
}
.head .page_title .page_tab button.active {
    color: var(--page_tab-active-font);
}
/* 历史账务 下单明细共用END */

/* 2021 footer*/
footer {
    width: 100%;
    padding: 40px 0;
    margin-top: 40px;
    background: var(--footer-bg);
    background-size: 100% 100%;
}
footer .footer_container {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: inherit;
    justify-content: flex-start;
}
footer .footer_container .footer_browser {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    margin-right: 50px;
}
footer .footer_container .footer_browser .browser_icon {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
footer .footer_container .footer_browser .browser_icon .chrome_icon,
footer .footer_container .footer_browser .browser_icon .ie_icon,
footer .footer_container .footer_browser .browser_icon .ie_green_icon,
footer .footer_container .footer_browser .browser_icon .qqllq_icon {
    width: 45px;
    height: 45px;
    cursor: pointer;
}
footer .footer_container .footer_browser .browser_icon .chrome_icon {
    background: url("../img/chomelogo.png") center no-repeat;
    background-size: contain;
}
footer .footer_container .footer_browser .browser_icon .ie_icon {
    background: url("../img/edlogo.png") center no-repeat;
    background-size: contain;
}
footer .footer_container .footer_browser .browser_icon .ie_green_icon {
    background: url("../img/selogo.png") center no-repeat;
    background-size: contain;
}
footer .footer_container .footer_browser .browser_icon .qqllq_icon {
    background: url("../img/qqllqlogo.png") center no-repeat;
    background-size: contain;
}
footer .footer_container .footer_browser span {
    color: var(--help-footer_browser-color);
    font-size: 15px;
    font-weight: bold;
    margin: 13px 0 20px;
}
footer .footer_container .footer_help {
    flex: 0 0 700px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0 10px;
}
.footer_help a,
.footer_help a:hover {
    flex: 0 0 25%;
    color: var(--help-footer_browser-color);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    font-weight: bold;
}
.footer_help a::before {
    content: "";
    width: 35px;
    height: 35px;
    display: inline-block;
}
.footer_help a.help_center::before {
    background: var(--help-help_center-icon);
    background-size: contain;
}
.footer_help a.cooperate::before {
    background: var(--help-cooperate-icon);
    background-size: contain;
}
.footer_help a.game_result::before {
    background: var(--help-game_result-icon);
    background-size: contain;
}
.footer_help a.rules::before {
    background: var(--help-rules-icon);
    background-size: contain;
}
.footer_help a.reserve_rules::before {
    background: var(--help-reserveRules-icon);
    background-size: auto 25px;
}
.footer_help a.privacy::before {
    background: var(--help-privacy-icon);
    background-size: contain;
}
.footer_help a.rule_clause::before {
    background: var(--help-rule_clause-icon);
    background-size: contain;
}
.footer_help a.guessing::before {
    background: var(--help-guessing-icon);
    background-size: contain;
}
.footer_help a.discuss::before {
    background: var(--help-discuss-icon);
    background-size: contain;
}
.footer_help a.relate_web::before {
    background: var(--help-relate_web-icon);
    background-size: contain;
}
.footer_help a.about_us::before {
    background: var(--help-about_us-icon);
    background-size: contain;
}

footer .footer_container .footer_app {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-left: 1px solid #e4e4e4;
}
footer .footer_container .footer_app .AppQrCode {
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    color: #707070;
    text-align: center;
    margin: 0 6px;
}
footer .footer_container .footer_app .AppQrCode img {
    width: 90px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
footer .footer_container .footer_app .AppQrCode span {
    margin: 5px 0;
    padding-left: 25px;
    display: inline-block;
}
footer .footer_container .footer_app .AppQrCode span.android {
    background: url("../img/theme/2021normal/index/footerIcon-android.svg") 0 center no-repeat;
    background-size: contain;
}
footer .footer_container .footer_app .AppQrCode span.ios {
    background: url("../img/theme/2021normal/index/footerIcon-ios.svg") 0 center no-repeat;
    background-size: contain;
}
/* 客服 APP下載 */
.fixed_btn {
    position: fixed;
    right: 50px;
    bottom: 0;
    border-radius: 10px 10px 0 0;
    background: linear-gradient(to bottom, #fff, #f0f7ff 53%, #d8eaff);
    display: flex;
    align-items: stretch;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);
    z-index: 500;
}
.fixed_btn .col {
    position: relative;
}

.fixed_btn .col.footer_service {
    background: linear-gradient(to bottom, #ffd8d8, #f24e7b 75%);
    border-radius: 10px 0 0 0;
}

.fixed_btn .col.download_btn {
    background: linear-gradient(to bottom, #1775e1, #5091f6 50%) ;
    border-radius: 0 10px 0 0;
}

.fixed_btn .col i {
    min-width: 150px;
    color: #ffffff;
    font-style: normal;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.fixed_btn .line {
    width: 1px;
    background: linear-gradient(to bottom, #cbd4db, #7f868d);
    display: flex;
}

.fixed_btn .col i::before {
    content: "";
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
/*舊客服預計移除*/
.fixed_btn .col.footer_service i::before {
    background: var(--footer-service);
    background-size: contain;
}
/*新客服-非全天*/
.fixed_btn .col.footer_service.primary i::before  {
	background: url("/assets/primary/normal/img/service/primary-service-a.png") center no-repeat;
	background-size: contain;
}
/*新客服-24h*/
.fixed_btn .col.footer_service.advanced i::before  {
	background: url("/assets/primary/normal/img/service/advanced-service-a.png") center no-repeat;
	background-size: contain;
}

.fixed_btn .col.download_btn i::before {
    background: url("../img/icon/download_btn_off.png") center no-repeat;
    background-size: contain;
}

.fixed_btn .col.footer_service .service_icon .service_line,
.fixed_btn .col.footer_service .service_icon .service_liveChat,
.fixed_btn .col.footer_service .service_icon .service_QQ,
.fixed_btn .col.footer_service .service_icon .service_wechat,
.fixed_btn .col.footer_service .service_icon .service_online,
.fixed_btn .col.footer_service .service_icon .service_primary,
.fixed_btn .col.footer_service .service_icon .service_advanced,
.fixed_btn .col.footer_service .service_icon .service_zalo,
.fixed_btn .col.footer_service .service_icon .service_miduoke,
.fixed_btn .col.footer_service .service_icon .service_mosgram,
.fixed_btn .col.footer_service .service_icon .service_pop {
    min-width: 45px;
    padding-top: 45px;
    cursor: pointer;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
}

/*舊客服預計移除*/
.fixed_btn .col.footer_service .service_icon .service_online {
    background: var(--footer-service_icon-bg);
    background-size: contain;
}

/*新客服-非全天*/
.fixed_btn .col.footer_service .service_icon .service_primary {
    padding-top: 50px;
	background: url("/assets/primary/normal/img/service/primary-service-line01.png") center 0 no-repeat;
	background-size: 45px auto;
}
.fixed_btn .col.footer_service .service_icon .service_primary.line02 {
    padding-top: 50px;
	background: url("/assets/primary/normal/img/service/primary-service-line02.png") center 0 no-repeat;
	background-size: 45px auto;
}
.fixed_btn .col.footer_service .service_icon .service_primary.line03 {
    padding-top: 50px;
	background: url("/assets/primary/normal/img/service/primary-service-line03.png") center 0 no-repeat;
	background-size: 45px auto;
}
.side_nav .online_24 .group .service_primary {
    background: url("/assets/primary/normal/img/service/primary-service-line01.png") center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .service_primary.line02 {
    background: url("/assets/primary/normal/img/service/primary-service-line02.png") center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .service_primary.line03 {
    background: url("/assets/primary/normal/img/service/primary-service-line03.png") center 0 no-repeat;
    background-size: auto 45px;
}

/*新客服-24h*/
.fixed_btn .col.footer_service .service_icon .service_advanced {
    padding-top: 50px;
	background: url("/assets/primary/normal/img/service/advanced-service-line01.png") center 0 no-repeat;
	background-size: 45px auto;
}
.fixed_btn .col.footer_service .service_icon .service_advanced.line02 {
    padding-top: 50px;
	background: url("/assets/primary/normal/img/service/advanced-service-line02.png") center 0 no-repeat;
	background-size: 45px auto;
}
.fixed_btn .col.footer_service .service_icon .service_advanced.line03 {
    padding-top: 50px;
	background: url("/assets/primary/normal/img/service/advanced-service-line03.png") center 0 no-repeat;
	background-size: 45px auto;
}
.side_nav .online_24 .group .service_online {
    background: url("/assets/primary/normal/img/service/advanced-service-line01.png") center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .service_online.line02 {
    background: url("/assets/primary/normal/img/service/advanced-service-line02.png") center 0 no-repeat;
    background-size: auto 45px;
}
.side_nav .online_24 .group .service_online.line03 {
    background: url("/assets/primary/normal/img/service/advanced-service-line03.png") center 0 no-repeat;
    background-size: auto 45px;
}

.fixed_btn .col.footer_service .service_icon .service_line {
    background: var(--footer-service_icon_line);
}
.fixed_btn .col.footer_service .service_icon .service_liveChat {
    background: var(--footer-service_icon_livechat);
}

.fixed_btn .col.footer_service .service_icon .service_QQ {
    background: url("../img/qqlogo.png") center no-repeat;
    background-size: contain;
}
.fixed_btn .col.footer_service .service_icon .service_wechat {
    background: url("../img/Wechatlogo.png") center no-repeat;
    background-size: contain;
}
.fixed_btn .col.footer_service .service_icon .service_zalo {
    background: url("../img/Zalologo.png") center no-repeat;
    background-size: contain;
}
.fixed_btn .col.footer_service .service_icon .service_mosgram {
    background: url(../img/icon/service_paopao.png) center no-repeat;
    background-size: contain;
}
.fixed_btn .col.footer_service .service_icon .service_pop {
    background: url("/assets/primary/normal/img/service/pop_icon.png") center no-repeat;
    background-size: contain;
}
.fixed_btn .col.footer_service .service_icon .service_miduoke {
    background: url("/assets/primary/normal/img/service/service_miduoke.png") center no-repeat;
    background-size: contain;
}
.fixed_btn .col .service_icon {
    display: none;
}
.fixed_btn .col .download_box {
    display: none;
}
.fixed_btn .col.active .service_icon,
.fixed_btn .col.active .download_box {
    position: absolute;
    bottom: 140%;
    left: 50%;
    padding: 10px 20px 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.6);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-shadow: 0 3px 6px 0 rgb(0, 0, 0, 0.16);
    z-index: 10;
}
.fixed_btn .col.active .service_icon::before,
.fixed_btn .col.active .download_box::before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: rgba(255, 255, 255, 0.8) transparent transparent transparent;
    transform: translateX(-50%);
    z-index: 10;
}
.fixed_btn .col .close_service,
.fixed_btn .col .close_download {
    display: none;
}
.fixed_btn .col.active .close_service,
.fixed_btn .col.active .close_download {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
}
.fixed_btn .col .download_box .AppQrCode {
    cursor: pointer;
    font-size: 14px;
    font-weight: 900;
    color: #707070;
    text-align: center;
    margin: 0;
}
.fixed_btn .col .download_box .AppQrCode:nth-child(2) {
    margin-top: 10px;
}
.fixed_btn .col .download_box .AppQrCode img {
    width: 140px;
    border-radius: 5px;
    overflow: hidden;
    display: block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.fixed_btn .col .download_box .AppQrCode span {
    margin: 5px 0;
    padding-left: 25px;
    display: inline-block;
}
.fixed_btn .col .download_box .AppQrCode span.android {
    background: url("../img/theme/2021normal/index/footerIcon-android.svg") 0 center no-repeat;
    background-size: contain;
}
.fixed_btn .col .download_box .AppQrCode span.ios {
    background: url("../img/theme/2021normal/index/footerIcon-ios.svg") 0 center no-repeat;
    background-size: contain;
}
/* 客服 APP下載 END */
.TG_index .copyright {
    background: var(--index-copyright-bg);
}
.copyright {
    width: 100%;
    min-width: 1200px;
    background: var(--copyright-bg);
    padding: 20px 0;
    box-shadow: 0 0 8px var(--shadow-black-3);
}
.copyright.sports {
    background: var(--copyright-sports-bg);
}
.copyright .copyright_container {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.copyright .copyright_container2 {
    width: 1200px;
    margin: 0 auto;
    border-top: var(--copyright_container2-border);
    padding: 30px 10px 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.copyright .copyright_container .sup_logo,
.copyright .copyright_container2 .sup_logo {
    display: inline-block;
    background: var(--footer-sup_logo-bg);
    background-size: cover;
    width: 386px;
    height: 30px;
}
.copyright.sports .copyright_container .sup_logo {
    background: var(--footer-sports-sup_logo-bg);
    background-size: cover;
}
.copyright .copyright_container .copyright_text,
.copyright .copyright_container2 .copyright_text {
    flex: 1;
    color: var(--footer-text-color);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
/* 2021 footer END*/

/*2021 全站共用元件*/
.copy_cell {
    width: 18px;
    height: 18px;
    margin-left: 2px;
    background: var(--all-copy_cell-bg);
    background-size: contain;
    border: none;
    display: inline-block;
}

/*各平台共用色*/
li[data-sort="sports"],
li[data-sort="sports"] .platform,
tr[data-sort="sports"] td:nth-child(1) {
    color: #bd81f9;
}

tr[data-sort="sports"] td:nth-child(1)::before,
li[data-sort="sports"]::before {
    background: linear-gradient(to bottom, #d58bff, #934ce0);
}
tr[data-sort="casinos"] td:nth-child(1),
li[data-sort="casinos"] .platform,
.real .popup_list .popup_row.real .col_1 {
    color: #f98383;
}
tr[data-sort="casinos"] td:nth-child(1)::before,
li[data-sort="casinos"]::before,
.real .popup_list .popup_row.real::before {
    background: linear-gradient(to bottom, #ffdbdb, #f98181);
}

tr[data-sort="pokers"] td:nth-child(1),
li[data-sort="pokers"] .platform,
.real .popup_list .popup_row.chess .col_1 {
    color: #82ce94;
}
tr[data-sort="pokers"] td:nth-child(1)::before,
li[data-sort="pokers"]::before,
.real .popup_list .popup_row.chess::before {
    background: linear-gradient(to bottom, #dbffec, #81f9a5);
}
tr[data-sort="esports"] td:nth-child(1),
li[data-sort="esports"] .platform,
.real .popup_list .popup_row.electronic .col_1 {
    color: #979797;
}
tr[data-sort="esports"] td:nth-child(1)::before,
li[data-sort="esports"]::before,
.real .popup_list .popup_row.electronic::before {
    background: linear-gradient(to bottom, #ebebeb, #959595);
}
tr[data-sort="lotteries"] td:nth-child(1),
li[data-sort="lotteries"] .platform,
.real .popup_list .popup_row.lottery .col_1 {
    color: #f9ca83;
}
tr[data-sort="lotteries"] td:nth-child(1)::before,
li[data-sort="lotteries"]::before,
.real .popup_list .popup_row.lottery::before {
    background: linear-gradient(to bottom, #ffeedb, #f9c981);
}
tr[data-sort="gaming"] td:nth-child(1),
li[data-sort="gaming"] .platform,
.real .popup_list .popup_row.gaming .col_1 {
    color: #83aef9;
}
tr[data-sort="gaming"] td:nth-child(1)::before,
li[data-sort="gaming"]::before,
.real .popup_list .popup_row.gaming::before {
    background: linear-gradient(to bottom, #dbe8ff, #81adf9);
}