* {
    margin: 0;
    padding: 0
}

html,body {
    height: 100%;
    font-family: Tahoma,Helvetica,sans-serif;
    color: #1e1e1e;
    font-size: 12px;
    line-height: 15px
}

a {
    text-decoration: none;
    color: #2789ce;
    outline: none;
    hlbr: expression(this.onFocus=this.blur())
}

a:hover {
    text-decoration: underline;
    cursor: pointer
}

table {
    border-collapse: collapse
}

input,textarea {
    font-family: Tahoma,Helvetica,sans-serif;
    color: #1e1e1e;
    font-size: 12px;
    border: 0px #aaa solid;
    background: #fff;
    box-shadow: inset 0px 1px 0px rgba(0,0,0,.5);
    border-radius: 4px;
    padding: 5px;
    margin: 0 5px 5px 0;
    box-sizing: border-box
}

input[type=checkbox],textarea[type=checkbox],input[type=radio],textarea[type=radio] {
    width: auto !important;
    height: auto !important;
    border-width: 0;
    border-radius: 0;
    background-color: rgba(0,0,0,0) !important;
    padding: 0 !important;
    box-shadow: none
}

input:focus,textarea:focus {
    padding: 4px
}

input.disable,textarea.disable {
    background-color: #dcdcdc;
    color: #666;
    box-shadow: none;
    border: 1px solid #bbb
}

label {
    cursor: pointer
}

select {
    width: 120px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    margin: 0 5px 5px 0
}

option {
    padding: 3px;
    color: #222
}

h2 {
    font-size: 13px;
    line-height: 20px;
    padding-top: 6px;
    margin-bottom: 6px
}

a img {
    border: 0px solid #fff
}

p {
    margin-bottom: 7px
}

.clearfix:after,.result-search:after,.initial-balance:after,.final-balance:after,.pop-left dd:after,.pop-left dl:after,.nobg-wrap:after,.white-wrap:after,.form_list dd:after,.quick_bet-wrap .col-stake_list:after,.quick_bet-wrap:after,.one_click-setting:after,.line_market-name:after,.head-bets-agent:after,.game-info-wrap:after,.game-head:after,.game-list-col dd:after,.game-list-col:after,.marquee-box:after,.streaming-pop:after,.upcome:after,.sum:after,.full_btn:after,.slip-list:after,.stake-set:after,.odds-set:after,.menu-wrap:after,.bookmaker h4:after,.bookmaker .tc-content h5:after,.tc-content .bookmaker h5:after,.sportsbook-head h4:after,.sportsbook-head .tc-content h5:after,.tc-content .sportsbook-head h5:after,.fancy-head h4:after,.fancy-head .tc-content h5:after,.tc-content .fancy-head h5:after,.bookmaker:after,.sportsbook-head:after,.fancy-head:after,.slip-book:after,.slip-lay:after,.slip-back:after,.game-wrap-horse:after,.game-highlight-wrap:after,.game-wrap:after,.change_pass:after,.total-show:after,.acc-info:after,.filter-pop ul:after,.input-list:after,.filter-list:after,.tab:after,.marquee-pop .input-list:after,.multi_select ul:after,.game-info:after,.tab-HS:after,.game-scores ul:after,.game-scores .scores-time:after,.game-wrap-horse .hs-time:after,.tab-highlight:after,.tab-markets:after,.slider:after,.cashout-wrap:after,.slip-option:after,.btn-wrap:after,.stake-popup:after,.slip-head:after,.matched-head:after,.menu:after,.setting-wrap:after,.account-wrap:after,.login-wrap:after,.slip-book .col-stake_list ul:after,.slip-lay .col-stake_list ul:after,.slip-back .col-stake_list ul:after,.col-center:after,.pop-warp:after,.log-wrap:after,.over-wrap:after {
    content: "";
    display: block;
    clear: both
}

.clearfix,.result-search,.initial-balance,.final-balance,.pop-left dd,.pop-left dl,.nobg-wrap,.white-wrap,.form_list dd,.quick_bet-wrap .col-stake_list,.quick_bet-wrap,.one_click-setting,.line_market-name,.head-bets-agent,.game-info-wrap,.game-head,.game-list-col dd,.game-list-col,.marquee-box,.streaming-pop,.upcome,.sum,.full_btn,.slip-list,.stake-set,.odds-set,.menu-wrap,.bookmaker h4,.bookmaker .tc-content h5,.tc-content .bookmaker h5,.sportsbook-head h4,.sportsbook-head .tc-content h5,.tc-content .sportsbook-head h5,.fancy-head h4,.fancy-head .tc-content h5,.tc-content .fancy-head h5,.bookmaker,.sportsbook-head,.fancy-head,.slip-book,.slip-lay,.slip-back,.game-wrap-horse,.game-highlight-wrap,.game-wrap,.change_pass,.total-show,.acc-info,.filter-pop ul,.input-list,.filter-list,.tab,.marquee-pop .input-list,.multi_select ul,.game-info,.tab-HS,.game-scores ul,.game-scores .scores-time,.game-wrap-horse .hs-time,.tab-highlight,.tab-markets,.slider,.cashout-wrap,.slip-option,.btn-wrap,.stake-popup,.slip-head,.matched-head,.menu,.setting-wrap,.account-wrap,.login-wrap,.slip-book .col-stake_list ul,.slip-lay .col-stake_list ul,.slip-back .col-stake_list ul,.col-center,.pop-warp,.streaming-pop,.log-wrap,.over-wrap {
    zoom:1}

.clear,.gamehall-wrap-simple a:after,.game-list-col dt .game-list-time,.kv-wrap a:after,.btn-wrap,.set-content {
    clear: both
}

.float-L,.result-search .tab,.initial-balance dt span,.final-balance dt span,.initial-balance dt,.final-balance dt,.initial-balance dd,.final-balance dd,.pop-right,.select-betting .selection,.pop-left dt,.pop-left,.head-balance,.sum-pl dt,.market-float,.filter-pop .btn-wrap .btn,.filter-pop .btn-wrap .calendarTable_inputBox input,.calendarTable_inputBox .filter-pop .btn-wrap input,.filter-pop .btn-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .filter-pop .btn-wrap textarea,.filter-pop .btn-wrap .pages a,.pages .filter-pop .btn-wrap a,.filter-pop .btn-wrap .btn-send,.form_list dt,.profile-wrap dt,.search-wrap,.other-tab,.quick_bet-wrap dt,.quick_bet-wrap dd,.one_click-setting h4,.one_click-setting .tc-content h5,.tc-content .one_click-setting h5,h4 .add-pin,.tc-content h5 .add-pin,h4 .delete-pin,.tc-content h5 .delete-pin,h3 .add-pin,h3 .delete-pin,.line_market-name span,.horse_info-hover dt,.horse_info-hover dd,.uniform,.horse-box,.bets .bet-all a,.bets-HS .bet-all a,.bets-GH .bet-all a,.head-bets-agent .game-low_liq,.head-bets-agent .game-matched,.game-info,.match-odds,.scores-event,.scores-line,.game-list-col dd a,.game-list-col dd,.game-list-col dt a,.game-list-col dt,.marquee-box .marquee a,.live-left,.event-left .slip-head span,.event-right .slip-head span,.event-left .matched-head span,.event-right .matched-head span,.event-left,.event-right,.slider,.sum dd,.sum dt,.stake-set dd,.odds-set dd,.menu,.setting-wrap,.login-wrap input,.login-wrap textarea,.header h1,.kv,.login-wrap .btn-demo,.login-wrap .btn-signup,.login-wrap .btn-login,.bookmaker .in-play span:before,.sportsbook-head .in-play span:before,.fancy-head .in-play span:before,.bookmaker h4,.bookmaker .tc-content h5,.tc-content .bookmaker h5,.sportsbook-head h4,.sportsbook-head .tc-content h5,.tc-content .sportsbook-head h5,.fancy-head h4,.fancy-head .tc-content h5,.tc-content .fancy-head h5,.slip-book dd,.slip-lay dd,.slip-back dd,.slip-book dt,.slip-lay dt,.slip-back dt,.tv_popup,.slip_refresh,.slip-wrap .slip_set,.change_pass .note,.change_pass .login-panel,.login-panel,.total-show li,.acc-info li,.filter-pop ul li,.input-list li,.filter-list li,.tab li,.marquee-pop .input-list li,.multi_select ul li,.game-info li,.tab-HS li,.game-scores ul li,.game-scores .scores-time li,.game-wrap-horse .hs-time li,.tab-highlight li,.tab-markets li,.slider li,.cashout-wrap li,.slip-option li,.btn-wrap li,.stake-popup li,.slip-head li,.matched-head li,.menu li,.setting-wrap li,.account-wrap li,.login-wrap li,.slip-book .col-stake_list ul li,.slip-lay .col-stake_list ul li,.slip-back .col-stake_list ul li,.icon-no_play .game-highlight-wrap,.game-list-col .icon-no_play,.icon-in_play .game-highlight-wrap,.game-list-col .icon-in_play,.delete {
    float: left
}

.float-R,.result-search select,.total-show .sports-switch,.fancy-info,.game-head .ico_rules,.quick_bet-wrap .col-stake_list ul,.quick_bet-wrap .max-bet,.quick_bet-wrap dt .bet-check,.one_click-setting .btn-send,.one_click-setting .a-edit,.more,.head-bets-agent .game-info,.open-tv-wrap,.game-matched,.game-head .game-low_liq,.event-right,.cashout-wrap dl,.btn-wrap .edit-function .btn,.btn-wrap .edit-function .calendarTable_inputBox input,.calendarTable_inputBox .btn-wrap .edit-function input,.btn-wrap .edit-function .calendarTable_inputBox textarea,.calendarTable_inputBox .btn-wrap .edit-function textarea,.btn-wrap .edit-function .pages a,.pages .btn-wrap .edit-function a,.btn-wrap .edit-function .btn-send,.btn-wrap .btn-send,.sum,.favor-set,.menu-list .Go,.time_zone,.setting-wrap,.account-wrap,.login-wrap,.game-list-col .game-live,.game-list-col .game-bookmaker,.game-list-col .game-sportsbook,.game-list-col .game-fancy,.btn-close,.pop-warp.no-match_odds .pop-left .select-betting .selection,.no-match_odds.streaming-pop .pop-left .select-betting .selection,.no-match_odds.log-wrap .pop-left .select-betting .selection {
    float: right
}

.align-L,.fancy_bet .fancy-quick-tr td,.bookmaker_bet .fancy-quick-tr td,.sportsbook_bet .fancy-quick-tr td,.fancy_bet .td-fancy_merge,.bookmaker_bet .td-fancy_merge,.sportsbook_bet .td-fancy_merge,.bets .special_bet td,.bets-HS .special_bet td,.bets-GH .special_bet td,.bets .refer-bet,.bets-HS .refer-bet,.bets-GH .refer-bet,.bets .refer-book,.bets-HS .refer-book,.bets-GH .refer-book,.bets th,.bets-HS th,.bets-GH th,.event-left .col-game,.event-left .game-list-col dt,.game-list-col .event-left dt,.event-right .col-game,.event-right .game-list-col dt,.game-list-col .event-right dt,.no-data,.tips-popup,.full-amount,.slip-head .col-bet,.matched-head .col-bet,.message-bet p,.slip-book .refer,.slip-lay .refer,.slip-back .refer,.slip-book .keep-option,.slip-lay .keep-option,.slip-back .keep-option,.slip-book dt .slip-predict,.slip-lay dt .slip-predict,.slip-back dt .slip-predict,.table01 caption,.table-s caption {
    text-align: left
}

.align-R,.table-trans .unit-num,.form_list dt,.quick-bet-confirm li,.bets .refer-book,.bets-HS .refer-book,.bets-GH .refer-book,.game-team .game-visit,.game-scores .game-visit,.cashout-wrap dl,.slip-head .col-profit,.matched-head .col-profit,.path ul,.time_zone,.account-wrap .main-wallet p,.slip-book .inn_runs dd,.slip-lay .inn_runs dd,.slip-back .inn_runs dd,.slip-book .col-profit,.slip-lay .col-profit,.slip-back .col-profit,.slip-book input,.slip-lay input,.slip-back input,.slip-book textarea,.slip-lay textarea,.slip-back textarea,.table01,.table-s {
    text-align: right
}

.align-C,.table-trans td,.initial-balance dt span,.final-balance dt span,.chart-wrap,.pages,.tab a,.go-back,.pop-close,.confirm_box .white-wrap,.marquee-pop .nofound .nofound_box dd,.apk-img,.news-wrap .announce-header,.article-date,.announce-content table,.urgent-notice .announce-header h1,.announce-footer,.special_bets-tab a,.back-gradient p,.lay-gradient p,.fancy-info dt span,.quick_bet-message dd,.quick_bet-progress .progress-bar-txt,.quick_bet-wrap .max-bet a,.one_click-stake input,.one_click-stake textarea,.one_click-stake,.one_click-setting a,.closed-next,.rules-wrap h3,.btn-rules,.suspend,.horse-box li,.bets td,.bets-HS td,.bets-GH td,.tab-HS a,.sum-status,.tennis .scores-box,.game-scores ul .scores-box,.game-team .game-vs,.game-scores .game-vs,.game-list-col dd a,.app-link,.support-wrap,.dialog-wrap .break li,.dialog-wrap-w .break li,.dialog-wrap h4,.dialog-wrap .tc-content h5,.tc-content .dialog-wrap h5,.dialog-wrap-w h4,.dialog-wrap-w .tc-content h5,.tc-content .dialog-wrap-w h5,.message-wrap p,.tab-highlight li,.tab-markets li,.load-pending,.stake-popup a,.slip-head li,.matched-head li,.slip-wrap p,.col-edit a,.stake-set .stake_edit-input,.odds-set .stake_edit-input,.account-wrap ul .logout a,.policy-link,.login-wrap .btn-demo,.login-wrap .btn-signup,.login-wrap .btn-login,.saddle_30F,.saddle_30,.saddle_29F,.saddle_29,.saddle_28F,.saddle_28,.saddle_27F,.saddle_27,.saddle_26F,.saddle_26,.saddle_25F,.saddle_25,.saddle_24F,.saddle_24,.saddle_23F,.saddle_23,.saddle_22F,.saddle_22,.saddle_21F,.saddle_21,.saddle_20F,.saddle_20,.saddle_19F,.saddle_19,.saddle_18F,.saddle_18,.saddle_17F,.saddle_17,.saddle_16F,.saddle_16,.saddle_15F,.saddle_15,.saddle_14F,.saddle_14,.saddle_13F,.saddle_13,.saddle_12F,.saddle_12,.saddle_11F,.saddle_11,.saddle_10,.saddle_9,.saddle_8,.saddle_7,.saddle_6,.saddle_5,.saddle_4X,.saddle_4D,.saddle_4,.saddle_3X,.saddle_3E,.saddle_3D,.saddle_3C,.saddle_3,.saddle_2X,.saddle_2C,.saddle_2B,.saddle_2,.saddle_1Y,.saddle_1X,.saddle_1D,.saddle_1C,.saddle_1B,.saddle_1A,.saddle_1,.browser-wrap,.fancy-suspend span,.fancy-suspend-white span,.btn-book,.btn-live,.slip-book dd,.slip-lay dd,.slip-back dd,.change_pass,.btn,.calendarTable_inputBox input,.calendarTable_inputBox textarea,.pages a,.marquee-pop .pages a,.btn-send,.loading li {
    text-align: center
}

.displayB,.entrance-title dd:after,.on_live .live_icon span:before,.gamehall-wrap-simple a:after,.initial-balance dt span,.final-balance dt span,.selection,.expand-close,.expand-open,.tab a,.go-back,.pop-close,.error-text,.close_pop,.announce-footer .confirm-checkbox,.special_bets-tab .more_drop>a:before,.special_bets-tab a,td .fancy-info dt,.fancy-info dt span,.other-tab:before,.other-tab:after,.gametab-head h4:after,.gametab-head .tc-content h5:after,.tc-content .gametab-head h5:after,.gametab-head h4:before,.gametab-head .tc-content h5:before,.tc-content .gametab-head h5:before,.quick_bet-wrap .btn span,.quick_bet-wrap .calendarTable_inputBox input span,.calendarTable_inputBox .quick_bet-wrap input span,.quick_bet-wrap .calendarTable_inputBox textarea span,.calendarTable_inputBox .quick_bet-wrap textarea span,.quick_bet-wrap .pages a span,.pages .quick_bet-wrap a span,.quick_bet-wrap .btn-send span,.one_click-stake,.line_market-name span,.rules-wrap:target,.line_markets-team .game-vs div:after,.line_markets-team .game-vs div:before,.bets .suspend span,.bets-HS .suspend span,.bets-GH .suspend span,.suspend span,.more,.to-lose:before,.to-win:before,.horse-info>dd:hover .horse_info-hover,.dog-info>dd:hover .horse_info-hover,.disabled .col-visit a:before,.disabled .col-home a:before,.disabled .col-draw a:before,.disabled .col-matched a:before,.disabled.col-visit a:before,.disabled.col-home a:before,.disabled.col-draw a:before,.disabled.col-matched a:before,.bets td span,.bets-HS td span,.bets-GH td span,.bets td a,.bets-HS td a,.bets-GH td a,.tv-control a:before,.tab-HS a,.score-pop:before,.score-pop-last:before,.sum-status,.game-progress:after,.game-scores ul .scores-box span,.game-team .game-vs span,.game-scores .game-vs span,.game-team .game-home span,.game-scores .game-home span,.game-team .game-visit span,.game-scores .game-visit span,.game-head .refresh,.game-head a,.game-list-col dd a span,.game-list-col dd a,.game-E i:after,.game-E i:before,.fancybet-result-wrap .expand-even:after,.marquee-box .marquee a span,.marquee-box h4:after,.marquee-box .tc-content h5:after,.tc-content .marquee-box h5:after,.marquee-box h4:before,.marquee-box .tc-content h5:before,.tc-content .marquee-box h5:before,.app-link,.event-left .slip-head span,.event-right .slip-head span,.event-left .matched-head span,.event-right .matched-head span,.tab-highlight a,.tab-markets a,.promo-banner-wrap a,.kv-wrap a:after,.load-pending strong,.live:before,.slider-bar a,.slider-bar span,.stake-popup a,.odd-add a,.short-amount,.path-pop a,.path .path-back,.favor-set,.menu-list .Go::before,.menu-list .Go::after,.menu-list .Go,.menu-list a,.menu li:hover ul,.setting-wrap li:hover ul,.menu-wrap a,.account-wrap li .refresh-bar,.header a,.login-wrap .btn-demo,.login-wrap .btn-signup,.login-wrap .btn-login,.power-wrap-b img,.power-wrap h3 img,.fancy-suspend span,.fancy-suspend-white span,.bookmaker .in-play span:before,.sportsbook-head .in-play span:before,.fancy-head .in-play span:before,.in-play.game-live:before,.in-play.game-bookmaker:before,.in-play.game-sportsbook:before,.in-play.game-fancy:before,.game-live:after,.game-bookmaker:after,.game-sportsbook:after,.game-fancy:after,.multi-event_type,.selection-list a,.more_drop-list a,.account-wrap ul a,.btn-book,.btn-live,.slip-book .col-stake_list:target,.slip-lay .col-stake_list:target,.slip-back .col-stake_list:target,.slip-book dd:hover .full-amount,.slip-lay dd:hover .full-amount,.slip-back dd:hover .full-amount,.slip-book dt:hover .full-amount,.slip-lay dt:hover .full-amount,.slip-back dt:hover .full-amount,.sub_path h3 a,.favor-wrap h3 a,.game-wrap-horse h3 a,.game-highlight-wrap h3 a,.game-wrap h3 a,.live-wrap h3 a,.tv-wrap h3 a,.matched-wrap h3 a,.slip-wrap h3 a,.age_box li .btn-send:before,.age_box li .secondary:before,.game-head .ico_rules:before,.tag-live strong:before,.btn_rules:after,.total-show li,.acc-info li,.filter-pop ul li,.input-list li,.filter-list li,.tab li,.marquee-pop .input-list li,.multi_select ul li,.game-info li,.tab-HS li,.game-scores ul li,.game-scores .scores-time li,.game-wrap-horse .hs-time li,.tab-highlight li,.tab-markets li,.slider li,.cashout-wrap li,.slip-option li,.btn-wrap li,.stake-popup li,.slip-head li,.matched-head li,.menu li,.setting-wrap li,.account-wrap li,.login-wrap li,.slip-book .col-stake_list ul li,.slip-lay .col-stake_list ul li,.slip-back .col-stake_list ul li,.total-show,.acc-info,.filter-pop ul,.input-list,.filter-list,.tab,.marquee-pop .input-list,.multi_select ul,.game-info,.tab-HS,.game-scores ul,.game-scores .scores-time,.game-wrap-horse .hs-time,.tab-highlight,.tab-markets,.slider,.cashout-wrap,.slip-option,.btn-wrap,.stake-popup,.slip-head,.matched-head,.menu,.setting-wrap,.account-wrap,.login-wrap,.slip-book .col-stake_list ul,.slip-lay .col-stake_list ul,.slip-back .col-stake_list ul,.btn,.calendarTable_inputBox input,.calendarTable_inputBox textarea,.pages a,.marquee-pop .pages a,.btn-send,.delete {
    display: block
}

.displayI,.pages li,.sport_list-wrap .game-list-col dd a {
    display: inline
}

.displayIB,.fromto,.input-list .btn-download:before,.filter-list .btn-download:before,.announce-footer li,.announce-header h1:before,.fancy-info dd,.fancy-info dt,.btn-fancybet_rules,.btn-sportsbook_rules,.fancy-th-layout .fancy-tips li:before,.fancy_bet .fancy-quick-tr .progress-bar-txt span,.bookmaker_bet .fancy-quick-tr .progress-bar-txt span,.sportsbook_bet .fancy-quick-tr .progress-bar-txt span,.one_click-stake li,.open-tv-wrap:before,.game-matched dd,.game-matched dt,.app-link a,.upcome-wrap dt,.upcome-wrap dd,.favor-wrap .menu-list a,.menu-wrap a.menu-drop:after,.login-wrap .btn-demo:after,.policy-link li,.saddle_30F:before,.saddle_30:before,.saddle_29F:before,.saddle_29:before,.saddle_28F:before,.saddle_28:before,.saddle_27F:before,.saddle_27:before,.saddle_26F:before,.saddle_26:before,.saddle_25F:before,.saddle_25:before,.saddle_24F:before,.saddle_24:before,.saddle_23F:before,.saddle_23:before,.saddle_22F:before,.saddle_22:before,.saddle_21F:before,.saddle_21:before,.saddle_20F:before,.saddle_20:before,.saddle_19F:before,.saddle_19:before,.saddle_18F:before,.saddle_18:before,.saddle_17F:before,.saddle_17:before,.saddle_16F:before,.saddle_16:before,.saddle_15F:before,.saddle_15:before,.saddle_14F:before,.saddle_14:before,.saddle_13F:before,.saddle_13:before,.saddle_12F:before,.saddle_12:before,.saddle_11F:before,.saddle_11:before,.saddle_10:before,.saddle_9:before,.saddle_8:before,.saddle_7:before,.saddle_6:before,.saddle_5:before,.saddle_4X:before,.saddle_4D:before,.saddle_4:before,.saddle_3X:before,.saddle_3E:before,.saddle_3D:before,.saddle_3C:before,.saddle_3:before,.saddle_2X:before,.saddle_2C:before,.saddle_2B:before,.saddle_2:before,.saddle_1Y:before,.saddle_1X:before,.saddle_1D:before,.saddle_1C:before,.saddle_1B:before,.saddle_1A:before,.saddle_1:before,.bookmaker h4 span,.bookmaker .tc-content h5 span,.tc-content .bookmaker h5 span,.sportsbook-head h4 span,.sportsbook-head .tc-content h5 span,.tc-content .sportsbook-head h5 span,.fancy-head h4 span,.fancy-head .tc-content h5 span,.tc-content .fancy-head h5 span {
    display: inline-block
}

.displayF,.on_live dd,.marquee-pop .pages,.marquee-pop .nofound .nofound_box,.marquee-pop .nofound,.marquee-pop,.special_bets-tab .more_drop>a,.special_bets-tab,.special_bets-tab-wrap,.fancy_bet_tab-wrap,.download-list dd a,.download-list dd,.download-list dt a,.download-list dt,.download-list,.back-gradient dd a,.lay-gradient dd a,.back-gradient,.lay-gradient,.other-tab,.fancy-th-layout dt,.fancy-th-layout dd,.fancy-th-layout,.btn_rules,.gametab-head h4,.gametab-head .tc-content h5,.tc-content .gametab-head h5,.gametab-head,.quick-bet-confirm,.game-wrap h3 .multi_name,.multi_h3,.horse-info>dd,.dog-info>dd,.horse-info>dt,.dog-info>dt,.horse-info,.dog-info,.tv-control,.game-head .open-tv-wrap,.match-btn a,.match-btn,.game-E i,.marquee-box .marquee a,.marquee-box h4,.marquee-box .tc-content h5,.tc-content .marquee-box h5,.marquee-box,.licence_embed,.slip-lay .bet-forecast .bet-forecast-info,.slip-back .bet-forecast .bet-forecast-info,.account-wrap p.loading-bar,.account-wrap .main-wallet .a-wallet ul,.account-wrap .main-wallet,.account-wrap a,.power-wrap,.slip-book dt,.slip-lay dt,.slip-back dt,.slip-book,.slip-lay,.slip-back,.on_live dd,.on_live .live_icon span,.on_live .live_icon,.age_box li .btn-send,.age_box li .secondary,.back-gradient dd,.lay-gradient dd,.bets .special_bet .fancy-info,.bets-HS .special_bet .fancy-info,.bets-GH .special_bet .fancy-info,.tv-control a,.tag-live strong,.tag-live,.badge-currency,.account-wrap .a-refresh,.account-wrap .main-wallet .nums,.promo-banner .promo-control-nav {
    display: flex
}

.border-box,.on_live dd span,.on_live .live_icon span:before,.on_live .live_icon span,.on_live,.marquee-pop .announce-content,.game-E,.tag-live {
    box-sizing: border-box
}

.main_wrap,.header {
    position: relative;
    width: 1350px;
    margin: 0 auto
}

.full-wrap {
    position: relative;
    min-width: 1350px;
    max-width: calc(100% - 40px);
    height: calc(100% - 105px);
    margin: 0 auto
}

.over-wrap {
    overflow: hidden;
    overflow-y: scroll
}

.pop-warp,.streaming-pop,.log-wrap {
    width: 920px;
    height: 600px;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff
}

.pop-warp .game-name,.streaming-pop .game-name,.log-wrap .game-name {
    position: relative;
    padding-right: 130px
}

.pop-warp .game-name p,.streaming-pop .game-name p,.log-wrap .game-name p {
    width: 780px;
    margin-bottom: 0;
    line-height: 25px
}

.pop-warp .game-name span,.streaming-pop .game-name span,.log-wrap .game-name span {
    line-height: 25px
}

.pop-warp.no-match_odds,.no-match_odds.streaming-pop,.no-match_odds.log-wrap {
    width: 450px;
    height: -moz-min-content;
    height: min-content
}

.pop-warp.no-match_odds .game-name p,.no-match_odds.streaming-pop .game-name p,.no-match_odds.log-wrap .game-name p {
    width: 310px
}

.pop-warp.no-match_odds .pop-left dl,.no-match_odds.streaming-pop .pop-left dl,.no-match_odds.log-wrap .pop-left dl {
    display: none
}

.pop-warp.no-match_odds .pop-left .select-betting,.no-match_odds.streaming-pop .pop-left .select-betting,.no-match_odds.log-wrap .pop-left .select-betting {
    display: block
}

.pop-warp.no-match_odds .pop-right,.no-match_odds.streaming-pop .pop-right,.no-match_odds.log-wrap .pop-right {
    display: none
}

.pop-warp.no-match_odds .pop-left,.no-match_odds.streaming-pop .pop-left,.no-match_odds.log-wrap .pop-left,.pop-warp.no-match_odds .chart-wrap,.no-match_odds.streaming-pop .chart-wrap,.no-match_odds.log-wrap .chart-wrap,.pop-warp.no-match_odds .pop-note,.no-match_odds.streaming-pop .pop-note,.no-match_odds.log-wrap .pop-note {
    width: calc(100% - 20px - 20px)
}

.pop-warp.no-match_odds .pop-left,.no-match_odds.streaming-pop .pop-left,.no-match_odds.log-wrap .pop-left {
    height: 400px
}

.pop-warp.no-match_odds .chart-wrap,.no-match_odds.streaming-pop .chart-wrap,.no-match_odds.log-wrap .chart-wrap {
    margin: 0 auto
}

.pop-warp.no-match_odds .chart-wrap h2,.no-match_odds.streaming-pop .chart-wrap h2,.no-match_odds.log-wrap .chart-wrap h2 {
    width: inherit
}

.log-wrap {
    width: 1100px;
    height: 650px
}

.col-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 17.3611111111%
}

.full-wrap .col-left {
    height: 100%;
    overflow: hidden
}

.col-center {
    position: relative;
    margin-left: 17.3611111111%;
    margin-right: 26.0416666667%;
    padding: 0 15px
}

.full-wrap .col-center {
    height: 100%;
    overflow: hidden
}

.col-center.player {
    height: 100%;
    padding: 0 5px
}

.col-center.markets {
    padding: 0 5px
}

.col-center.inplay {
    height: 100%;
    padding-left: 0;
    margin-left: 0
}

.col-center.binary {
    height: 100%;
    padding-left: 0;
    margin-left: 0
}

.col-center.full-center {
    height: 100%;
    padding-left: 0;
    margin-left: 0
}

.col-center.report {
    padding-right: 0;
    margin-right: 0
}

.col-right {
    position: absolute;
    width: 26.0416666667%;
    top: 0;
    right: 0
}

.full-wrap .col-right {
    height: 100%;
    overflow: hidden
}

.loading-wrap {
    display: none;
    top: 20%;
    height: 90px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0,0,0,.5);
    padding-top: 25px;
    z-index: 99;
    position: absolute;
    left: 50%;
    width: 190px;
    margin-left: -95px
}

.loading-wrap.multi-load {
    padding-top: 15px;
    height: 66px;
    top: 10%;
    margin-top: -10px
}

.loading {
    padding: 5% 0
}

.loading li {
    list-style: none;
    font-size: 11px;
    color: #243a48;
    margin-bottom: 3px
}

.loading img {
    width: 38px;
    height: 22px;
    background: url(../images/right/loading60.png) repeat-x
}

.table01,.table-s {
    width: 100%;
    background-color: #fff;
    border-collapse: collapse;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 15px
}

.table01 caption,.table-s caption {
    background-color: #3b5160;
    border-bottom: 1px solid #7e97a7;
    color: #fff;
    line-height: 24px;
    font-weight: bold;
    padding: 0 10px
}

.table01 th,.table-s th {
    color: #243a48;
    background-color: #e4e4e4;
    border: 1px solid #7e97a7;
    border-width: 1px 0 1px 0;
    padding: 8px 10px
}

.table01 td,.table-s td {
    border-top: 1px solid #eee;
    padding: 8px 10px;
    vertical-align: middle
}

.table01.margin-table td:first-child,.margin-table.table-s td:first-child {
    padding: 8px
}

.table01 a,.table-s a {
    text-decoration: underline
}

.table01 .btn,.table01 .calendarTable_inputBox input,.calendarTable_inputBox .table01 input,.table01 .calendarTable_inputBox textarea,.calendarTable_inputBox .table01 textarea,.table01 .pages a,.pages .table01 a,.table-s .btn,.table-s .calendarTable_inputBox input,.calendarTable_inputBox .table-s input,.table-s .calendarTable_inputBox textarea,.calendarTable_inputBox .table-s textarea,.table-s .pages a,.pages .table-s a,.table01 .btn-send,.table-s .btn-send {
    text-decoration: none
}

.over-wrap .table01:last-of-type,.over-wrap .table-s:last-of-type {
    margin-bottom: 0
}

.table01 .win,.table-s .win,.table01 .to-win,.table-s .to-win {
    color: #508d0e
}

.cal-input {
    width: 110px;
    cursor: pointer;
    background: #fff url(../images/report/btn-cala.png) no-repeat;
    background-position: right
}

.time-input {
    width: 45px
}

.delete {
    width: 17px;
    height: 32px;
    background: url(../images/right/del.png) no-repeat
}

.btn-close {
    width: 10px;
    height: 10px;
    background: url(../images/main/close-black.png) no-repeat
}

.btn,.calendarTable_inputBox input,.calendarTable_inputBox textarea,.pages a,.marquee-pop .pages a,.btn-send {
    background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 89%);
    box-shadow: inset 0 2px 0 0 rgba(255,255,255,.5);
    border: 1px solid #bbb;
    border-radius: 4px;
    color: #1e1e1e;
    font-weight: bold;
    line-height: 23px;
    font-size: 12px;
    margin: 0 5px 10px 0
}

.btn:hover,.calendarTable_inputBox input:hover,.calendarTable_inputBox textarea:hover,.pages a:hover,.btn-send:hover {
    text-decoration: none;
    background-image: linear-gradient(0deg, #ffffff 0%, #ececec 89%);
    box-shadow: inset 0 0px 0 0 rgba(255,255,255,.5)
}

.btn.select,.calendarTable_inputBox input.select,.calendarTable_inputBox textarea.select,.pages a.select,.select.btn-send {
    background: #d2d2d2;
    border: 1px solid #777;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.1)
}

.btn.select:hover,.calendarTable_inputBox input.select:hover,.calendarTable_inputBox textarea.select:hover,.pages a.select:hover,.select.btn-send:hover {
    background: #d2d2d2;
    border: 1px solid #777;
    box-shadow: inset 0 2px 0 0 rgba(0,0,0,.1)
}

.btn.disable,.calendarTable_inputBox input.disable,.calendarTable_inputBox textarea.disable,.pages a.disable,.disable.btn-send {
    background: #dfdfdf;
    color: #999;
    box-shadow: none;
    cursor: not-allowed
}

table .btn,table .calendarTable_inputBox input,.calendarTable_inputBox table input,table .calendarTable_inputBox textarea,.calendarTable_inputBox table textarea,table .pages a,.pages table a,table .marquee-pop .pages a,.marquee-pop .pages table a,table .btn-send {
    margin: 0
}

.secondary {
    background-image: linear-gradient(180deg, #d6d6d6 0%, #b2b2b2 89%);
    border: 1px solid #969696
}

.secondary:hover {
    background-image: linear-gradient(180deg, #b2b2b2 0%, #d6d6d6 89%);
    border: 1px solid #969696
}

.btn-box {
    padding: 0 7px 10px
}

.btn-back,.btn-lay {
    color: #1e1e1e;
    font-weight: bold;
    margin-right: 1%;
    background-color: #72bbef;
    border-left-color: #fff
}

.btn-back:hover,.btn-lay:hover {
    background-color: #80c2f1
}

.btn-back.select,.select.btn-lay {
    background-color: #1a8ee1;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.btn-back.select a,.select.btn-lay a {
    color: #fff
}

.btn-back:hover,.btn-lay:hover {
    text-decoration: none
}

.disable .btn-back,.disable .btn-lay {
    cursor: not-allowed
}

.btn-lay {
    background-color: #faa9ba;
    border-left-color: #fff
}

.btn-lay:hover {
    background-color: #fbb7c6
}

.btn-lay.select {
    background-color: #f4496d;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.btn-lay.select a {
    color: #fff
}

.btn-recall {
    color: #3b5160;
    font-size: 15px;
    font-weight: bold;
    line-height: 2.2;
    padding: 0 8px;
    background-color: rgba(94,190,255,.15);
    border-radius: 4px;
    border: 1px solid #7e97a7;
    cursor: pointer
}

.btn-recall:hover {
    background-color: rgba(94,190,255,.3)
}

.link-open {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    text-decoration: none !important
}

.link-open:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: top;
    background: url('data:image/svg+xml,<svg width="31" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M23.668 0a7 7 0 017 7v16a7 7 0 01-7 7h-16a7 7 0 01-7-7V7a7 7 0 017-7h16zm-8 7a1.28 1.28 0 00-1.28 1.28v5.44h-5.44a1.28 1.28 0 100 2.56h5.44v5.44a1.28 1.28 0 102.56 0v-5.44h5.44a1.28 1.28 0 100-2.56h-5.44V8.28A1.28 1.28 0 0015.668 7z" fill="%232789CE" fill-rule="evenodd"/></svg>') center no-repeat;
    background-size: contain;
    margin-left: 5px
}

.link-open.red span {
    border-bottom: 1px solid;
    padding-bottom: 1px
}

.table01 .link-open.red span,.table-s .link-open.red span {
    text-decoration: none
}

.link-open.red:after {
    background: url('data:image/svg+xml,<svg width="31" height="30" xmlns="http://www.w3.org/2000/svg"><path d="M23.668 0a7 7 0 017 7v16a7 7 0 01-7 7h-16a7 7 0 01-7-7V7a7 7 0 017-7h16zm-8 7a1.28 1.28 0 00-1.28 1.28v5.44h-5.44a1.28 1.28 0 100 2.56h5.44v5.44a1.28 1.28 0 102.56 0v-5.44h5.44a1.28 1.28 0 100-2.56h-5.44V8.28A1.28 1.28 0 0015.668 7z" fill="%23D0021B" fill-rule="evenodd"/></svg>') center no-repeat;
    background-size: contain
}

.icon-time {
    background: url(../images/main/icon-time.png)
}

.icon-live {
    background: url(../images/main/icon-live.png)
}

.icon-irun {
    background: url(../images/main/icon-irun.png)
}

.icon-predict {
    background: url(../images/main/icon-chart.png)
}

.icon-cashout {
    background: url(../images/main/icon-cashout.png)
}

.icon-in_play {
    margin-right: 5px;
    height: 8px;
    width: 8px;
    background: url(../images/main/icon-in_play.png)
}

.menu-list .icon-in_play {
    margin-right: 9px
}

.icon-in_play .game-highlight-wrap,.game-list-col .icon-in_play {
    margin-top: 3px
}

.icon-no_play {
    margin-right: 5px;
    height: 8px;
    width: 8px;
    background: url(../images/main/icon-no_play.png)
}

.menu-list .icon-no_play {
    margin-right: 9px
}

.icon-no_play .game-highlight-wrap,.game-list-col .icon-no_play {
    margin-top: 3px
}

.lay {
    color: #e33a5e !important
}

.back {
    color: #1f72ac !important
}

.red {
    color: #d0021b !important
}

.green {
    color: #508d0e !important
}

.bg-back {
    background-color: #beddf4 !important
}

.bg-lay {
    background-color: #f3dce2 !important
}

.tag-new {
    position: absolute;
    width: 32px;
    height: 18px;
    background: url('data:image/svg+xml,<svg width="32" height="16" viewBox="0 0 32 16" xmlns="http://www.w3.org/2000/svg"><path d="M20 12l-7 4 1-4h-11c-1.657 0-3-1.343-3-3v-6c0-1.657 1.343-3 3-3h26c1.657 0 3 1.343 3 3v6c0 1.657-1.343 3-3 3h-9z" fill="%23D0021B"/></svg>') center no-repeat;
    background-size: contain;
    color: #fff;
    line-height: 12px;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
    z-index: 2
}

.on_live .live_icon span,.close_pop,.special_bets-tab .more_drop>a,.download-list dd a,.btn-fancybet_rules,.btn-sportsbook_rules,.multi_refresh,.add-pin,.delete-pin,.bets .special_bet .btn-fancy_info,.bets-HS .special_bet .btn-fancy_info,.bets-GH .special_bet .btn-fancy_info,.tv-control a,.game-head .refresh,.login_to_go .close,.transferId-con .mainBalance dd .refresh-but,.transferId-con dd .copy-but,.transfer-wrap .close,.transfer-wrap-slider .close,.tag-live strong,.slider-bar a,.odd-add a,.path .path-back,.menu-list .Go,.game-live,.game-bookmaker,.game-sportsbook,.game-fancy,.tv_popup,.slip_refresh,.slip-wrap .slip_set,.header h1,.delete,.btn-close {
    font-size: 0;
    text-indent: -99999px
}

.entrance-title dt,.on_live dd p,.select-betting .selection,.filter-list .filter-content,.suggestion-wrap .no-matching,.suggestion-wrap p,.suggestion-wrap a,.fancy-th-layout dt,.fancy-th-layout dd,.quick_bet-wrap .btn span,.quick_bet-wrap .calendarTable_inputBox input span,.calendarTable_inputBox .quick_bet-wrap input span,.quick_bet-wrap .calendarTable_inputBox textarea span,.calendarTable_inputBox .quick_bet-wrap textarea span,.quick_bet-wrap .pages a span,.pages .quick_bet-wrap a span,.quick_bet-wrap .btn-send span,.quick_bet-wrap dt,.game-wrap h3 .multi_name,.horse-name li,.bets th p,.bets-HS th p,.bets-GH th p,.bets th,.bets-HS th,.bets-GH th,.tab-HS a,.game-list-col.predict p,.upcome,.slip-lay .bet-forecast .bet-forecast-info span:first-child,.slip-back .bet-forecast .bet-forecast-info span:first-child,.path-pop a,.menu-list a,.pop-warp .game-name p,.streaming-pop .game-name p,.log-wrap .game-name p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.promo-banner .promo-control-nav {
    -ms-display: flex;
    justify-content: center;
    align-items: center
}

.calendarPanel,.filter-pop,.pop_box,.rules-wrap,.horse_info-hover,.more_drop-list,.score-pop,.score-pop-last,.dialog-wrap-w,.message-wrap,.stake-popup,.tips-popup,.full-amount,.path-pop,.slip_set-pop,.oneclick_set-pop,.account-wrap ul,.selection-list,.pop-warp,.streaming-pop,.log-wrap {
    box-shadow: 0 4px 5px rgba(0,0,0,.5)
}

.expand>td,.head-bets-agent,.for-agent,.slip-head,.matched-head {
    box-shadow: inset 0 2px 0 rgba(0,0,0,.1)
}

.btn_rules:after {
    content: ""
}

.age_box li .btn-send:before,.age_box li .secondary:before,.game-head .ico_rules:before,.tag-live strong:before {
    content: ""
}

.on_live dd,.on_live .live_icon span,.on_live .live_icon,.age_box li .btn-send,.age_box li .secondary,.back-gradient dd,.lay-gradient dd,.bets .special_bet .fancy-info,.bets-HS .special_bet .fancy-info,.bets-GH .special_bet .fancy-info,.tv-control a,.tag-live strong,.tag-live,.badge-currency,.account-wrap .a-refresh,.account-wrap .main-wallet .nums {
    justify-content: center;
    align-items: center
}

.moreinfo-wrap .policy-link {
    color: rgba(255,255,255,.5);
    border-top-color: rgba(255,255,255,.3)
}

.moreinfo-wrap .policy-link a {
    color: rgba(255,255,255,.6)
}

.btn-send {
    background-image: linear-gradient(180deg, #d2d2d2 0%, #a7a7a7 100%);
    border: 1px solid #777;
    box-shadow: initial
}

.btn-send:hover {
    background-image: linear-gradient(180deg, #a7a7a7 0%, #d2d2d2 100%)
}

.disable.btn-send {
    background-image: linear-gradient(180deg, #d2d2d2 0%, #a7a7a7 100%);
    background-color: inherit;
    color: inherit;
    opacity: .4
}

.header h1 {
    background-repeat: no-repeat
}

.icon-time,.icon-live,.icon-irun,.icon-predict,.icon-cashout {
    width: 15px;
    height: 15px;
    margin: 0 5px 0 0;
    vertical-align: top
}

.login-panel {
    color: #243a48;
    margin: 100px 0 0 25px
}

.login-panel dt {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px
}

.login-panel dd {
    position: relative;
    width: 220px;
    margin-bottom: 7px
}

.login-panel input,.login-panel textarea {
    width: 100%;
    height: 33px;
    font-size: 14px;
    line-height: 21px;
    border: 1px solid #aaa;
    box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,.1);
    margin: 0
}

.login-panel input:focus,.login-panel textarea:focus {
    padding: 5px
}

.login-panel .btn-send {
    width: 218px;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    margin: 15px 0 0
}

.login-panel .btn,.login-panel .calendarTable_inputBox input,.calendarTable_inputBox .login-panel input,.login-panel .calendarTable_inputBox textarea,.calendarTable_inputBox .login-panel textarea,.login-panel .pages a,.pages .login-panel a,.login-panel .btn-send {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 15px
}

.change_pass {
    padding: 30px 20px;
    font-size: 15px;
    line-height: 20px
}

.change_pass h2 {
    font-size: 25px;
    line-height: 30px;
    color: #243a48;
    margin-bottom: 10px
}

.change_pass {
    text-align: left;
    padding-bottom: 40px
}

.change_pass .login-panel {
    width: 230px;
    margin: 0
}

.change_pass dd {
    width: 230px
}

.change_pass .btn-send {
    width: 228px
}

.change_pass .note {
    width: calc(100% - 230px - 27px);
    font-size: 12px;
    color: #666;
    line-height: 17px;
    margin: 40px 12px 0 15px
}

.back-gradient dd.spark a,.lay-gradient dd.spark a,.bets .back-1.spark a,.bets-HS .back-1.spark a,.bets-GH .back-1.spark a,.btn-back.spark,.spark.btn-lay {
    animation: sparkBack .5s ease
}

@keyframes sparkBack {
    0% {
        background-color: #72bbef;
        color: #1e1e1e
    }

    50% {
        background-color: #f8e71c;
        color: #fff
    }

    100% {
        background-color: #72bbef;
        color: #1e1e1e
    }
}

.bets .back-2.spark a,.bets-HS .back-2.spark a,.bets-GH .back-2.spark a {
    animation: sparkBack_2 .5s ease
}

@keyframes sparkBack_2 {
    0% {
        background-color: #b7d5eb;
        color: #1e1e1e
    }

    50% {
        background-color: #f8e71c;
        color: #fff
    }

    100% {
        background-color: #b7d5eb;
        color: #1e1e1e
    }
}

.bets .back-3.spark a,.bets-HS .back-3.spark a,.bets-GH .back-3.spark a {
    animation: sparkBack_3 .5s ease
}

@keyframes sparkBack_3 {
    0% {
        background-color: #d7e8f4;
        color: #1e1e1e
    }

    50% {
        background-color: #f8e71c;
        color: #fff
    }

    100% {
        background-color: #d7e8f4;
        color: #1e1e1e
    }
}

.lay-gradient dd.spark a,.bets .lay-1.spark a,.bets-HS .lay-1.spark a,.bets-GH .lay-1.spark a,.btn-lay.spark {
    animation: sparkLay .5s ease
}

@keyframes sparkLay {
    0% {
        background-color: #faa9ba;
        color: #1e1e1e
    }

    50% {
        background-color: #26f1f8;
        color: #fff
    }

    100% {
        background-color: #faa9ba;
        color: #1e1e1e
    }
}

.bets .lay-2.spark a,.bets-HS .lay-2.spark a,.bets-GH .lay-2.spark a {
    animation: sparkLay_2 .5s ease
}

@keyframes sparkLay_2 {
    0% {
        background-color: #efd3d9;
        color: #1e1e1e
    }

    50% {
        background-color: #26f1f8;
        color: #fff
    }

    100% {
        background-color: #efd3d9;
        color: #1e1e1e
    }
}

.bets .lay-3.spark a,.bets-HS .lay-3.spark a,.bets-GH .lay-3.spark a {
    animation: sparkLay_3 .5s ease
}

@keyframes sparkLay_3 {
    0% {
        background-color: #f6e6ea;
        color: #1e1e1e
    }

    50% {
        background-color: #26f1f8;
        color: #fff
    }

    100% {
        background-color: #f6e6ea;
        color: #1e1e1e
    }
}

.slip-option input:focus,.slip-option textarea:focus,.btn-wrap .btn:focus,.btn-wrap .calendarTable_inputBox input:focus,.calendarTable_inputBox .btn-wrap input:focus,.btn-wrap .calendarTable_inputBox textarea:focus,.calendarTable_inputBox .btn-wrap textarea:focus,.btn-wrap .pages a:focus,.pages .btn-wrap a:focus,.btn-wrap .btn-send:focus,input:focus,textarea:focus {
    border-width: 1px;
    border-color: #2789ce;
    box-shadow: 0 0 4px 2px rgba(114,187,239,.8)
}

.slip-book .keep-option input:focus,.slip-lay .keep-option input:focus,.slip-back .keep-option input:focus,.slip-book .keep-option textarea:focus,.slip-lay .keep-option textarea:focus,.slip-back .keep-option textarea:focus,.slip-book input:focus,.slip-lay input:focus,.slip-back input:focus,.slip-book textarea:focus,.slip-lay textarea:focus,.slip-back textarea:focus {
    border-width: 1px;
    border-color: #2789ce;
    box-shadow: 0 0 4px 2px rgba(31,114,172,.7)
}

.sub_path,.favor-wrap,.game-wrap-horse,.game-highlight-wrap,.game-wrap,.live-wrap,.tv-wrap,.matched-wrap,.slip-wrap {
    background-color: #fff;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 1px
}

.sub_path h3,.favor-wrap h3,.game-wrap-horse h3,.game-highlight-wrap h3,.game-wrap h3,.live-wrap h3,.tv-wrap h3,.matched-wrap h3,.slip-wrap h3 {
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    font-weight: normal;
    padding-left: 10px;
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg, #566e7e 0%, #3b5160 100%)
}

.sub_path h3 a,.favor-wrap h3 a,.game-wrap-horse h3 a,.game-highlight-wrap h3 a,.game-wrap h3 a,.live-wrap h3 a,.tv-wrap h3 a,.matched-wrap h3 a,.slip-wrap h3 a {
    color: #fff
}

.sub_path h3 a:hover,.favor-wrap h3 a:hover,.game-wrap-horse h3 a:hover,.game-highlight-wrap h3 a:hover,.game-wrap h3 a:hover,.live-wrap h3 a:hover,.tv-wrap h3 a:hover,.matched-wrap h3 a:hover,.slip-wrap h3 a:hover {
    text-decoration: none
}

.sub_path h3 img,.favor-wrap h3 img,.game-wrap-horse h3 img,.game-highlight-wrap h3 img,.game-wrap h3 img,.live-wrap h3 img,.tv-wrap h3 img,.matched-wrap h3 img,.slip-wrap h3 img {
    margin-top: 5px
}

.sub_path .to-expand,.favor-wrap .to-expand,.game-wrap-horse .to-expand,.game-highlight-wrap .to-expand,.game-wrap .to-expand,.live-wrap .to-expand,.tv-wrap .to-expand,.matched-wrap .to-expand,.slip-wrap .to-expand {
    background: url(../images/left/expand_btn-lv1.png) no-repeat;
    background-position: right
}

.close.sub_path,.close.favor-wrap,.close.game-wrap-horse,.close.game-highlight-wrap,.close.game-wrap,.close.live-wrap,.close.tv-wrap,.close.matched-wrap,.close.slip-wrap {
    height: 25px;
    overflow: hidden
}

.close.sub_path .to-expand,.close.favor-wrap .to-expand,.close.game-wrap-horse .to-expand,.close.game-highlight-wrap .to-expand,.close.game-wrap .to-expand,.close.live-wrap .to-expand,.close.tv-wrap .to-expand,.close.matched-wrap .to-expand,.close.slip-wrap .to-expand {
    background: url(../images/left/expand_btn-lv1.png) no-repeat;
    background-position: right
}

.live-wrap,.tv-wrap,.matched-wrap,.slip-wrap {
    margin-bottom: 0
}

.live-wrap h3,.tv-wrap h3,.matched-wrap h3,.slip-wrap h3 {
    box-shadow: 0 2px 0 rgba(0,0,0,.1);
    background: initial;
    background-image: linear-gradient(180deg, #2d4a5c 0%, #203846 100%)
}

.live-wrap .to-expand,.tv-wrap .to-expand,.matched-wrap .to-expand,.slip-wrap .to-expand {
    background: url(../images/right/expand_btn-lv2.png) no-repeat;
    background-position: right;
    box-shadow: 0 2px 0 rgba(0,0,0,.1)
}

.close.live-wrap,.close.tv-wrap,.close.matched-wrap,.close.slip-wrap {
    border-bottom-color: #eee
}

.close.live-wrap .to-expand,.close.tv-wrap .to-expand,.close.matched-wrap .to-expand,.close.slip-wrap .to-expand {
    background: url(../images/right/close_btn-lv2.png) no-repeat;
    background-position: right
}

.game-wrap-horse,.game-highlight-wrap,.game-wrap {
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 15px
}

.game-wrap-horse h3,.game-highlight-wrap h3,.game-wrap h3 {
    background: #243a48
}

.game-wrap-horse h4,.game-wrap-horse .tc-content h5,.tc-content .game-wrap-horse h5,.game-highlight-wrap h4,.game-highlight-wrap .tc-content h5,.tc-content .game-highlight-wrap h5,.game-wrap h4,.game-wrap .tc-content h5,.tc-content .game-wrap h5 {
    background: #3b5667
}

.game-wrap-horse .close-info,.game-highlight-wrap .close-info,.game-wrap .close-info {
    padding-left: 10px;
    color: #ffb80c
}

.game-wrap-horse .to-expand,.game-highlight-wrap .to-expand,.game-wrap .to-expand {
    flex: 1;
    background: url(../images/main/expand_btn-game.png) no-repeat;
    background-position: right
}

.close.game-wrap-horse,.close.game-highlight-wrap,.close.game-wrap {
    border-bottom-color: #eee
}

.close.game-wrap-horse .to-expand,.close.game-highlight-wrap .to-expand,.close.game-wrap .to-expand {
    background: url(../images/main/close_btn-game.png) no-repeat;
    background-position: right
}

.o_spondemo .game-wrap-horse .to-expand,.o_spondemo .game-highlight-wrap .to-expand,.o_spondemo .game-wrap .to-expand {
    background: url(../images/main/expand_btn-game-spdemo.png) no-repeat;
    background-position: right
}

.close.game-wrap-horse .to-expand,.close.game-highlight-wrap .to-expand,.close.game-wrap .to-expand {
    background: url(../images/main/close_btn-game-spdemo.png) no-repeat;
    background-position: right
}

.game-team .game-name span,.game-scores .game-name span {
    background-color: #fff;
    color: #243a48;
    padding: 1px 8px;
    border-radius: 4px;
    margin: 0 5px
}

.game-team,.game-scores {
    width: 100%;
    background-color: #1b2d38;
    color: #fff;
    line-height: 22px;
    font-size: 18px;
    font-weight: bold
}

.game-team td,.game-scores td {
    position: relative;
    width: 40%;
    height: 28px;
    vertical-align: top
}

.game-team .game-name,.game-scores .game-name {
    padding: 5px 10px 5px 30px
}

.game-team .game-name span,.game-scores .game-name span {
    font-size: 15px
}

.pop-warp .game-team .game-name,.pop-warp .game-scores .game-name,.streaming-pop .game-team .game-name,.streaming-pop .game-scores .game-name,.log-wrap .game-team .game-name,.log-wrap .game-scores .game-name {
    padding-left: 10px
}

.tv_popup,.slip_refresh,.slip-wrap .slip_set {
    margin-right: 7px
}

.slip-book,.slip-lay,.slip-back {
    align-items: center;
    flex-flow: row wrap
}

.slip-book dt,.slip-lay dt,.slip-back dt {
    position: relative;
    width: 42.0903954802%;
    font-weight: bold;
    padding-left: 5px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.slip-book dt span,.slip-lay dt span,.slip-back dt span {
    color: #222;
    opacity: .5;
    font-weight: normal
}

.slip-book dt .slip-predict,.slip-lay dt .slip-predict,.slip-back dt .slip-predict {
    flex: 1;
    margin: 0 5px 0 0;
    padding: 0
}

.slip-book dt .short-amount,.slip-lay dt .short-amount,.slip-back dt .short-amount,.slip-book dt .full-amount,.slip-lay dt .full-amount,.slip-back dt .full-amount {
    opacity: 1
}

.slip-book dt .full-amount,.slip-lay dt .full-amount,.slip-back dt .full-amount {
    top: -2px;
    font-weight: bold
}

.slip-book dt .slip-type,.slip-lay dt .slip-type,.slip-back dt .slip-type {
    line-height: 22px;
    border-radius: 3px;
    color: #1e1e1e;
    padding: 0 5px;
    margin-right: 5px;
    opacity: 1
}

.slip-book dt.slip-inline,.slip-lay dt.slip-inline,.slip-back dt.slip-inline {
    line-height: 22px;
    height: 22px;
    padding: 5px 0 5px 5px
}

.slip-book dt.slip-inline .slip-type,.slip-lay dt.slip-inline .slip-type,.slip-back dt.slip-inline .slip-type {
    margin: 0 5px 0 0
}

.slip-book dt.slip-inline .delete,.slip-lay dt.slip-inline .delete,.slip-back dt.slip-inline .delete {
    margin-top: -5px
}

.slip-book dt.slip-inline .full-amount,.slip-lay dt.slip-inline .full-amount,.slip-back dt.slip-inline .full-amount {
    top: 7px
}

.slip-book dd,.slip-lay dd,.slip-back dd {
    position: relative;
    color: #243a48;
    padding: 5px 0;
    line-height: 22px
}

.slip-book input,.slip-lay input,.slip-back input,.slip-book textarea,.slip-lay textarea,.slip-back textarea {
    margin: 0;
    padding: 0 6px 0 0;
    width: 100%;
    line-height: 22px
}

.slip-book input.disable,.slip-lay input.disable,.slip-back input.disable,.slip-book textarea.disable,.slip-lay textarea.disable,.slip-back textarea.disable {
    line-height: 20px
}

.slip-book input:focus,.slip-lay input:focus,.slip-back input:focus,.slip-book textarea:focus,.slip-lay textarea:focus,.slip-back textarea:focus {
    line-height: 20px;
    border-width: 1px
}

.slip-book .refer,.slip-lay .refer,.slip-back .refer,.slip-book .keep-option,.slip-lay .keep-option,.slip-back .keep-option {
    float: none;
    line-height: 16px;
    font-size: 10px;
    color: #3b5160;
    padding: 0 5px;
    flex: 1 100%
}

.slip-book .refer span,.slip-lay .refer span,.slip-back .refer span,.slip-book .keep-option span,.slip-lay .keep-option span,.slip-back .keep-option span {
    margin-right: 10px
}

.slip-book .col-odd,.slip-lay .col-odd,.slip-back .col-odd {
    width: 14.1242937853%
}

.slip-book .col-odd input,.slip-lay .col-odd input,.slip-back .col-odd input,.slip-book .col-odd textarea,.slip-lay .col-odd textarea,.slip-back .col-odd textarea {
    padding-right: 16px
}

.slip-book .col-stake,.slip-lay .col-stake,.slip-back .col-stake {
    width: 15.5367231638%;
    padding-left: 5px
}

.slip-book .col-profit,.slip-lay .col-profit,.slip-back .col-profit {
    width: 21.7514124294%;
    padding: 5px
}

.slip-book .keep-option,.slip-lay .keep-option,.slip-back .keep-option {
    clear: both;
    overflow: hidden;
    padding: 2px 5px
}

.slip-book .keep-option input,.slip-lay .keep-option input,.slip-back .keep-option input,.slip-book .keep-option textarea,.slip-lay .keep-option textarea,.slip-back .keep-option textarea {
    margin-right: 5px
}

.slip-book .keep-option .edit,.slip-lay .keep-option .edit,.slip-back .keep-option .edit {
    font-weight: bold;
    margin-right: 0
}

.slip-book .inn_runs,.slip-lay .inn_runs,.slip-back .inn_runs {
    width: 100%;
    padding: 0
}

.slip-book .inn_runs dt,.slip-lay .inn_runs dt,.slip-back .inn_runs dt {
    width: auto;
    font-weight: normal;
    line-height: 18px;
    color: #243a48;
    padding-left: 22px
}

.slip-book .inn_runs dd,.slip-lay .inn_runs dd,.slip-back .inn_runs dd {
    width: auto;
    float: none;
    line-height: 18px;
    padding: 0 5px 0 0
}

.slip-book .col-stake_list,.slip-lay .col-stake_list,.slip-back .col-stake_list {
    width: 100%
}

.slip-book .col-stake_list ul,.slip-lay .col-stake_list ul,.slip-back .col-stake_list ul {
    padding-left: 5px
}

.slip-book .col-stake_list li,.slip-lay .col-stake_list li,.slip-back .col-stake_list li {
    width: 16.6666666667%
}

.slip-book .col-stake_list a,.slip-lay .col-stake_list a,.slip-back .col-stake_list a {
    font-size: 11px;
    line-height: 18px;
    font-weight: normal;
    margin: 0 5px 0 0
}

.slip-book .col-stake_list:not(:target),.slip-lay .col-stake_list:not(:target),.slip-back .col-stake_list:not(:target) {
    display: none
}

.bets.disable .lay-3,.disable.bets-HS .lay-3,.disable.bets-GH .lay-3,.bets.disable .lay-2,.disable.bets-HS .lay-2,.disable.bets-GH .lay-2,.bets.disable .lay-1,.disable.bets-HS .lay-1,.disable.bets-GH .lay-1,.bets.disable .back-3,.disable.bets-HS .back-3,.disable.bets-GH .back-3,.bets.disable .back-2,.disable.bets-HS .back-2,.disable.bets-GH .back-2,.bets.disable .back-1,.disable.bets-HS .back-1,.disable.bets-GH .back-1,.disable .btn-back,.disable .btn-lay {
    background-color: #ddd;
    color: #999
}

.bets.disable .lay-3:hover,.disable.bets-HS .lay-3:hover,.disable.bets-GH .lay-3:hover,.bets.disable .lay-2:hover,.disable.bets-HS .lay-2:hover,.disable.bets-GH .lay-2:hover,.bets.disable .lay-1:hover,.disable.bets-HS .lay-1:hover,.disable.bets-GH .lay-1:hover,.bets.disable .back-3:hover,.disable.bets-HS .back-3:hover,.disable.bets-GH .back-3:hover,.bets.disable .back-2:hover,.disable.bets-HS .back-2:hover,.disable.bets-GH .back-2:hover,.bets.disable .back-1:hover,.disable.bets-HS .back-1:hover,.disable.bets-GH .back-1:hover,.disable .btn-back:hover,.disable .btn-lay:hover {
    background-color: #ddd
}

.btn-book,.btn-live {
    width: 38px;
    height: 27px;
    line-height: 27px;
    background-color: #ffcc51;
    border: 1px solid #cf9a47;
    border-radius: 5px;
    color: #1e1e1e
}

.selection-list,.more_drop-list,.account-wrap ul {
    position: absolute;
    background-color: #fff;
    border-radius: 4px;
    z-index: 99
}

.selection-list li,.more_drop-list li,.account-wrap ul li {
    list-style: none
}

.selection-list a,.more_drop-list a,.account-wrap ul a {
    padding: 0 10px;
    border-bottom: 1px solid #e0e6e6
}

.selection-list a:hover,.more_drop-list a:hover,.account-wrap ul a:hover {
    text-decoration: none;
    background-color: #eff2f2
}

.multi-event_type {
    padding: 0 8px;
    border-radius: 4px;
    margin: 0 0 0 5px
}

.game-live,.game-bookmaker,.game-sportsbook,.game-fancy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 3px;
    border-radius: 3px;
    width: 17px;
    height: 16px;
    padding: 0 !important
}

.game-live:after,.game-bookmaker:after,.game-sportsbook:after,.game-fancy:after {
    content: "";
    background-size: cover;
    width: 12px;
    height: 12px
}

.in-play.game-live,.in-play.game-bookmaker,.in-play.game-sportsbook,.in-play.game-fancy {
    position: relative;
    overflow: hidden;
    width: 35px
}

.in-play.game-live:before,.in-play.game-bookmaker:before,.in-play.game-sportsbook:before,.in-play.game-fancy:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 16px;
    width: 19px;
    background: url(../images/main/icon-fancy_inplay.png) no-repeat;
    border-radius: 3px 0 0 3px
}

.in-play.game-live:after,.in-play.game-bookmaker:after,.in-play.game-sportsbook:after,.in-play.game-fancy:after {
    margin-left: 19px
}

.multi_h3 .game-live,.multi_h3 .game-bookmaker,.multi_h3 .game-sportsbook,.multi_h3 .game-fancy {
    margin-right: 0
}

.game-head .game-live,.game-head .game-bookmaker,.game-head .game-sportsbook,.game-head .game-fancy {
    display: flex
}

.game-info .game-live,.game-info .game-bookmaker,.game-info .game-sportsbook,.game-info .game-fancy {
    margin-right: 0
}

.head-bets-agent .game-low_liq,.game-head .game-low_liq {
    padding: 7px 5px;
    margin-right: 0;
    border-radius: 0
}

.bookmaker,.sportsbook-head,.fancy-head {
    position: absolute;
    top: -28px;
    width: 100%;
    border-bottom-width: 3px;
    border-bottom-style: solid
}

.bookmaker h4,.bookmaker .tc-content h5,.tc-content .bookmaker h5,.sportsbook-head h4,.sportsbook-head .tc-content h5,.tc-content .sportsbook-head h5,.fancy-head h4,.fancy-head .tc-content h5,.tc-content .fancy-head h5 {
    position: relative;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    z-index: 1
}

.bookmaker h4 span,.bookmaker .tc-content h5 span,.tc-content .bookmaker h5 span,.sportsbook-head h4 span,.sportsbook-head .tc-content h5 span,.tc-content .sportsbook-head h5 span,.fancy-head h4 span,.fancy-head .tc-content h5 span,.tc-content .fancy-head h5 span {
    min-width: 72px;
    background-repeat: repeat-x;
    line-height: 25px;
    padding: 0 10px;
    vertical-align: top
}

.bookmaker .in-play span,.sportsbook-head .in-play span,.fancy-head .in-play span {
    padding: 0 14px 0 8px
}

.bookmaker .in-play span:before,.sportsbook-head .in-play span:before,.fancy-head .in-play span:before {
    content: "";
    margin: 6px 6px 0 0;
    width: 15px;
    height: 15px;
    background: url(../images/main/icon-irun.png) no-repeat
}

.fancy-suspend,.fancy-suspend-white {
    position: absolute;
    width: 100%;
    background-color: rgba(36,58,72,.4);
    z-index: 5
}

.fancy-suspend span,.fancy-suspend-white span {
    opacity: .8;
    color: #fff;
    text-shadow: 0 1px 4px rgba(0,0,0,.5)
}

.fancy-suspend:hover,.fancy-suspend-white:hover {
    background-color: rgba(36,58,72,.55)
}

.fancy-suspend:hover span,.fancy-suspend-white:hover span {
    opacity: 1
}

.power-wrap {
    background: rgba(255,255,255,.25);
    border-radius: 8px;
    padding: 5px 10px;
    color: rgba(0,0,0,.6);
    margin-bottom: 30px;
    align-items: stretch
}

.power-wrap h3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid rgba(0,0,0,.3);
    padding-right: 7px;
    margin-right: 7px
}

.power-wrap h3 span {
    font-size: 10px;
    font-weight: normal
}

.power-wrap h3 img {
    height: 18px;
    width: 107px;
    background: url(../images/login/logo-betfair.png) repeat-x
}

.power-wrap p {
    flex: 1;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    padding-left: 5px
}

.power-wrap a {
    color: rgba(0,0,0,.6);
    text-decoration: underline
}

.power-wrap-b {
    width: 107px;
    background: rgba(0,0,0,.25);
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 8px;
    color: rgba(255,255,255,.4);
    padding: 5px 10px 7px;
    margin: 0 auto 20px
}

.power-wrap-b span {
    font-size: 10px;
    font-weight: normal
}

.power-wrap-b img {
    width: 107px;
    height: 18px;
    background: url(../images/login/logo-betfair-w.png) no-repeat
}

.browser-wrap {
    font-size: 11px;
    color: rgba(255,255,255,.6)
}

.browser-wrap img {
    margin-bottom: 5px
}

.saddle_30F,.saddle_30,.saddle_29F,.saddle_29,.saddle_28F,.saddle_28,.saddle_27F,.saddle_27,.saddle_26F,.saddle_26,.saddle_25F,.saddle_25,.saddle_24F,.saddle_24,.saddle_23F,.saddle_23,.saddle_22F,.saddle_22,.saddle_21F,.saddle_21,.saddle_20F,.saddle_20,.saddle_19F,.saddle_19,.saddle_18F,.saddle_18,.saddle_17F,.saddle_17,.saddle_16F,.saddle_16,.saddle_15F,.saddle_15,.saddle_14F,.saddle_14,.saddle_13F,.saddle_13,.saddle_12F,.saddle_12,.saddle_11F,.saddle_11,.saddle_10,.saddle_9,.saddle_8,.saddle_7,.saddle_6,.saddle_5,.saddle_4X,.saddle_4D,.saddle_4,.saddle_3X,.saddle_3E,.saddle_3D,.saddle_3C,.saddle_3,.saddle_2X,.saddle_2C,.saddle_2B,.saddle_2,.saddle_1Y,.saddle_1X,.saddle_1D,.saddle_1C,.saddle_1B,.saddle_1A,.saddle_1 {
    line-height: 19px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0);
    background-image: none;
    box-sizing: border-box
}

.saddle_30F:before,.saddle_30:before,.saddle_29F:before,.saddle_29:before,.saddle_28F:before,.saddle_28:before,.saddle_27F:before,.saddle_27:before,.saddle_26F:before,.saddle_26:before,.saddle_25F:before,.saddle_25:before,.saddle_24F:before,.saddle_24:before,.saddle_23F:before,.saddle_23:before,.saddle_22F:before,.saddle_22:before,.saddle_21F:before,.saddle_21:before,.saddle_20F:before,.saddle_20:before,.saddle_19F:before,.saddle_19:before,.saddle_18F:before,.saddle_18:before,.saddle_17F:before,.saddle_17:before,.saddle_16F:before,.saddle_16:before,.saddle_15F:before,.saddle_15:before,.saddle_14F:before,.saddle_14:before,.saddle_13F:before,.saddle_13:before,.saddle_12F:before,.saddle_12:before,.saddle_11F:before,.saddle_11:before,.saddle_10:before,.saddle_9:before,.saddle_8:before,.saddle_7:before,.saddle_6:before,.saddle_5:before,.saddle_4X:before,.saddle_4D:before,.saddle_4:before,.saddle_3X:before,.saddle_3E:before,.saddle_3D:before,.saddle_3C:before,.saddle_3:before,.saddle_2X:before,.saddle_2C:before,.saddle_2B:before,.saddle_2:before,.saddle_1Y:before,.saddle_1X:before,.saddle_1D:before,.saddle_1C:before,.saddle_1B:before,.saddle_1A:before,.saddle_1:before {
    vertical-align: middle
}

.login-wrap .btn-demo,.login-wrap .btn-signup,.login-wrap .btn-login {
    width: 80px;
    height: 25px;
    line-height: 25px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px
}

.login-wrap .btn-demo:hover,.login-wrap .btn-signup:hover,.login-wrap .btn-login:hover {
    text-decoration: none
}

.btn_rules:after {
    content: ""
}

.age_box li .btn-send:before,.age_box li .secondary:before,.game-head .ico_rules:before,.tag-live strong:before {
    content: ""
}

.cooldown td a:after,.cooldown .col-visit a:after,.cooldown .col-home a:after,.cooldown .col-draw a:after,.cooldown .col-matched a:after,.cooldown.col-visit a:after,.cooldown.col-home a:after,.cooldown.col-draw a:after,.cooldown.col-matched a:after {
    animation: cooldown 5s linear
}

@keyframes cooldown {
    0% {
        width: 100%;
        opacity: 0
    }

    5% {
        width: 95%;
        opacity: 1
    }

    95% {
        width: 5%;
        opacity: 1
    }

    100% {
        width: 0;
        opacity: 0
    }
}

.on_live .live_icon span:before,.tag-live strong:before {
    animation: twinkling 1.4s infinite ease
}

@keyframes twinkling {
    0%,100% {
        opacity: 1
    }

    50% {
        opacity: .3
    }
}

.gamehall-wrap-simple a:after {
    animation: placeHolderShimmer 1.5s infinite;
    background: #ced5da linear-gradient(to right, #ced5da 2%, #d8dfe4 18%, #ced5da 40%);
    height: auto
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -500px 0
    }

    100% {
        background-position: 500px 0
    }
}

.kv-wrap a:after {
    animation: placeHolderbanner 1.5s infinite ease-in-out;
    background: #ced5da linear-gradient(to right, #ced5da 2%, #d8dfe4 18%, #ced5da 40%);
    height: auto
}

@keyframes placeHolderbanner {
    0% {
        background-position: -750px 0
    }

    100% {
        background-position: 750px 0
    }
}

.kv {
    position: relative;
    width: 250px;
    height: 100%;
    background: #737373 url(../images/bg-login_wrap.png) no-repeat;
    border-radius: 8px 0 0 8px
}

.kv::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 210px;
    max-height: 210px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.login-panel .valid-code img {
    position: absolute;
    width: 70px;
    height: 19px;
    right: 5px;
    top: 7px
}

.login-panel .error {
    color: #d0021b;
    font-size: 13px;
    line-height: 16px
}

.icon-login {
    width: 10px;
    height: 11px;
    background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%231e1e1e" fill-rule="evenodd"/></svg>') no-repeat
}

.policy-link {
    padding-top: 8px;
    margin: 8px auto 15px;
    border-top: 1px solid rgba(0,0,0,.3)
}

.policy-link a {
    color: rgba(0,0,0,.6);
    text-decoration: underline
}

.policy-link li {
    margin-bottom: 5px
}

.policy-link li:after,.policy-link li:first-child:before {
    margin: 0 6px;
    content: "-"
}

.top {
    min-width: 1350px;
    background-image: linear-gradient(180deg, #f0f0f0 0%, #b9b9b9 100%);
    margin-bottom: 1px
}

.close_top .header {
    display: none
}

.close_top .tag-live {
    display: none
}

.close_top .full-wrap {
    height: calc(100% - 31px) !important
}

.header {
    height: 54px;
    padding-top: 20px
}

.header.full-wrap {
    width: 100%;
    min-height: inherit;
    height: 54px
}

.header h1 {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 55px;
    width: 150px;
    max-height: 55px;
    max-width: 170px;
    margin: -12px 15px 0 0
}

.header a {
    height: 100%
}

.login-wrap li {
    margin: 0 5px 2px 0
}

.login-wrap li.user {
    position: relative;
    padding-left: 22px
}

.login-wrap li.user::before {
    display: flex;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 8.135c1.368 0 2.794.297 4.276.893C12.26 9.623 13 10.403 13 11.365V13H0v-1.635c0-.962.741-1.742 2.224-2.337 1.482-.596 2.908-.893 4.276-.893zm0-1.635c-.887 0-1.647-.317-2.28-.95-.634-.634-.951-1.394-.951-2.281 0-.887.317-1.653.95-2.3C4.853.323 5.613 0 6.5 0c.887 0 1.647.323 2.28.97.634.646.951 1.412.951 2.299s-.317 1.647-.95 2.28c-.634.634-1.394.951-2.281.951z" fill="%231E1E1E" fill-rule="evenodd"/></svg>')
}

.login-wrap li.re_pass {
    width: 140px;
    padding-left: 22px;
    clear: both
}

.login-wrap li.re_pass input,.login-wrap li.re_pass textarea {
    width: auto;
    margin-right: 5px
}

.login-wrap li.other_link,.login-wrap li.re_pass {
    font-size: 11px
}

.login-wrap input,.login-wrap textarea {
    width: 130px;
    height: 25px;
    margin: 0
}

.login-wrap a {
    color: #1e1e1e;
    text-decoration: underline
}

.login-wrap .btn-login {
    background-color: #e83523;
    background-image: linear-gradient(-180deg, #f72424 0%, #bb1c00 100%)
}

.login-wrap .btn-login img {
    width: 10px;
    height: 11px;
    margin: -3px 0 0 3px;
    vertical-align: middle;
    background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%23FFF" fill-rule="evenodd"/></svg>') no-repeat
}

.login-wrap .btn-signup {
    display: block;
    background-color: #666;
    background-image: linear-gradient(-180deg, #666666 0%, #333333 100%)
}

.login-wrap .btn-demo {
    display: block;
    background-color: #666;
    background-image: linear-gradient(180deg, #7a7a7a 0%, #474747 100%)
}

.login-wrap .btn-demo:after {
    content: "";
    width: 14px;
    height: 13px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="17"><path fill="rgb(255,255,255)" fill-rule="nonzero" d="m7.999 7.817 1.303.551 1.328.57 1.154.493 1.31.558 2.45 1.043-1.51 1.51.687.688 2.378 2.372-1.076 1.083-3.066-3.066-1.542 1.542-1.057-2.268-.603-1.297-.531-1.147-.616-1.322-.61-1.31ZM6.909 0c3.812 0 6.917 3.098 6.91 6.91 0 .765-.13 1.49-.356 2.178l-1.316-.558a5.361 5.361 0 0 0 .247-1.62A5.494 5.494 0 0 0 6.91 1.426c-3.02 0-5.484 2.47-5.484 5.49A5.49 5.49 0 0 0 6.91 12.4a5.552 5.552 0 0 0 1.97-.382l.603 1.296a6.82 6.82 0 0 1-2.573.506A6.916 6.916 0 0 1 0 6.91 6.916 6.916 0 0 1 6.91 0Zm0 2.677c2.334 0 4.234 1.9 4.234 4.233 0 .389-.059.765-.156 1.121l-1.329-.564a2.808 2.808 0 1 0-5.555-.557A2.808 2.808 0 0 0 6.91 9.716c.291 0 .57-.058.836-.142l.61 1.31c-.454.161-.94.259-1.446.259A4.238 4.238 0 0 1 2.677 6.91c0-2.334 1.9-4.233 4.233-4.233Z"/></svg>') no-repeat;
    background-size: contain;
    margin-left: 5px;
    vertical-align: middle
}

.login-wrap .valid-code {
    position: relative
}

.login-wrap .valid-code img {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 55px;
    height: 15px
}

.login-wrap .error {
    clear: both;
    background-color: rgba(0,0,0,0);
    padding-left: 22px;
    color: #d0021b;
    line-height: 1.1
}

.account-wrap {
    display: flex;
    align-items: center
}

.account-wrap li {
    position: relative;
    margin-left: 15px
}

.account-wrap li .refresh-bar {
    width: 80px;
    height: 10px;
    background: url(../images/refresh80.gif) no-repeat center;
    margin-top: 8px
}

.account-wrap a {
    align-items: center;
    color: #1e1e1e
}

.account-wrap .main-wallet {
    flex: 1;
    width: auto;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 4px
}

.account-wrap .main-wallet:hover,.account-wrap .main-wallet:focus,.account-wrap .main-walletactive {
    box-shadow: none
}

.account-wrap .main-wallet p {
    font-weight: bold;
    margin-right: 7px;
    line-height: 1.4
}

.account-wrap .main-wallet ul {
    position: relative;
    display: flex;
    width: auto;
    box-shadow: none;
    background: none
}

.account-wrap .main-wallet ul:not(:target) {
    display: flex
}

.account-wrap .main-wallet ul li {
    line-height: 24px;
    margin-left: 15px
}

.account-wrap .main-wallet .a-wallet {
    height: auto;
    line-height: initial;
    border: 0;
    border-radius: 4px 0 0 4px;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5);
    padding: 0
}

.account-wrap .main-wallet .a-wallet ul {
    align-items: center;
    position: relative;
    width: auto;
    height: 100%;
    line-height: 12px;
    background-color: initial !important;
    padding: 0 7px
}

.account-wrap .main-wallet .a-wallet li {
    font-weight: bold;
    margin-right: 7px;
    margin-left: 0
}

.account-wrap .main-wallet .a-wallet li:last-child {
    margin-right: 0
}

.account-wrap .main-wallet .a-wallet.open {
    background-color: rgba(255,255,255,.3) !important;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2);
    border-radius: 3px 0 0 3px
}

.account-wrap .main-wallet .a-wallet.open ul {
    box-shadow: none
}

.account-wrap .main-wallet .a-wallet:hover {
    text-decoration: none
}

.account-wrap .main-wallet .a-wallet:hover li:not(.nums) {
    text-decoration: underline
}

.account-wrap .main-wallet span:first-of-type {
    opacity: .7;
    font-weight: normal
}

.account-wrap .main-wallet .nums {
    height: 14px;
    font-size: 11px;
    line-height: 14px;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 3px;
    padding: 0 8px
}

.account-wrap .main-wallet .nums span {
    opacity: 1;
    font-size: 10px;
    font-weight: bold;
    margin-left: 1px
}

.account-wrap .a-refresh {
    width: 24px;
    height: 24px;
    border-left: 1px solid rgba(0,0,0,.3);
    border-radius: 0 4px 4px 0;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5)
}

.account-wrap .a-refresh img {
    height: 14px;
    background: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="rgb(30,30,30)"/></svg>') no-repeat center center;
    background-size: contain
}

.account-wrap p.loading-bar {
    width: 80px;
    height: 23px;
    align-items: center;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0 10px 0 15px;
    border-radius: 4px 0 0 4px
}

.account-wrap p.loading-bar span {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #1e1e1e;
    margin-right: 6px;
    opacity: 0;
    animation: loadBar .8s ease infinite
}

.account-wrap p.loading-bar span:nth-child(1) {
    animation-delay: 0s
}

.account-wrap p.loading-bar span:nth-child(2) {
    animation-delay: .1s
}

.account-wrap p.loading-bar span:nth-child(3) {
    animation-delay: .2s
}

.account-wrap p.loading-bar span:nth-child(4) {
    animation-delay: .3s
}

.account-wrap p.loading-bar span:nth-child(5) {
    animation-delay: .4s
}

.account-wrap p.loading-bar span:nth-child(6) {
    animation-delay: .5s
}

.account-wrap p.loading-bar span:nth-child(7) {
    animation-delay: .6s
}

.account-wrap p.loading-bar span:nth-child(8) {
    animation-delay: .7s;
    margin-right: 0
}

@keyframes loadBar {
    0% {
        opacity: .1
    }

    50% {
        opacity: 1;
        transform: scale(1.4)
    }

    100% {
        opacity: .1
    }
}

.account-wrap .main-wallet.no-multi {
    border: 0;
    background: none !important
}

.account-wrap .main-wallet.no-multi .a-wallet {
    background-color: rgba(0,0,0,0) !important;
    box-shadow: none
}

.account-wrap .main-wallet.no-multi li {
    font-weight: bold
}

.account-wrap .main-wallet.no-multi li span {
    opacity: inherit
}

.account-wrap .main-wallet.no-multi .nums {
    display: none
}

.account-wrap .main-wallet.no-multi .loading-bar {
    background: none;
    box-shadow: none;
    padding: 0 0 0 15px
}

.account-wrap .main-wallet.no-multi .a-refresh {
    width: 28px;
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 4px
}

.account-wrap .account {
    position: relative;
    text-indent: 27px;
    width: 110px;
    height: 25px;
    border: 1px solid rgba(0,0,0,.3);
    box-shadow: inset 0 2px 0 0 rgba(255,255,255,.3);
    border-radius: 4px
}

.account-wrap .account::before {
    display: flex;
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 8.135c1.368 0 2.794.297 4.276.893C12.26 9.623 13 10.403 13 11.365V13H0v-1.635c0-.962.741-1.742 2.224-2.337 1.482-.596 2.908-.893 4.276-.893zm0-1.635c-.887 0-1.647-.317-2.28-.95-.634-.634-.951-1.394-.951-2.281 0-.887.317-1.653.95-2.3C4.853.323 5.613 0 6.5 0c.887 0 1.647.323 2.28.97.634.646.951 1.412.951 2.299s-.317 1.647-.95 2.28c-.634.634-1.394.951-2.281.951z" fill="rgb(000,000,000)" fill-rule="evenodd"/></svg>');
    content: ""
}

.account-wrap .account::after {
    display: flex;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    content: ""
}

.account-wrap .account li {
    line-height: 25px
}

.account-wrap ul {
    display: none;
    right: 0;
    width: 220px
}

.account-wrap ul:not(:target) {
    display: none
}

.account-wrap ul:target {
    display: block
}

.account-wrap ul li {
    float: none;
    text-indent: 0;
    margin: 0
}

.account-wrap ul h4,.account-wrap ul .tc-content h5,.tc-content .account-wrap ul h5 {
    flex: 1;
    color: #3b5160;
    border-right: 1px solid #c5d0d7;
    padding: 5px 0 5px 10px
}

.account-wrap ul h4 span,.account-wrap ul .tc-content h5 span,.tc-content .account-wrap ul h5 span {
    line-height: 18px
}

.account-wrap ul a {
    color: #1e1e1e
}

.account-wrap ul .logout {
    padding: 7px 10px 5px
}

.account-wrap ul .logout a {
    background-color: #7e97a7;
    border-bottom-width: 0;
    color: #fff;
    font-weight: bold;
    border-radius: 4px
}

.account-wrap ul .logout img {
    width: 10px;
    height: 11px;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%23FFF" fill-rule="evenodd"/></svg>') no-repeat
}

.account-wrap #account_pop li:first-child {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #7e97a7;
    color: #3b5160
}

.account-wrap .wallet-detail:not(:target) {
    display: none
}

.account-wrap .wallet-detail:target {
    display: block
}

.wallet-detail {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    width: 100%;
    font-size: 12px;
    color: #3b5160;
    background-color: #e0e6e6;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.5);
    border-radius: 4px;
    z-index: 99
}

.wallet-detail .btn,.wallet-detail .calendarTable_inputBox input,.calendarTable_inputBox .wallet-detail input,.wallet-detail .calendarTable_inputBox textarea,.calendarTable_inputBox .wallet-detail textarea,.wallet-detail .pages a,.pages .wallet-detail a,.wallet-detail .btn-send {
    width: 100%;
    font-size: 13px;
    font-weight: 900;
    line-height: 31px;
    margin-bottom: 0
}

.wallet-detail-group {
    margin: 12px 7px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.3)
}

.wallet-detail-group .wallet-detail-content {
    padding: 10px 7px 0
}

.wallet-detail-group .wallet-detail-content dt {
    line-height: 1.6;
    margin-bottom: 3px
}

.wallet-detail-group .wallet-detail-content dd {
    padding-bottom: 10px
}

.wallet-detail-group .wallet-balance-num {
    display: flex;
    align-items: center;
    font-size: 17px;
    line-height: 1.2;
    font-weight: bold;
    padding-right: 80px;
    color: #3b5160
}

.wallet-detail-group .wallet-exposure {
    display: flex;
    justify-content: space-between;
    font-weight: normal !important;
    padding: 7px 0;
    border-top: 1px solid #e0e6e6
}

.wallet-detail-group .wallet-exposure span {
    color: #1e1e1e
}

.wallet-detail-group:nth-child(2) .wallet-detail-content {
    position: relative;
    border-bottom: 1px solid #ccc
}

.wallet-detail-group:nth-child(2) .wallet-detail-content .wallet-recall {
    position: absolute;
    top: 50%;
    right: 7px;
    transform: translateY(-50%);
    text-align: right;
    padding: 0
}

.wallet-detail-group:nth-child(2) .wallet-detail-content:last-child {
    border-bottom: none
}

.wallet-detail-group .btn-box {
    width: 100%;
    padding-top: 10px
}

.badge-currency {
    margin-right: 3px;
    padding: 0 5px;
    line-height: 16px;
    font-size: 10px;
    font-weight: bold !important;
    color: #fff;
    background-color: #5f849d;
    border-radius: 3px
}

.btn-recall {
    color: #3b5160;
    font-size: 15px;
    font-weight: bold;
    line-height: 2.2;
    padding: 0 8px;
    background-color: rgba(94,190,255,.15);
    border-radius: 4px;
    border: 1px solid #7e97a7;
    cursor: pointer
}

.btn-recall:hover {
    background-color: rgba(94,190,255,.3)
}

.menu-wrap {
    min-width: 1350px;
    background-color: #1e1e1e;
    line-height: 30px
}

.menu-wrap a {
    color: #fff;
    padding: 0 10px
}

.menu-wrap a.menu-drop:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #a5a5a5 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    margin-left: 10px;
    vertical-align: middle;
    content: ""
}

.menu-wrap a.one_click {
    padding: 0 12px 0 7px
}

.menu-wrap .full-wrap {
    min-height: 30px;
    height: auto
}

.menu-wrap .menu .casino,.menu-wrap .setting-wrap .casino,.menu-wrap .menu .bet-game,.menu-wrap .setting-wrap .bet-game {
    color: #fff !important
}

.menu,.setting-wrap {
    font-weight: bold
}

.menu li,.setting-wrap li {
    border-right: 1px solid #383838
}

.menu li ul,.setting-wrap li ul {
    display: none;
    position: absolute;
    background-color: #1e1e1e;
    border-top: 1px solid #383838;
    z-index: 99
}

.menu li li,.setting-wrap li li {
    float: none;
    border-bottom: 1px solid #383838
}

.menu a,.setting-wrap a {
    position: relative
}

.menu a:hover,.setting-wrap a:hover {
    background-color: #383838;
    text-decoration: none
}

.menu .select,.setting-wrap .select {
    background-color: #4d4d4d
}

.menu .dark_menu-li,.setting-wrap .dark_menu-li {
    border-right: 1px solid #383838 !important
}

.menu .casino,.setting-wrap .casino,.menu .bet-game,.setting-wrap .bet-game {
    position: relative;
    background-image: linear-gradient(#4b4b4b, #1e1e1e)
}

.menu .casino:after,.setting-wrap .casino:after,.menu .bet-game:after,.setting-wrap .bet-game:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 4px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: url(../images/top/menu-casino.png) no-repeat
}

.menu .casino:hover,.setting-wrap .casino:hover,.menu .bet-game:hover,.setting-wrap .bet-game:hover {
    background-image: linear-gradient(#1e1e1e, #1e1e1e)
}

.menu .tag-new,.setting-wrap .tag-new {
    width: inherit;
    height: inherit;
    color: #fff;
    line-height: inherit;
    font-size: inherit;
    filter: none;
    padding-left: 20px
}

.menu .tag-new:before,.setting-wrap .tag-new:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 29px;
    height: 29px;
    background: url(../images/top/menu-tagnew.png) no-repeat
}

.menu .bet-game:after,.setting-wrap .bet-game:after {
    left: 5px;
    width: 18px;
    height: 19px;
    background: url(../images/top/menu-bet.png) no-repeat
}

.setting-wrap {
    font-weight: bold
}

.setting-wrap li {
    border-right-width: 0
}

.live-menu {
    border-left: 1px solid #383838
}

.live-menu img {
    margin: 6px 7px 0 0;
    width: 21px;
    height: 18 px;
    vertical-align: top;
    background: url(../images/top/icon-live_logo.png) repeat-x
}

.setting {
    border-left: 1px solid #383838
}

.setting img {
    width: 12px;
    height: 12px;
    background: url('data:image/svg+xml,<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 8.106c.385 0 .745-.096 1.081-.289.336-.192.602-.45.8-.771a2.002 2.002 0 0 0 0-2.099 2.19 2.19 0 0 0-.8-.779A2.139 2.139 0 0 0 6 3.88c-.385 0-.743.096-1.074.288-.33.193-.594.452-.792.78a2.002 2.002 0 0 0 0 2.098c.198.322.462.579.792.771.331.193.689.289 1.074.289zm4.605-1.515l1.288.981c.06.048.094.11.104.188a.333.333 0 0 1-.044.216l-1.244 2.077a.269.269 0 0 1-.156.13.336.336 0 0 1-.214-.015l-1.526-.591c-.394.279-.745.476-1.05.591L7.54 11.74a.364.364 0 0 1-.111.188.272.272 0 0 1-.185.072H4.756a.29.29 0 0 1-.281-.26l-.237-1.572A3.752 3.752 0 0 1 3.2 9.577l-1.54.591c-.158.068-.28.03-.37-.115L.047 7.976a.333.333 0 0 1-.044-.216.278.278 0 0 1 .104-.188l1.303-.98A4.395 4.395 0 0 1 1.38 6c0-.26.01-.457.03-.591L.107 4.428a.278.278 0 0 1-.104-.188.333.333 0 0 1 .044-.216l1.244-2.077c.09-.144.212-.183.37-.115l1.54.591c.356-.26.701-.457 1.037-.591L4.475.26A.29.29 0 0 1 4.756 0h2.488c.069 0 .13.024.185.072.054.048.091.11.111.188l.222 1.572a3.87 3.87 0 0 1 1.051.591l1.526-.591a.336.336 0 0 1 .214-.015c.064.02.116.063.156.13l1.244 2.077c.04.067.054.14.044.216a.278.278 0 0 1-.104.188l-1.288.98c.02.135.03.332.03.592 0 .26-.01.457-.03.591z" fill="%23FFF" fill-rule="evenodd"/></svg>') no-repeat;
    vertical-align: middle;
    margin: 0 0 3px 5px
}

.one_click {
    border-top: 3px solid #6bbd11;
    margin-top: -3px;
    padding: 0 12px 0 30px;
    text-indent: 30px;
    background-image: linear-gradient(180deg, #4b4b4b 0%, #1e1e1e 100%)
}

.one_click::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    display: flex;
    width: 16px;
    height: 16px;
    background: rgba(255,255,255,.15);
    border-radius: 4px;
    content: ""
}

.one_click:hover {
    background-image: linear-gradient(0deg, #4b4b4b 0%, #1e1e1e 100%)
}

.one_click.select {
    background-image: linear-gradient(180deg, #4e9600 0%, #386a02 100%)
}

.one_click.select:hover {
    background: initial;
    background-image: linear-gradient(0deg, #4e9600 0%, #386a02 100%)
}

.one_click.select::before {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    display: flex;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M13.56 3.18c.228.157.369.364.422.623a.831.831 0 0 1-.185.716l-5.465 7.09c-.176.203-.4.328-.673.375a.989.989 0 0 1-.752-.165c-.14-.093-.51-.426-1.109-.997a87.437 87.437 0 0 1-1.69-1.655l-.818-.798A.914.914 0 0 1 3 7.688c0-.266.106-.493.317-.681.211-.188.457-.278.739-.27.282.008.52.114.713.317l2.613 2.512 4.752-6.174c.176-.204.4-.329.673-.376a.989.989 0 0 1 .752.165Z" fill="rgb(255,255,255)" fill-rule="evenodd"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

.one_click.select::after {
    border: 1px solid rgba(255,255,255,.4)
}

.slip_set-pop,.oneclick_set-pop {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    width: 282px;
    z-index: 99;
    border-radius: 0 0 4px 4px
}

.slip_set-pop:not(:target),.oneclick_set-pop:not(:target) {
    display: none
}

.slip_set-pop:target,.oneclick_set-pop:target {
    display: block
}

.set-content {
    *height: auto !important;
    *height: 100px;
    min-height: 100px;
    background-color: #e0e6e6;
    font-size: 11px;
    color: #3b5160;
    padding: 10px;
    border-radius: 0 0 4px 4px
}

.set-content input,.set-content textarea {
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin: 0 5px 0 0
}

.set-content a {
    color: #1e1e1e;
    padding: 0
}

.set-content .btn,.set-content .calendarTable_inputBox input,.calendarTable_inputBox .set-content input,.set-content .calendarTable_inputBox textarea,.calendarTable_inputBox .set-content textarea,.set-content .pages a,.pages .set-content a,.set-content .btn-send {
    line-height: 18px;
    font-weight: normal;
    font-size: 11px;
    margin: 0
}

.set-content .btn-wrap {
    margin-bottom: 0
}

.set-content .btn-wrap .btn,.set-content .btn-wrap .calendarTable_inputBox input,.calendarTable_inputBox .set-content .btn-wrap input,.set-content .btn-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .set-content .btn-wrap textarea,.set-content .btn-wrap .pages a,.pages .set-content .btn-wrap a,.set-content .btn-wrap .btn-send {
    font-weight: bold;
    line-height: 23px
}

.stake-set,.odds-set {
    position: relative;
    border-bottom: 1px solid #7e97a7;
    box-shadow: 0 1px 0 rgba(255,255,255,.8);
    line-height: 15px;
    padding-bottom: 2px;
    margin-bottom: 5px
}

.stake-set dt,.odds-set dt {
    margin-bottom: 5px;
    font-weight: bold
}

.stake-set dd,.odds-set dd {
    width: 50px;
    margin: 0 5px 5px 0
}

.stake-set dd.col-defult,.odds-set dd.col-defult {
    width: 100%
}

.stake-set dd.col-edit,.odds-set dd.col-edit {
    position: absolute;
    top: 20px;
    right: 0;
    width: 42px;
    margin-right: 0
}

.stake-set .stake-input,.odds-set .stake-input {
    width: 29.1666666667%;
    font-size: 11px;
    margin-left: 5px
}

.stake-set .stake_edit-input,.odds-set .stake_edit-input {
    width: 50px;
    font-size: 11px;
    margin-left: 0
}

.col-edit a {
    height: 43px;
    line-height: 43px;
    border-radius: 4px
}

.col-edit img {
    height: 9px;
    width: 9px;
    background: url(../images/top/icon-stake_edit.png) no-repeat;
    background-position: right
}

.col-edit .btn-edit {
    border: 1px solid #7e97a7;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.8);
    color: #3b5160
}

.col-edit .btn-edit:hover {
    text-decoration: underline
}

.col-edit .btn-send {
    line-height: 43px
}

.odds-set dd {
    display: flex;
    align-items: center;
    width: 100%
}

.oneclick_set-pop {
    right: 96px
}

.time_zone {
    color: #fff;
    margin: 0;
    padding: 0 12px
}

.time_zone span {
    color: rgba(255,255,255,.6);
    font-weight: normal
}

.gmt {
    font-size: 11px;
    padding: 0 5px
}

.account-demo {
    background-color: #3b5160;
    border-radius: 2px;
    color: #fff;
    padding: 0 3px
}

.promote-wrap {
    position: absolute;
    width: 260px;
    height: 64px;
    left: calc(50% - 130px);
    top: 5px
}

.promote-wrap img {
    width: 260px;
    height: 64px
}

.menu-list li {
    border-bottom: 1px solid #e0e6e6;
    list-style: none
}

.menu-list li.menu-group-title {
    line-height: 25px;
    padding: 0 10px;
    background-color: #ced5da;
    box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,.1)
}

.menu-list li.menu-select-head {
    background-color: #3b5160;
    border-bottom-width: 0
}

.menu-list li.menu-select-head a {
    color: #fff
}

.menu-list li.menu-select-head a:hover {
    background-color: #3b5160
}

.menu-list a {
    line-height: 25px;
    padding: 0 10px
}

.menu-list a:hover {
    background-color: #eff2f2;
    text-decoration: none
}

.menu-list .select {
    background-color: #f2dca7;
    color: #1e1e1e
}

.menu-list .select:hover {
    background-color: #f2dca7
}

.menu-list .Go {
    position: relative;
    padding: 0px;
    width: 36px;
    height: 25px;
    display: none
}

.menu-list .Go::after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #e0e6e6;
    border-radius: 4px;
    content: ""
}

.menu-list .Go::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 8px;
    background-image: url('data:image/svg+xml,<svg width="6" height="8" xmlns="http://www.w3.org/2000/svg"><path d="m1.74 0 3.75 3.75L1.74 7.5l-.885-.885 2.88-2.865L.855.885z" fill="%23566F7F" fill-rule="evenodd"/></svg>');
    content: ""
}

.menu-list .Go:hover::before {
    background-image: url('data:image/svg+xml,<svg width="6" height="8" xmlns="http://www.w3.org/2000/svg"><path d="m1.74 0 3.75 3.75L1.74 7.5l-.885-.885 2.88-2.865L.855.885z" fill="%232789CE" fill-rule="evenodd"/></svg>')
}

.favor-wrap {
    height: 180px
}

.favor-wrap .menu-list {
    height: calc(100% - 25px);
    overflow: hidden;
    overflow-y: auto
}

.favor-wrap .menu-list a {
    width: calc(100% - 38px);
    height: 25px;
    vertical-align: middle;
    padding: 0 10px 0 2px
}

.favor-set {
    line-height: 25px;
    border-bottom-width: 0;
    padding-right: 23px;
    background-image: url(../images/left/icon-manage.png);
    background-position: right;
    background-repeat: no-repeat
}

.sub_path {
    position: relative
}

.full-wrap .sub_path .menu-list {
    height: calc(100% - 25px);
    overflow: hidden;
    overflow-y: auto
}

.path {
    position: relative;
    height: 25px;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    overflow: hidden;
    background-image: linear-gradient(180deg, #546d7d 0%, #3b5160 100%);
    background-position: initial;
    padding: 0 10px
}

.path ul {
    position: absolute;
    right: 0;
    width: 9999px
}

.path li {
    display: inline;
    background: url(../images/left/bg-path_arrow.png) no-repeat right;
    padding: 4px 13px 5px 6px
}

.path a {
    display: inline;
    color: #fff
}

.path .path-last {
    background-image: none;
    padding-right: 6px
}

.path .path-back {
    position: absolute;
    left: 0;
    z-index: 2;
    width: 36px;
    height: 25px;
    background: url(../images/left/path-back.png) no-repeat right;
    display: none
}

.path .path-back:hover {
    background: url(../images/left/path-back_hover.png) no-repeat right
}

.path .path-back.select {
    width: 36px;
    height: 25px;
    background: url(../images/left/path-back_hover.png) no-repeat right
}

.path-pop {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    max-width: 100%;
    background-color: #243a48;
    padding: 5px 0;
    z-index: 5
}

.path-pop li {
    list-style: none;
    white-space: nowrap
}

.path-pop a {
    color: #fff;
    padding: 5px 10px 5px 15px;
    background: url(../images/left/icon-sub_menu.png) no-repeat
}

.path-pop:not(:target) {
    display: none
}

.path-pop:target {
    display: block
}

.slip-wrap {
    position: relative
}

.slip-wrap p {
    font-size: 13px;
    padding: 15px 5px 2px
}

.slip-wrap .slip_set {
    background: url(../images/right/slip_set.png) no-repeat
}

.full-wrap .slip-wrap {
    height: 300px;
    overflow: hidden
}

.full-wrap .slip-wrap.close {
    height: 25px
}

.full-wrap .slip-wrap .bet_slip {
    height: calc(100% - 25px)
}

.slip-wrap.full-bet_slip {
    height: calc(100% - 26px)
}

.slip-wrap.no-open-bet_slip {
    height: calc(100% - 0px)
}

.message-bet {
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #c5d0d7
}

.message-bet h4,.message-bet .tc-content h5,.tc-content .message-bet h5 {
    font-weight: normal;
    line-height: 24px;
    padding: 0 5px
}

.message-bet p {
    color: #243a48;
    font-size: 11px;
    line-height: 25px;
    padding: 0 5px;
    margin-bottom: 0
}

.slip-head,.matched-head {
    background-color: #ced5da;
    padding: 0 10px
}

.slip-head li,.matched-head li {
    padding: 5px 0
}

.slip-head .col-bet,.matched-head .col-bet {
    width: 43.2352941176%
}

.slip-head .col-odd,.matched-head .col-odd {
    width: 14.7058823529%
}

.slip-head .col-stake,.matched-head .col-stake {
    width: 16.1764705882%;
    padding-left: 5px
}

.slip-head .col-profit,.matched-head .col-profit {
    width: 24.1176470588%
}

.matched-head {
    background-color: #fff
}

.slip-list {
    font-size: 11px
}

.slip-list h4,.slip-list .tc-content h5,.tc-content .slip-list h5 {
    font-weight: normal;
    padding: 2px 0 0 5px;
    margin-bottom: 4px
}

.slip-list .btn-wrap {
    padding: 0 5px
}

.full-wrap .slip-list {
    overflow: hidden;
    overflow-y: auto
}

.slip-list.unmatched-slip {
    max-height: 160px
}

.slip-list.full-unmatched {
    height: calc(100% - 83px)
}

.full-amount {
    display: none;
    width: auto !important;
    top: 7px;
    right: 0
}

.full_btn {
    border-top: 1px solid #e0e6e6
}

.full_btn .btn-wrap {
    margin-bottom: 0;
    padding: 0 5px 7px
}

.slip-back {
    background-color: #beddf4;
    border-bottom: 1px solid #67afe5
}

.slip-back .slip-type {
    background-color: #7dbbe9;
    height: 22px
}

.slip-back .refer,.slip-back .keep-option {
    background-color: #d4e8f8
}

.slip-back .keep-option {
    border-top: 1px solid #7dbbe9
}

.slip-back .col-stake_list {
    border-top: 1px solid #7dbbe9;
    background-color: #d4e8f8
}

.slip-back .bet-forecast {
    border-top: 1px solid #beddf4;
    background-color: #d4e8f8;
    float: none;
    clear: both;
    padding: 10px 5px 10px 23px;
    line-height: 1.35;
    flex: 1 100%
}

.slip-back .bet-forecast .bet-forecast-info {
    justify-content: space-between
}

.slip-back .bet-forecast .bet-forecast-info span:first-child {
    margin-right: 3px
}

.slip-back .bet-forecast .bet-forecast-info span:last-child {
    flex-shrink: 0
}

.slip-lay {
    background-color: #f3dce2;
    border-bottom: 1px solid #dfa3b3
}

.slip-lay .slip-type {
    background-color: #dfa3b3
}

.slip-lay .refer,.slip-lay .keep-option {
    background-color: #f7e7eb
}

.slip-lay .keep-option {
    border-top: 1px solid #dfa3b3
}

.slip-lay .col-stake_list {
    border-top: 1px solid #dfa3b3;
    background-color: #faeff2
}

.slip-lay .bet-forecast {
    border-top: 1px solid #f3dce2;
    background-color: #faeff2;
    float: none;
    clear: both;
    padding: 10px 5px 10px 23px;
    line-height: 1.35;
    flex: 1 100%
}

.slip-lay .bet-forecast .bet-forecast-info {
    justify-content: space-between
}

.slip-lay .bet-forecast .bet-forecast-info span:first-child {
    margin-right: 3px
}

.slip-lay .bet-forecast .bet-forecast-info span:last-child {
    flex-shrink: 0
}

.slip-book {
    background-color: #d3edd0;
    border-bottom: 1px solid #9fd899
}

.slip-book .slip-type {
    background-color: #9fd899
}

.slip-book .refer,.slip-book .keep-option {
    background-color: #ddf1db
}

.slip-book .keep-option {
    border-top: 1px solid #9fd899
}

.slip-book .col-stake_list {
    border-top: 1px solid #9fd899;
    background-color: #e4f4e2
}

.odd-add {
    position: absolute;
    top: 7px;
    right: 2px;
    height: 19px;
    z-index: 2
}

.odd-add li {
    list-style: none
}

.odd-add .up {
    line-height: 10px;
    background-image: url(../images/right/num_up.png);
    background-repeat: no-repeat;
    height: 9px;
    width: 12px
}

.odd-add .down {
    line-height: 9px;
    background-image: url(../images/right/num_down.png);
    background-repeat: no-repeat;
    height: 9px;
    width: 12px
}

.odd-add.disable a {
    cursor: default
}

.odd-add.disable .up {
    background-image: url(../images/right/num_up_disable.png)
}

.odd-add.disable .down {
    background-image: url(../images/right/num_down_disable.png)
}

.tips-popup,.full-amount {
    position: absolute;
    width: 45px;
    background-color: #f8e71c;
    line-height: 13px;
    color: #1e1e1e;
    border-radius: 4px;
    padding: 3px 5px;
    z-index: 50
}

.stake-popup {
    display: none;
    position: absolute;
    width: 93px;
    background-color: #3b5160;
    border-radius: 0 5px 5px 5px;
    padding: 2px 0 1px 2px;
    z-index: 50
}

.stake-popup li {
    width: 45px;
    margin: 0 1px 1px 0
}

.stake-popup li:first-of-type a {
    border-radius: 4px 0 0 0
}

.stake-popup li:nth-of-type(2) a {
    border-radius: 0 4px 0 0
}

.stake-popup li:last-of-type a {
    border-radius: 0 0 4px 0
}

.stake-popup li:nth-last-of-type(2) a {
    border-radius: 0 0 0 4px
}

.stake-popup a {
    color: #3b5160;
    line-height: 22px;
    background: #eee url(../images/bg-btn.gif) repeat-x
}

.stake-popup a:hover {
    text-decoration: none;
    background: #eee url(../images/bg-btn_hover.gif) repeat-x
}

.stake-popup:not(:target) {
    display: none
}

.stake-popup:target {
    display: block
}

.sum {
    margin: 5px
}

.sum dt {
    color: #777
}

.sum dd {
    color: #000;
    padding-left: 5px
}

.btn-wrap {
    margin-bottom: 7px
}

.btn-wrap li {
    width: 50%
}

.btn-wrap .btn,.btn-wrap .calendarTable_inputBox input,.calendarTable_inputBox .btn-wrap input,.btn-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .btn-wrap textarea,.btn-wrap .pages a,.pages .btn-wrap a,.btn-wrap .btn-send {
    width: 80%;
    margin: 0
}

.btn-wrap .btn-send {
    width: 95%
}

.btn-wrap .edit-function .btn,.btn-wrap .edit-function .calendarTable_inputBox input,.calendarTable_inputBox .btn-wrap .edit-function input,.btn-wrap .edit-function .calendarTable_inputBox textarea,.calendarTable_inputBox .btn-wrap .edit-function textarea,.btn-wrap .edit-function .pages a,.pages .btn-wrap .edit-function a,.btn-wrap .edit-function .btn-send {
    width: 35%
}

.btn-wrap .edit-function .btn-send {
    width: 55%;
    margin-left: 5px
}

.slip-option {
    border-top: 1px solid #e0e6e6;
    padding: 2px 5px
}

.full_btn .slip-option:first-child {
    border-top-width: 0
}

.slip-option input,.slip-option textarea {
    margin-bottom: 0;
    padding: 0;
    box-shadow: none
}

.slip-option li {
    list-style: none;
    padding: 3px 0 0;
    margin-right: 10px
}

.matched-wrap h3 {
    padding-left: 0
}

.matched-wrap p {
    padding: 9px 5px
}

.slip_refresh {
    width: 29px;
    height: 25px;
    background: url(../images/right/slip_refresh.png) no-repeat
}

.slip-sort {
    padding: 5px
}

.slip-sort select {
    width: 100%;
    margin: 0
}

.cashout-wrap {
    margin: 5px 0 0;
    color: #3b5160;
    padding-bottom: 7px;
    border-bottom: 1px solid #7e97a7;
    padding-left: 3px
}

.cashout-wrap .col-cashout {
    width: 43.7853107345%;
    padding-right: 3px
}

.cashout-wrap .col-profit {
    width: 54.5197740113%;
    border: 1px solid #cb8009;
    border-radius: 4px
}

.cashout-wrap .btn,.cashout-wrap .calendarTable_inputBox input,.calendarTable_inputBox .cashout-wrap input,.cashout-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .cashout-wrap textarea,.cashout-wrap .pages a,.pages .cashout-wrap a,.cashout-wrap .btn-send {
    margin: 0;
    line-height: 31px
}

.cashout-wrap .btn span,.cashout-wrap .calendarTable_inputBox input span,.calendarTable_inputBox .cashout-wrap input span,.cashout-wrap .calendarTable_inputBox textarea span,.calendarTable_inputBox .cashout-wrap textarea span,.cashout-wrap .pages a span,.pages .cashout-wrap a span,.cashout-wrap .btn-send span {
    font-weight: normal;
    margin-left: 7px
}

.cashout-wrap dl dt {
    font-size: 10px;
    padding: 0 5px
}

.cashout-wrap dl dd {
    padding: 0 5px
}

.slider {
    width: 56.9948186528%;
    line-height: 31px;
    border-right: 1px solid #cb8009;
    padding-left: 5px
}

.slider li {
    font-size: 10px;
    padding-right: 5px
}

.slider .col-slider {
    width: 50%
}

.slider-bar {
    position: relative;
    height: 8px;
    border-radius: 4px;
    margin: 12px 0 0;
    cursor: pointer;
    background: #c5d0d7;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.3)
}

.slider-bar span {
    height: 6px;
    border-radius: 4px;
    border: 1px solid #cb8009;
    background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%)
}

.slider-bar a {
    position: absolute;
    top: -4px;
    width: 15px;
    height: 15px;
    background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%);
    border: 1px solid rgba(51,51,51,.3);
    box-shadow: inset 0 1px 2px 0 rgba(255,255,255,.5);
    margin-left: -8px;
    border-radius: 50%
}

.live-wrap h3,.tv-wrap h3 {
    padding-left: 0
}

.live-wrap h3 img,.tv-wrap h3 img {
    margin-top: 7px
}

.live {
    position: relative;
    height: 200px;
    background-color: #000
}

.live:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -40px;
    content: "";
    background-image: url(../images/right/icon-play_tv.png);
    background-position: no-repeat;
    height: 69px;
    width: 80px
}

.tv_popup {
    background-image: url(../images/right/tv_popup.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 29px
}

.icon-TV {
    margin-right: 5px;
    vertical-align: top;
    background-image: url(../images/right/icon-tv.png);
    background-repeat: no-repeat;
    height: 12px;
    width: 14px
}

.tv-wrap h3 {
    padding-left: 10px
}

.tv-wrap .live {
    height: calc(100% - 25px)
}

.one_click-loading {
    position: relative;
    height: 70px;
    border-bottom: 1px solid #7e97a7;
    overflow: hidden;
    box-shadow: 0 2px 0 rgba(0,0,0,.1)
}

.one_click-loading .loading {
    padding: 15px 0
}

.load-pending {
    position: absolute;
    top: 50%;
    width: auto;
    padding: 3px 7px;
    background-color: #d0021b;
    color: #fff;
    font-size: 11px;
    border-radius: 0 4px 4px 0;
    margin-top: -18px;
    animation: leftIn .6s ease
}

.load-pending strong {
    font-size: 14px
}

@keyframes leftIn {
    0% {
        opacity: 0;
        left: -70px
    }

    100% {
        opacity: 1;
        left: 0
    }
}

html,body {
    background-color: #eee
}

.kv-wrap {
    position: relative;
    min-height: 182px;
    margin-bottom: 15px;
    z-index: 1
}

.kv-wrap a img {
    display: block;
    width: 100%;
    height: 100%
}

.kv-wrap a:after {
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.promo-banner-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 0;
    margin-bottom: 15px;
    padding-top: 24.8366%
}

.promo-banner-wrap.active {
    overflow: hidden;
    padding-top: 0;
    height: auto
}

.promo-banner-loading {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #000 url(../images/promo/loading.svg) center center no-repeat;
    background-size: 80px
}

.promo-banner img {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.promo-banner .slides {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    z-index: 2
}

.promo-banner .banner {
    display: none
}

.promo-banner .promo-control-nav {
    position: absolute;
    z-index: 3;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%)
}

.promo-banner .promo-control-nav li {
    list-style: none;
    margin-left: 8px
}

.promo-banner .promo-control-nav li:first-child {
    margin-left: 0
}

.promo-banner .promo-control-nav li a {
    width: 8px;
    height: 8px;
    background-color: rgba(255,255,255,.3);
    border-radius: 999px;
    text-indent: -9999px
}

.promo-banner .promo-control-nav li a.promo-active {
    transform: scale(1.4);
    background-color: rgba(255,255,255,.8)
}

.promo-banner .promo-direction-nav {
    position: absolute;
    z-index: 3;
    top: calc((100% - 48px)/2);
    left: 0;
    width: 100%;
    height: 0
}

.promo-banner .promo-direction-nav li {
    opacity: .4
}

.promo-banner .promo-direction-nav li:hover,.promo-banner .promo-direction-nav li:active {
    opacity: .8
}

.promo-banner .promo-direction-nav .promo-nav-prev,.promo-banner .promo-direction-nav .promo-nav-next {
    height: 0
}

.promo-banner .promo-direction-nav .promo-prev,.promo-banner .promo-direction-nav .promo-next {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.promo-banner .promo-direction-nav .promo-next {
    left: calc(100% - 48px);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="rgb(255,255,255)"><path d="M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"></path></g></svg>')
}

.tag-live {
    position: absolute;
    top: -6px;
    right: 3px;
    min-width: 33px;
    height: 12px;
    border-radius: 3px;
    padding-right: 3px;
    color: #fff;
    text-align: center;
    font-size: 10px;
    line-height: 12px;
    background-image: linear-gradient(180deg, #fb3434 0%, #e80505 100%);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.5)
}

.tag-live strong {
    flex: 1;
    height: 100%;
    margin-right: 3px;
    padding: 0 2px;
    border-radius: 3px 0px 0px 3px;
    background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 89%)
}

.tag-live strong:before {
    width: 14px;
    height: 8px;
    background: url('data:image/svg+xml,<svg width="14" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,0,0)" fill-rule="evenodd"><path d="M12.012 0l-.698.727c1.734 1.808 1.734 4.738 0 6.546l.698.727c2.117-2.207 2.117-5.79 0-8zM10.3 1.714l-.7.735c.967 1.014.967 2.66 0 3.673l.7.735c1.352-1.418 1.352-3.721 0-5.143zM1.588 0l.698.727c-1.734 1.808-1.734 4.738 0 6.546L1.588 8c-2.117-2.207-2.117-5.79 0-8zM3.3 1.714l.7.735c-.967 1.014-.967 2.66 0 3.673l-.7.735c-1.352-1.418-1.352-3.721 0-5.143z"/><circle cx="6.8" cy="4.4" r="1.6"/></g></svg>') no-repeat;
    background-size: contain
}

.upcome-wrap {
    margin-bottom: 15px;
    background-color: #fff;
    border-bottom: 1px solid #7e97a7
}

.upcome-wrap a {
    font-weight: bold
}

.upcome-head {
    color: #fff;
    line-height: 25px;
    padding-left: 10px;
    background-repeat: repeat-x;
    box-shadow: 0 2px 0 rgba(0,0,0,.1);
    background-image: linear-gradient(180deg, #2f4b5e 0%, #243a48 82%)
}

.upcome-head a {
    color: #75bff5
}

.upcome-head dt {
    padding-right: 13px;
    margin-right: 5px;
    background-image: url(../images/main/path_arrow-upcome.png);
    background-repeat: no-repeat;
    background-position: right
}

.upcome-head dd {
    margin-right: 15px
}

.upcome-head span {
    font-weight: normal;
    color: #c5d0d7;
    padding-left: 5px
}

.upcome {
    height: 18px;
    line-height: 18px;
    padding: 6px 10px
}

.upcome-closed .upcome {
    padding: 10px
}

.upcome dt {
    font-size: 11px;
    line-height: 16px;
    color: #7e97a7;
    border: 1px solid #7e97a7;
    border-radius: 4px;
    padding: 0 5px;
    margin-right: 5px
}

.upcome dd {
    width: auto;
    margin-right: 5px;
    padding-left: 10px;
    background: url(../images/report/filter_dot.png) no-repeat
}

.upcome dd:first-of-type {
    background: none;
    padding-left: 0
}

.game-highlight-wrap h3 {
    background-color: #ffb80c;
    color: #1e1e1e;
    font-weight: bold;
    padding: 3px 2px 3px 10px
}

.game-highlight-wrap .highlight-sorting {
    display: block;
    float: right;
    font-weight: normal
}

.game-highlight-wrap .highlight-sorting .select {
    width: 108px;
    height: 23px;
    border: 1px solid;
    border-color: rgba(0,0,0,.4);
    box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,.5);
    border-radius: 4px;
    background: rgba(255,255,255,.2);
    margin-right: 2px;
    position: relative;
    margin-left: 7px;
    display: inline-block
}

.game-highlight-wrap .highlight-sorting .select select {
    width: 108px;
    height: 23px;
    background: none;
    border: none;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-left: 9px;
    margin: 0;
    z-index: 1
}

.game-highlight-wrap .highlight-sorting .select:after {
    content: "▾";
    font-size: 11px;
    color: inherit;
    display: block;
    left: 95px;
    top: -2px;
    position: absolute;
    z-index: 0;
    pointer-events: none
}

.game-highlight-wrap .competition-expand {
    padding: 0 0 0 7px;
    line-height: 24px;
    background: #ced5da !important;
    box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,.1)
}

.game-highlight-wrap .competition-expand a {
    color: #1e1e1e;
    padding-left: 14px;
    background: url(../../images/main/expand_btn-game-black.png) 0 0 no-repeat
}

.game-highlight-wrap .competition-collapse {
    padding: 0 0 0 7px;
    line-height: 24px;
    background: #ced5da !important;
    box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,.1)
}

.game-highlight-wrap .competition-collapse a {
    color: #1e1e1e;
    padding-left: 14px;
    background: url(../../images/main/close_btn-game-black.png) 0 0 no-repeat
}

.game-highlight-wrap .slip-head,.game-highlight-wrap .matched-head {
    background-color: #dddcd6
}

.game-list {
    position: relative
}

.tab-highlight,.tab-markets {
    padding: 0 10px;
    background-image: linear-gradient(180deg, #d2d2d2 27%, #a2a2a2 100%)
}

.tab-highlight li,.tab-markets li {
    list-style: none;
    line-height: 22px;
    margin-right: 3px
}

.tab-highlight a,.tab-markets a {
    width: 130px;
    color: #fff;
    background: url(../images/main/bg-HGtab.png) no-repeat
}

.tab-highlight a.select,.tab-markets a.select {
    height: 24px;
    color: #1e1e1e;
    margin-bottom: -2px;
    background: url(../images/main/bg-HGtab_select.png) no-repeat
}

.tab-highlight a.select:hover,.tab-markets a.select:hover {
    text-decoration: none
}

.no-data {
    background-color: #fff;
    padding: 10px 10px 5px !important
}

.message-wrap {
    display: none;
    position: fixed;
    top: 0px;
    left: 50%;
    width: 50%;
    padding: 15px 0;
    background-color: #f8e71c;
    font-size: 14px;
    color: #1e1e1e;
    z-index: 101;
    border-radius: 0 0 5px 5px;
    transform: translate(-50%, 0)
}

.message-wrap p {
    line-height: 22px;
    padding: 0 10px;
    margin-bottom: 0
}

.message-wrap .btn-close {
    margin: 6px 10px 0 0
}

.col-center .message-wrap {
    margin-left: -15px
}

.inplay .message-wrap {
    margin-left: 0
}

.player .message-wrap {
    top: 38px;
    margin-left: 0
}

.message-wrap:not(:target) {
    display: none
}

.message-wrap:target {
    display: block
}

.pop_box .message-wrap {
    left: 0px
}

.success {
    background-color: #6bbd11
}

.error {
    background-color: #d0021b;
    color: #fff
}

.warning {
    background-color: #f8e71c;
    color: #1e1e1e
}

.event-left,.event-right {
    width: 49.5%
}

.event-left .game-list-col,.event-right .game-list-col,.event-left .slip-head,.event-right .slip-head,.event-left .matched-head,.event-right .matched-head {
    padding-right: 0
}

.event-left dt,.event-right dt {
    font-size: 11px
}

.event-left .slip-head span,.event-right .slip-head span,.event-left .matched-head span,.event-right .matched-head span {
    width: 49%
}

.event-left .slip-head .game-low_liq,.event-right .slip-head .game-low_liq,.event-left .matched-head .game-low_liq,.event-right .matched-head .game-low_liq {
    width: auto
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 100
}

.overlay:not(:target) {
    display: none
}

.overlay:target {
    display: block
}

.dialog-wrap,.dialog-wrap-w {
    top: 340px;
    background-color: rgba(0,0,0,.85);
    border-radius: 8px;
    color: #fff;
    z-index: 20;
    position: absolute;
    left: 50%;
    width: 320px;
    margin-left: -160px
}

.dialog-wrap h4,.dialog-wrap .tc-content h5,.tc-content .dialog-wrap h5,.dialog-wrap-w h4,.dialog-wrap-w .tc-content h5,.tc-content .dialog-wrap-w h5 {
    font-size: 15px;
    line-height: 20px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding: 7px 0
}

.dialog-wrap .btn-wrap,.dialog-wrap-w .btn-wrap {
    border-top: 1px solid rgba(255,255,255,.2);
    padding: 7px 10px 10px;
    margin-bottom: 0
}

.dialog-wrap .break li,.dialog-wrap-w .break li {
    width: 100%;
    margin-bottom: 3px
}

.dialog-wrap .break .btn-send,.dialog-wrap-w .break .btn-send {
    float: none;
    width: 46.4285714286%;
    margin: 0 auto
}

.dialog-content {
    font-size: 13px;
    line-height: 18px;
    padding: 5px 20px 0
}

.dialog-content .attention {
    color: #f8e71c
}

.dialog-wrap-w {
    background-color: #fff;
    color: #1e1e1e
}

.dialog-wrap-w .btn-wrap {
    border-top-color: rgba(0,0,0,.2)
}

.message-to-login h4,.message-to-login .tc-content h5,.tc-content .message-to-login h5 {
    padding: 20px 0
}

.message-to-login .btn-wrap {
    border-top: none
}

.transfer-wrap,.transfer-wrap-slider {
    position: relative;
    width: 540px;
    color: #243a48;
    top: 20%;
    margin-left: -270px
}

.transfer-wrap .transfer-title,.transfer-wrap-slider .transfer-title {
    padding: 15px 20px;
    border-bottom: 1px solid #8fa6b5
}

.transfer-wrap .transfer-title h2,.transfer-wrap-slider .transfer-title h2 {
    font-size: 20px;
    margin-bottom: 0;
    padding-top: 0
}

.transfer-wrap .available-wrap,.transfer-wrap-slider .available-wrap {
    display: flex;
    justify-content: center
}

.transfer-wrap .available-wrap h4,.transfer-wrap .available-wrap .tc-content h5,.tc-content .transfer-wrap .available-wrap h5,.transfer-wrap-slider .available-wrap h4,.transfer-wrap-slider .available-wrap .tc-content h5,.tc-content .transfer-wrap-slider .available-wrap h5 {
    font-size: 20px;
    line-height: 25px;
    text-align: left;
    padding: 15px 20px;
    width: 50%
}

.transfer-wrap .available-wrap h4 span,.transfer-wrap .available-wrap .tc-content h5 span,.tc-content .transfer-wrap .available-wrap h5 span,.transfer-wrap-slider .available-wrap h4 span,.transfer-wrap-slider .available-wrap .tc-content h5 span,.tc-content .transfer-wrap-slider .available-wrap h5 span {
    display: block;
    font-size: 14px;
    font-weight: normal
}

.transfer-wrap .btn-wrap,.transfer-wrap-slider .btn-wrap {
    display: flex;
    border-top: none
}

.transfer-wrap .btn-wrap .btn,.transfer-wrap .btn-wrap .calendarTable_inputBox input,.calendarTable_inputBox .transfer-wrap .btn-wrap input,.transfer-wrap .btn-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .transfer-wrap .btn-wrap textarea,.transfer-wrap .btn-wrap .pages a,.pages .transfer-wrap .btn-wrap a,.transfer-wrap-slider .btn-wrap .btn,.transfer-wrap-slider .btn-wrap .calendarTable_inputBox input,.calendarTable_inputBox .transfer-wrap-slider .btn-wrap input,.transfer-wrap-slider .btn-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .transfer-wrap-slider .btn-wrap textarea,.transfer-wrap-slider .btn-wrap .pages a,.pages .transfer-wrap-slider .btn-wrap a,.transfer-wrap .btn-wrap .btn-send,.transfer-wrap-slider .btn-wrap .btn-send {
    flex: 1;
    margin-right: 10px;
    line-height: 31px
}

.transfer-wrap .btn-wrap .btn:last-child,.transfer-wrap .btn-wrap .calendarTable_inputBox input:last-child,.calendarTable_inputBox .transfer-wrap .btn-wrap input:last-child,.transfer-wrap .btn-wrap .calendarTable_inputBox textarea:last-child,.calendarTable_inputBox .transfer-wrap .btn-wrap textarea:last-child,.transfer-wrap .btn-wrap .pages a:last-child,.pages .transfer-wrap .btn-wrap a:last-child,.transfer-wrap-slider .btn-wrap .btn:last-child,.transfer-wrap-slider .btn-wrap .calendarTable_inputBox input:last-child,.calendarTable_inputBox .transfer-wrap-slider .btn-wrap input:last-child,.transfer-wrap-slider .btn-wrap .calendarTable_inputBox textarea:last-child,.calendarTable_inputBox .transfer-wrap-slider .btn-wrap textarea:last-child,.transfer-wrap-slider .btn-wrap .pages a:last-child,.pages .transfer-wrap-slider .btn-wrap a:last-child,.transfer-wrap .btn-wrap .btn-send:last-child,.transfer-wrap-slider .btn-wrap .btn-send:last-child {
    margin-right: 0
}

.transfer-wrap p,.transfer-wrap-slider p {
    text-indent: 20px;
    color: #d0021b;
    line-height: 18px;
    background-color: rgba(0,0,0,0)
}

.transfer-wrap .close,.transfer-wrap-slider .close {
    position: absolute;
    top: 10px;
    right: 10px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M17 0a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h14Zm-3.014 5L10 8.986 6.014 5 5 6.014 8.986 10 5 13.986 6.014 15 10 11.014 13.986 15 15 13.986 11.014 10 15 6.014 13.986 5Z" fill="%23243A48" fill-rule="evenodd"/></svg>');
    height: 20px;
    width: 20px
}

.transfer-content {
    display: flex;
    border-top: 1px solid #8fa6b5;
    border-bottom: 1px solid #8fa6b5;
    margin-bottom: 10px
}

.transfer-content dl {
    width: 50%;
    background-color: #cde3f0;
    padding: 10px 0
}

.transfer-content dl:nth-child(even) {
    background-color: #fff
}

.transfer-content span {
    display: block;
    line-height: 25px
}

.transfer-content dd {
    font-size: 14px;
    line-height: 25px;
    padding: 0 20px
}

.transfer-content dd strong {
    font-size: 20px;
    margin-right: 5px
}

.transfer-content dd input,.transfer-content dd textarea {
    width: 230px;
    line-height: 20px;
    font-size: 15px;
    margin: 0
}

.transfer-content dd input::-moz-placeholder, .transfer-content dd textarea::-moz-placeholder {
    color: #989ea1
}

.transfer-content dd input::placeholder,.transfer-content dd textarea::placeholder {
    color: #989ea1
}

.transfer-content:before {
    position: absolute;
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background-color: #cde3f0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg)
}

.transfer-content ul.quick_stake {
    display: flex;
    list-style: none;
    width: 230px;
    margin-top: 5px
}

.transfer-content ul.quick_stake li {
    flex: 1;
    flex-direction: row;
    margin: 0 5px 0 0
}

.transfer-content ul.quick_stake li:last-child {
    margin: 0
}

.transfer-content ul.quick_stake a {
    text-indent: 0;
    padding: 0 5px;
    margin: 0
}

.transfer-wrap-slider .available-wrap {
    justify-content: inherit
}

.transfer-wrap-slider .available-wrap h4,.transfer-wrap-slider .available-wrap .tc-content h5,.tc-content .transfer-wrap-slider .available-wrap h5 {
    height: 90px;
    padding: 5px 20px
}

.transfer-wrap-slider .available-wrap h4:first-child,.transfer-wrap-slider .available-wrap .tc-content h5:first-child,.tc-content .transfer-wrap-slider .available-wrap h5:first-child {
    position: relative;
    border-right: 1px solid #c3d5e0
}

.transfer-wrap-slider .available-wrap h4:last-child,.transfer-wrap-slider .available-wrap .tc-content h5:last-child,.tc-content .transfer-wrap-slider .available-wrap h5:last-child {
    text-align: right
}

.transfer-wrap-slider .transfer-content {
    position: relative;
    background-color: #cde3f0;
    border-top: 1px solid #8fa6b5;
    border-bottom: 1px solid #8fa6b5;
    justify-content: center;
    align-items: center;
    height: 85px;
    border: 0
}

.transfer-wrap-slider .transfer-content:before {
    display: none
}

.transfer-wrap-slider .amount-input {
    position: absolute;
    z-index: 1;
    top: -42px;
    left: 50%;
    line-height: 20px;
    background: #fff;
    border: 1px solid #da8700;
    border-radius: 4px;
    color: #5e7ea3;
    font-size: 20px;
    text-indent: 0;
    transform: translateX(-50%)
}

.transfer-wrap-slider .amount-input:before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: -12px;
    width: 10px;
    height: 10px;
    background: #fff;
    border-bottom: 1px solid #da8700;
    border-right: 1px solid #da8700;
    transform: translate(-50%, -50%) rotate(45deg)
}

.transfer-wrap-slider .amount-input input,.transfer-wrap-slider .amount-input textarea {
    border: 0;
    box-shadow: none;
    margin: 0;
    width: 240px;
    padding: 5px;
    color: #2963a7;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    border-radius: 3px;
    text-align: center;
    box-shadow: inset 0 2px 2px 0 rgba(0,0,0,.27)
}

.transfer-wrap-slider .slider {
    display: flex;
    width: 510px;
    height: 60px;
    line-height: inherit;
    border-right: 0;
    padding-left: 0
}

.transfer-wrap-slider .slider li {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    width: 60px;
    background-image: linear-gradient(180deg, #fdfdfd 15%, #eeeeee 100%);
    padding-right: 0
}

.transfer-wrap-slider .slider li:first-child,.transfer-wrap-slider .slider li:last-child {
    font-size: 15px;
    line-height: 60px;
    text-align: center;
    font-weight: bold;
    cursor: pointer
}

.transfer-wrap-slider .slider li:first-child:hover,.transfer-wrap-slider .slider li:last-child:hover {
    background-image: linear-gradient(180deg, #eeeeee 15%, #fdfdfd 100%)
}

.transfer-wrap-slider .slider li:first-child {
    border: 1px solid #bbb;
    border-radius: 5px 0 0 5px
}

.transfer-wrap-slider .slider li:last-child {
    border: 1px solid #bbb;
    border-radius: 0 5px 5px 0
}

.transfer-wrap-slider .slider li.col-slider {
    flex: 1;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb
}

.transfer-wrap-slider .col-slider {
    position: relative
}

.transfer-wrap-slider .balance-percent {
    position: absolute;
    top: 0;
    width: 350px;
    display: flex;
    justify-content: space-between
}

.transfer-wrap-slider .balance-percent div {
    display: block;
    width: 3px;
    height: 6px;
    background-color: rgba(199,212,227,.8)
}

.transfer-wrap-slider .balance-percent div:first-child,.transfer-wrap-slider .balance-percent div:last-child {
    background-color: rgba(199,212,227,0)
}

.transfer-wrap-slider .slider-bar {
    position: relative;
    width: 350px;
    height: 12px;
    background: #d1dde5;
    box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.3);
    border-radius: 5px;
    margin: 0
}

.transfer-wrap-slider .slider-bar_fill {
    position: absolute;
    top: 0;
    height: 10px;
    background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%);
    border: 1px solid #cb8009;
    border-radius: 5px;
    background-position: inherit
}

.transfer-wrap-slider .slider-bar_handle {
    position: absolute;
    z-index: 3;
    top: -6px;
    width: 20px;
    height: 20px;
    background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%);
    border: 1px solid #cb8009;
    border-radius: 12px;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5)
}

.transfer-wrap-slider .rules {
    font-size: 11px;
    padding: 0 10px 6px;
    color: #aaa;
    margin-bottom: 0
}

.transfer-wrap-slider .rules strong {
    display: block;
    text-indent: initial
}

.reset-wrap {
    position: absolute;
    width: 480px;
    margin-left: -240px
}

.reset-wrap .reset_con {
    display: flex;
    flex-direction: row-reverse;
    margin: 20px 30px
}

.reset-wrap .reset_con .note {
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    color: #666
}

.reset-wrap .reset_con .login-panel {
    margin: 0
}

.reset-wrap .reset_con .login-panel dd {
    width: 200px
}

.reset-wrap .reset_con .login-panel .btn-send {
    width: auto
}

.reset-wrap .reset_con .login-panel .error {
    background-color: initial
}

.transferId-wrap h3 {
    color: #fff;
    height: 30px;
    line-height: 30px;
    text-indent: 20px;
    background-image: linear-gradient(180deg, #2f4b5e 0%, #243a48 82%)
}

.transferId-wrap .transfer-over {
    border-bottom: 1px solid #9fb5c2;
    margin-bottom: 10px
}

.transferId-con {
    padding: 15px 20px 0 20px;
    font-size: 15px
}

.transferId-con dl {
    margin-bottom: 15px
}

.transferId-con dt {
    display: block;
    font-size: 15px;
    color: #243a48;
    margin-bottom: 7px
}

.transferId-con dd {
    position: relative
}

.transferId-con dd input,.transferId-con dd textarea {
    width: 100%;
    height: 33px;
    font-size: 15px;
    line-height: 21px;
    border: 1px solid #aaa;
    box-shadow: inset 0px 2px 0px 0px rgba(0,0,0,.1);
    margin: 0
}

.transferId-con dd .copy-but {
    position: absolute;
    z-index: 1;
    right: 0;
    background-image: linear-gradient(180deg, #ffffff 0%, #eeeeee 100%);
    border: 1px solid #aaa;
    border-radius: 0 3px 3px 0;
    width: 80px;
    height: 100%;
    cursor: pointer
}

.transferId-con dd .copy-but::after {
    display: block;
    content: "";
    background: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M11.537 5.143c.728 0 1.32.592 1.32 1.32V16.68c0 .728-.592 1.32-1.32 1.32H1.32C.592 18 0 17.408 0 16.68V6.463c0-.728.592-1.32 1.32-1.32zm0 1.205H1.32a.115.115 0 00-.115.115V16.68c0 .063.052.115.115.115h10.217a.115.115 0 00.115-.115V6.463a.115.115 0 00-.115-.115zM16.68 0C17.408 0 18 .592 18 1.32v10.217c0 .728-.592 1.32-1.32 1.32h-3.003v-1.205h3.003a.115.115 0 00.115-.115V1.32a.115.115 0 00-.115-.115H6.463a.115.115 0 00-.115.115v3.1H5.143v-3.1c0-.728.592-1.32 1.32-1.32z" fill="rgb(36,58,72)" fill-rule="nonzero"/></svg>');
    background-size: contain;
    height: 16px;
    width: 16px;
    margin: 0 auto
}

.transferId-con dd .copy-but:hover {
    background-image: linear-gradient(0deg, #ffffff 0%, #eeeeee 100%)
}

.transferId-con .mainBalance {
    display: flex;
    background-color: #cde3f0;
    border-radius: 3px;
    height: 34px
}

.transferId-con .mainBalance dt {
    margin-bottom: initial;
    line-height: 34px;
    text-indent: 7px
}

.transferId-con .mainBalance dd {
    position: relative;
    flex: 1;
    text-align: right;
    padding-right: 90px;
    line-height: 34px
}

.transferId-con .mainBalance dd .refresh-but {
    position: absolute;
    z-index: 1;
    right: 0;
    background-color: #cde3f0;
    border-left: 1px solid #b6cad6;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0 3px 3px 0;
    width: 80px;
    height: 100%;
    cursor: pointer
}

.transferId-con .mainBalance dd .refresh-but::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="rgb(36,58,72)"/></svg>');
    background-size: contain;
    height: 16px;
    width: 13px
}

.transferId-con .mainBalance dd .refresh-but:hover {
    background-color: #c6dae6
}

.transferId-con.transferTo {
    display: flex;
    flex-wrap: wrap
}

.transferId-con.transferTo dl {
    flex: auto 1 1
}

.transferId-con.transferTo dl:nth-child(1) {
    width: 100%
}

.transferId-con.transferTo dl:nth-child(2) {
    margin-right: 5px
}

.transferId-con.transferTo dl:nth-child(3) {
    margin-left: 5px
}

.transferId-con.transferTo .currency {
    position: relative
}

.transferId-con.transferTo .currency input,.transferId-con.transferTo .currency textarea {
    text-indent: 43px
}

.transferId-con.transferTo .currency span {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
    display: block;
    width: 40px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    text-align: center;
    background-color: #cfcfcf
}

.login_to_go {
    top: 18%;
    width: 540px;
    height: 408px;
    position: absolute;
    left: 50%;
    width: 540px;
    margin-left: -270px
}

.login_to_go .error {
    background-color: rgba(0,0,0,0);
    color: #d0021b;
    font-size: 13px;
    line-height: 16px
}

.login_to_go .close {
    position: absolute;
    margin-top: 10px;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M17 0a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h14Zm-3.014 5L10 8.986 6.014 5 5 6.014 8.986 10 5 13.986 6.014 15 10 11.014 13.986 15 15 13.986 11.014 10 15 6.014 13.986 5Z" fill="%23243A48" fill-rule="evenodd"/></svg>')
}

.login-panel {
    color: #000
}

.change_pass {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 440px;
    margin-left: inherit !important
}

.change_pass .note {
    color: #1e1e1e
}

.change_pass.dialog-wrap-w {
    background-image: linear-gradient(180deg, #fff 1%, #fff 100%)
}

.footer {
    margin: 20px 0 40px;
    padding-top: 6px
}

.support-wrap {
    background-color: rgba(255,255,255,.5);
    color: rgba(0,0,0,.6);
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 20px
}

.support-wrap .support-service {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px
}

.support-wrap .support-service::before,.support-wrap .support-service::after {
    content: "";
    display: block;
    flex: 1;
    align-self: flex-end;
    height: 1px;
    background-color: rgba(0,0,0,.15);
    margin-bottom: -1px
}

.support-wrap .support-service a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px
}

.support-wrap .support-service a::after {
    content: "";
    position: absolute;
    top: 100%;
    display: block;
    width: 50px;
    height: 1px;
    background-color: rgba(0,0,0,.15)
}

.support-wrap .support-service a.open::after {
    content: "";
    position: absolute;
    top: 100%;
    height: 10px;
    background-image: url(../../images/support_arrow_w.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: initial;
    pointer-events: none
}

.support-wrap .support-service img {
    width: 25px;
    height: 100%
}

.support-wrap .support-info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0
}

.support-wrap .support-info .support-detail {
    display: none
}

.support-wrap .support-info .support-detail.open {
    display: block
}

.support-wrap .support-info .support-detail a {
    margin-right: 8px;
    color: #000;
    text-decoration: underline
}

.support-wrap .support-info .support-detail a:nth-child(2n) {
    padding: 0 8px;
    border-left: 1px solid rgba(0,0,0,.2);
    border-right: 1px solid rgba(0,0,0,.2)
}

.support-wrap .support-info .support-detail a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0
}

.support-wrap.style2 {
    display: none
}

[class^=support-] img {
    background-size: contain;
    background-repeat: no-repeat
}

.support-fb img,.support-ig img,.support-phone img,img.support-ig {
    width: 22px !important
}

.support-imo img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.325.22c5.653 0 10.235 4.583 10.235 10.237s-4.582 10.238-10.235 10.238c-2.188 0-4.215-.687-5.879-1.856-.8.347-1.66.52-2.576.52-.806 0-1.477-.267-2.015-.803a.67.67 0 01.007-.953c.439-.424.737-.729.895-.914.16-.19.377-.592.648-1.208a10.192 10.192 0 01-1.315-5.024C1.09 4.803 5.672.22 11.325.22zm4.464 8.457c-1.106 0-2.002.996-2.002 2.226 0 1.229.896 2.225 2.002 2.225l.143-.005c1.04-.082 1.86-1.045 1.86-2.22 0-1.23-.897-2.226-2.003-2.226zm-10.08 0a.583.583 0 00-.431.17c-.113.112-.17.266-.17.46v3.08c0 .445.198.668.593.668.4 0 .6-.22.6-.66V9.318c0-.427-.197-.64-.592-.64zm6.096 0c-.524 0-.918.172-1.183.516a1.276 1.276 0 00-1.066-.516c-.383 0-.704.127-.964.38-.084-.253-.281-.38-.591-.38-.39 0-.584.189-.584.566v3.211c0 .4.206.6.617.6.39 0 .584-.2.584-.6v-2.28c0-.13.07-.248.211-.356a.677.677 0 01.423-.169c.282 0 .423.153.423.457v2.348c0 .4.203.6.608.6.395 0 .592-.2.592-.6v-2.306c0-.13.054-.245.16-.346a.527.527 0 01.356-.153c.366 0 .55.167.55.5v2.305c0 .4.2.6.6.6.4 0 .6-.2.6-.6v-2.365c0-.417-.101-.747-.304-.99-.231-.281-.575-.422-1.032-.422zm3.984.89c.492 0 .89.548.89 1.224 0 .676-.398 1.224-.89 1.224s-.89-.548-.89-1.224c0-.676.398-1.224.89-1.224zM5.776 7.12a.668.668 0 100 1.335.668.668 0 000-1.335z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-imo.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.325.22c5.653 0 10.235 4.583 10.235 10.237s-4.582 10.238-10.235 10.238c-2.188 0-4.215-.687-5.879-1.856-.8.347-1.66.52-2.576.52-.806 0-1.477-.267-2.015-.803a.67.67 0 01.007-.953c.439-.424.737-.729.895-.914.16-.19.377-.592.648-1.208a10.192 10.192 0 01-1.315-5.024C1.09 4.803 5.672.22 11.325.22zm4.464 8.457c-1.106 0-2.002.996-2.002 2.226 0 1.229.896 2.225 2.002 2.225l.143-.005c1.04-.082 1.86-1.045 1.86-2.22 0-1.23-.897-2.226-2.003-2.226zm-10.08 0a.583.583 0 00-.431.17c-.113.112-.17.266-.17.46v3.08c0 .445.198.668.593.668.4 0 .6-.22.6-.66V9.318c0-.427-.197-.64-.592-.64zm6.096 0c-.524 0-.918.172-1.183.516a1.276 1.276 0 00-1.066-.516c-.383 0-.704.127-.964.38-.084-.253-.281-.38-.591-.38-.39 0-.584.189-.584.566v3.211c0 .4.206.6.617.6.39 0 .584-.2.584-.6v-2.28c0-.13.07-.248.211-.356a.677.677 0 01.423-.169c.282 0 .423.153.423.457v2.348c0 .4.203.6.608.6.395 0 .592-.2.592-.6v-2.306c0-.13.054-.245.16-.346a.527.527 0 01.356-.153c.366 0 .55.167.55.5v2.305c0 .4.2.6.6.6.4 0 .6-.2.6-.6v-2.365c0-.417-.101-.747-.304-.99-.231-.281-.575-.422-1.032-.422zm3.984.89c.492 0 .89.548.89 1.224 0 .676-.398 1.224-.89 1.224s-.89-.548-.89-1.224c0-.676.398-1.224.89-1.224zM5.776 7.12a.668.668 0 100 1.335.668.668 0 000-1.335z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-youtube img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.408 5.72h-.596c-1.059.007-4.628.048-5.633.317a1.901 1.901 0 00-1.342 1.342c-.268 1.002-.31 2.924-.316 3.492v.323c.006.568.048 2.49.316 3.493a1.9 1.9 0 001.342 1.342c1.04.278 4.832.312 5.736.316h.39c.903-.004 4.696-.038 5.736-.316a1.9 1.9 0 001.342-1.342c.28-1.048.313-3.101.317-3.561v-.082V10.94c-.004-.46-.037-2.514-.317-3.561a1.901 1.901 0 00-1.342-1.342c-1.005-.27-4.574-.31-5.633-.316zM9.592 8.757l3.944 2.277-3.944 2.277V8.756z" fill="rgb(166,166,166)" fill-rule="evenodd"/></svg>')
}

.support-youtube.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0c6.075 0 11 4.925 11 11s-4.925 11-11 11S0 17.075 0 11 4.925 0 11 0zm.408 5.72h-.596c-1.059.007-4.628.048-5.633.317a1.901 1.901 0 00-1.342 1.342c-.268 1.002-.31 2.924-.316 3.492v.323c.006.568.048 2.49.316 3.493a1.9 1.9 0 001.342 1.342c1.04.278 4.832.312 5.736.316h.39c.903-.004 4.696-.038 5.736-.316a1.9 1.9 0 001.342-1.342c.28-1.048.313-3.101.317-3.561v-.082V10.94c-.004-.46-.037-2.514-.317-3.561a1.901 1.901 0 00-1.342-1.342c-1.005-.27-4.574-.31-5.633-.316zM9.592 8.757l3.944 2.277-3.944 2.277V8.756z" fill="rgb(97,97,97)" fill-rule="evenodd"/></svg>')
}

.support-twitter img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.926 0 0 4.926 0 11s4.926 11 11 11 11-4.926 11-11S17.074 0 11 0zm5.022 8.577c.005.108.008.217.008.326 0 3.336-2.54 7.183-7.184 7.184a7.147 7.147 0 01-3.87-1.135 5.066 5.066 0 003.738-1.046 2.528 2.528 0 01-2.359-1.753 2.513 2.513 0 001.14-.043A2.525 2.525 0 015.47 9.603c.34.189.73.302 1.144.315a2.522 2.522 0 01-.782-3.37 7.168 7.168 0 005.205 2.638 2.525 2.525 0 014.302-2.303 5.064 5.064 0 001.603-.613 2.535 2.535 0 01-1.11 1.397c.51-.061.997-.197 1.45-.398a5.131 5.131 0 01-1.26 1.308z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-twitter.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.926 0 0 4.926 0 11s4.926 11 11 11 11-4.926 11-11S17.074 0 11 0zm5.022 8.577c.005.108.008.217.008.326 0 3.336-2.54 7.183-7.184 7.184a7.147 7.147 0 01-3.87-1.135 5.066 5.066 0 003.738-1.046 2.528 2.528 0 01-2.359-1.753 2.513 2.513 0 001.14-.043A2.525 2.525 0 015.47 9.603c.34.189.73.302 1.144.315a2.522 2.522 0 01-.782-3.37 7.168 7.168 0 005.205 2.638 2.525 2.525 0 014.302-2.303 5.064 5.064 0 001.603-.613 2.535 2.535 0 01-1.11 1.397c.51-.061.997-.197 1.45-.398a5.131 5.131 0 01-1.26 1.308z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-mail img,img.support-mail {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(166,166,166)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>')
}

.support-mail.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(97,97,97)" fill-rule="nonzero"><path d="M8.292 15.677v3.865a.626.626 0 001.128.37l2.26-3.077-3.388-1.158zM20.738 1.116a.625.625 0 00-.652-.045l-18.75 9.792a.627.627 0 00.087 1.145l5.212 1.782 11.1-9.492-8.59 10.35 8.737 2.985a.628.628 0 00.82-.5l2.291-15.416a.626.626 0 00-.255-.601z"/></g></svg>')
}

.support-whatsapp img,img.support-whatsapp {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-whatsapp.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11.002 1h-.005C5.485 1 1 5.485 1 11c0 2.188.705 4.215 1.904 5.861l-1.246 3.715L5.5 19.347A9.913 9.913 0 0011.002 21C16.517 21 21 16.514 21 11S16.516 1 11.002 1zm5.82 14.121c-.242.681-1.2 1.246-1.963 1.412-.523.11-1.205.2-3.503-.753-2.938-1.218-4.831-4.204-4.978-4.398-.142-.193-1.188-1.58-1.188-3.016 0-1.435.729-2.134 1.022-2.434.242-.246.64-.358 1.023-.358.124 0 .235.006.335.011.294.012.441.03.635.494.241.581.829 2.016.899 2.163.071.148.142.348.042.542-.094.2-.176.288-.324.458-.147.17-.287.3-.434.483-.136.159-.288.329-.118.622.17.288.758 1.247 1.623 2.017 1.116.993 2.02 1.311 2.345 1.446.24.1.528.076.705-.111.223-.242.5-.642.78-1.035.2-.283.453-.318.718-.218.27.094 1.699.8 1.993.946.293.148.487.218.558.342.07.123.07.705-.17 1.387z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-telegram img,img.support-telegram {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-telegram.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 21c5.524 0 10-4.476 10-10S16.524 1 11 1 1 5.476 1 11s4.476 10 10 10zM5.576 10.783l9.642-3.717c.447-.162.838.109.693.786V7.85l-1.641 7.734c-.122.548-.447.682-.903.423l-2.5-1.842-1.206 1.162c-.133.133-.246.245-.504.245l.177-2.544 4.633-4.186c.202-.177-.045-.277-.31-.1L7.93 12.346l-2.468-.77c-.536-.17-.548-.535.113-.794z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-customer img,img.support-customer {
    background-image: url('data:image/svg+xml,<svg width="159" height="159" xmlns="http://www.w3.org/2000/svg"><path d="M125.436 95.33c-.453 4.682-2.987 7.98-7.26 9.898-.83.372-1.207.754-1.295 1.729-.542 5.899-4.402 10.21-9.985 11.099-2.427.386-4.905.057-6.92.131-2.593 0-4.746.017-6.9-.01-.675-.008-1.012.24-1.248.888-1.268 3.486-3.987 5.356-7.713 5.361-2.928.006-5.855.011-8.782-.003-3.507-.017-6.301-1.867-7.428-4.89-1.2-3.216-.33-6.768 2.216-9.03 1.487-1.322 3.295-1.814 5.217-1.848a287 287 0 0 1 9.085-.007c3.334.044 6.2 2.077 7.333 5.224.277.77.65 1.032 1.45 1.024 3.904-.035 7.807.005 11.71-.023 4.399-.031 7.776-2.947 8.492-7.278.194-1.175.053-1.34-1.162-1.35-.673-.004-1.347 0-2.02 0-3.092-.006-4.605-1.5-4.606-4.566-.003-7.167-.001-14.334-.001-21.501 0-2.12-.013-4.24.004-6.36.02-2.525 1.276-4.055 3.782-4.244 3.402-.256 6.834-.295 9.92 1.514 4.001 2.346 6.15 5.912 6.243 10.526.093 4.57.31 9.157-.132 13.717M50.55 63.55c-.13.63-.317 1.05-1.07 1.061-2.795.044-5.566.365-8.318.833-.733.124-.94-.057-.873-.83.622-7.134 3.087-13.56 7.561-19.14 3.844-4.796 8.788-8.626 14.517-10.895 5.509-2.18 11.492-2.866 17.418-2.83 1.734.011 3.464.084 5.174.199 2.638.177 5.28.404 7.882.89 2.809.517 5.68 1.71 8.227 2.993a35.227 35.227 0 0 1 12.46 10.468c3.323 4.49 5.52 9.757 6.478 15.256.09.515.169 1.032.237 1.55.11.838.145 1.673.18 2.513.019.432-.152.558-.543.375-2.894-1.351-5.982-1.453-9.09-1.384-.745.016-1.047-.272-1.206-1.008-1.717-7.993-6.139-14.007-13.31-17.955a24.249 24.249 0 0 0-11.19-3.032 173.892 173.892 0 0 0-9.89-.002c-6.253.192-11.744 2.422-16.417 6.572-4.342 3.856-7.055 8.682-8.227 14.367m4.202 38.236c-.004 2.884-1.553 4.472-4.417 4.436-2.25-.029-4.51.22-6.747-.185-4.812-.87-8.388-4.805-8.648-9.688-.308-5.777-.321-11.563.016-17.34.273-4.676 4.606-8.957 9.263-9.363 1.983-.172 3.963-.172 5.946-.147 3.076.04 4.585 1.582 4.588 4.636.004 4.575.001 9.149 0 13.724 0 4.643.005 9.285-.001 13.927M79.52 0h-.04C35.646 0 0 35.656 0 79.5c0 17.39 5.605 33.509 15.135 46.597L5.227 155.63l30.558-9.769C48.355 154.19 63.351 159 79.52 159c43.834 0 79.48-35.666 79.48-79.5S123.354 0 79.52 0" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-customer.open img {
    background-image: svg-customer("rgb(97,97,97)")
}

.support-skype img,img.support-skype {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-skype.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M20.425 13.123c.145-.652.22-1.327.22-2.02 0-5.193-4.27-9.404-9.539-9.404-.555 0-1.1.047-1.631.137A5.567 5.567 0 006.533 1C3.475 1 1 3.441 1 6.455c0 1.006.278 1.947.76 2.759a9.32 9.32 0 00-.194 1.89c0 5.195 4.272 9.406 9.539 9.406.598 0 1.181-.055 1.747-.158A5.58 5.58 0 0015.47 21C18.524 21 21 18.558 21 15.546c0-.871-.207-1.692-.575-2.423zm-4.426 2.476c-.442.616-1.093 1.104-1.939 1.448-.836.344-1.838.52-2.98.52-1.37 0-2.519-.238-3.416-.708a4.434 4.434 0 01-1.57-1.375c-.407-.575-.61-1.146-.61-1.699 0-.344.133-.643.397-.886.261-.244.596-.365.997-.365.327 0 .61.096.84.287.218.184.407.457.558.805.169.383.353.705.547.957.188.246.457.45.8.612.347.16.813.244 1.386.244.789 0 1.436-.166 1.921-.494.476-.319.706-.704.706-1.174 0-.37-.121-.662-.367-.891-.26-.24-.603-.426-1.018-.555a20.235 20.235 0 00-1.75-.427c-.991-.21-1.832-.457-2.5-.738-.683-.287-1.236-.685-1.638-1.183-.41-.506-.618-1.14-.618-1.885 0-.71.218-1.35.648-1.902.426-.549 1.048-.977 1.852-1.269.791-.288 1.733-.435 2.799-.435.851 0 1.6.098 2.226.29.629.193 1.159.453 1.575.774.42.325.733.669.928 1.029.197.362.298.724.298 1.072 0 .337-.131.643-.391.908a1.32 1.32 0 01-.98.404c-.352 0-.63-.087-.821-.253-.179-.156-.365-.4-.57-.747-.238-.445-.526-.797-.856-1.045-.322-.242-.857-.362-1.594-.362-.683 0-1.24.135-1.653.403-.397.256-.591.551-.591.901 0 .214.063.393.191.546.135.165.327.306.569.426.25.124.509.224.768.294.265.073.708.181 1.32.32.772.163 1.48.347 2.108.545a6.759 6.759 0 011.634.734c.456.294.818.669 1.075 1.119.258.454.388 1.01.388 1.657a3.54 3.54 0 01-.67 2.098z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-fb img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.946 0 11.046a11.026 11.026 0 009.165 10.88v-8.575H6.512v-3.086h2.653V7.989c0-2.64 1.606-4.079 3.952-4.079 1.124 0 2.09.084 2.37.121v2.76h-1.628c-1.275 0-1.52.61-1.52 1.502v1.97h3.043l-.397 3.086h-2.647V22C17.781 21.335 22 16.688 22 11.043 22 4.946 17.075 0 11 0z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-fb.open img {
    background-image: url('data:image/svg+xml,<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg"><path d="M11 0C4.925 0 0 4.946 0 11.046a11.026 11.026 0 009.165 10.88v-8.575H6.512v-3.086h2.653V7.989c0-2.64 1.606-4.079 3.952-4.079 1.124 0 2.09.084 2.37.121v2.76h-1.628c-1.275 0-1.52.61-1.52 1.502v1.97h3.043l-.397 3.086h-2.647V22C17.781 21.335 22 16.688 22 11.043 22 4.946 17.075 0 11 0z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-ig img,img.support-ig {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-ig.open img {
    background-image: url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><path d="M29.172 0C35.142 0 40 4.857 40 10.828v18.345C40 35.143 35.143 40 29.173 40H10.828C4.858 40 0 35.143 0 29.173V10.828C0 4.858 4.857 0 10.828 0zM20 9.063C13.97 9.063 9.063 13.969 9.063 20c0 6.03 4.906 10.937 10.937 10.937 6.03 0 10.937-4.906 10.937-10.937 0-6.03-4.906-10.937-10.937-10.937zm0 2.345c4.738 0 8.592 3.854 8.592 8.592S24.738 28.592 20 28.592 11.408 24.738 11.408 20s3.854-8.592 8.592-8.592zm11.199-6.23a3.235 3.235 0 00-3.232 3.232 3.235 3.235 0 003.232 3.232A3.235 3.235 0 0034.43 8.41a3.236 3.236 0 00-3.232-3.232zm0 2.345a.888.888 0 010 1.774.888.888 0 010-1.774z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-phone img {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M280 0c128.1 0 232 103.9 232 232 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184-13.3 0-24-10.7-24-24s10.7-24 24-24zm8 192a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-32-72c0-13.3 10.7-24 24-24 75.1 0 136 60.9 136 136 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88-13.3 0-24-10.7-24-24zM117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7l40.3-49.3c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512 200.6 512 0 311.4 0 64c0-18 12.1-33.8 29.5-38.6l88-24z" fill="rgb(166,166,166)" fill-rule="nonzero"/></svg>')
}

.support-phone.open img {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M280 0c128.1 0 232 103.9 232 232 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184-13.3 0-24-10.7-24-24s10.7-24 24-24zm8 192a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-32-72c0-13.3 10.7-24 24-24 75.1 0 136 60.9 136 136 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88-13.3 0-24-10.7-24-24zM117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7l40.3-49.3c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512 200.6 512 0 311.4 0 64c0-18 12.1-33.8 29.5-38.6l88-24z" fill="rgb(97,97,97)" fill-rule="nonzero"/></svg>')
}

.support-wrap.support-extend {
    display: none;
    margin: 0 auto 20px auto;
    padding: 5px 18px;
    overflow: hidden
}

.support-wrap.support-extend .support-info {
    display: initial;
    float: left;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    width: 540px;
    padding: 0;
    text-align: left;
    word-break: break-all
}

.support-wrap.support-extend a {
    color: rgba(0,0,0,.5);
    margin-right: 10px;
    line-height: 40px
}

.support-wrap.support-extend a.split-line {
    border-left: 1px solid #bbb;
    padding-left: 10px
}

.support-wrap.support-extend a:hover {
    color: #000;
    text-decoration: none
}

.support-wrap.support-extend a.select {
    color: #000;
    text-decoration: underline
}

.support-wrap.support-extend img {
    width: 25px;
    height: 100%;
    margin-right: 10px;
    vertical-align: middle
}

.power-wrap {
    width: 670px;
    margin: 0 auto 30px;
    background-color: rgba(0,0,0,0);
    border: 1px solid rgba(0,0,0,.3)
}

.licence_embed {
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    margin-right: 5px
}

.power-wrap-b {
    background-color: rgba(255,255,255,.3);
    border-color: rgba(0,0,0,.3);
    color: rgba(0,0,0,.5);
    padding: 3px 7px 6px;
    margin-top: 4px
}

.power-wrap-b img {
    opacity: .5;
    background: url(../images/login/logo-betfair.png) no-repeat
}

.browser-wrap {
    color: rgba(0,0,0,.6)
}

.browser-wrap img {
    height: 20px;
    width: 50px;
    opacity: .5;
    background: url(../assets/icon-browser-B.png) no-repeat
}

.power-wrap_forsky {
    position: relative
}

.power-wrap_forsky p {
    padding-bottom: 35px
}

.power-wrap_forsky .footer_info {
    position: absolute;
    right: 0;
    bottom: 10px;
    display: flex;
    align-items: center;
    width: 57%;
    margin-right: 7px;
    padding-top: 7px;
    border-top: 1px solid rgba(0,0,0,.3)
}

.power-wrap_forsky .footer_info.info_skyfairvip {
    width: calc(100% - 145px)
}

.power-wrap_forsky .footer_info p {
    display: flex;
    align-items: center;
    flex: 1;
    padding-bottom: 0
}

.power-wrap_forsky .footer_info p img {
    width: 14px;
    height: 14px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M280 0c128.1 0 232 103.9 232 232 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-101.6-82.4-184-184-184-13.3 0-24-10.7-24-24s10.7-24 24-24zm8 192a32 32 0 1 1 0 64 32 32 0 1 1 0-64zm-32-72c0-13.3 10.7-24 24-24 75.1 0 136 60.9 136 136 0 13.3-10.7 24-24 24s-24-10.7-24-24c0-48.6-39.4-88-88-88-13.3 0-24-10.7-24-24zM117.5 1.4c19.4-5.3 39.7 4.6 47.4 23.2l40 96c6.8 16.3 2.1 35.2-11.6 46.3L144 207.3c33.3 70.4 90.3 127.4 160.7 160.7l40.3-49.3c11.2-13.7 30-18.4 46.3-11.6l96 40c18.6 7.7 28.5 28 23.2 47.4l-24 88C481.8 499.9 466 512 448 512 200.6 512 0 311.4 0 64c0-18 12.1-33.8 29.5-38.6l88-24z" fill="%23000000" fill-rule="nonzero"/></svg>') no-repeat;
    vertical-align: middle;
    margin-right: 5px
}

.power-wrap_forsky .footer_info p:nth-child(2) {
    flex: 0 1 auto;
    padding-right: 10px
}

.power-wrap_forsky .footer_info p:nth-child(2) img {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M48 64C21.5 64 0 85.5 0 112c0 15.1 7.1 29.3 19.2 38.4l217.6 163.2c11.4 8.5 27 8.5 38.4 0l217.6-163.2c12.1-9.1 19.2-23.3 19.2-38.4 0-26.5-21.5-48-48-48H48zM0 176v208c0 35.3 28.7 64 64 64h384c35.3 0 64-28.7 64-64V176L294.4 339.2a63.9 63.9 0 0 1-76.8 0L0 176z" fill="%23000000" fill-rule="nonzero"/></svg>') no-repeat
}

.app-link {
    display: block;
    width: 100%;
    font-size: 10px;
    color: rgba(0,0,0,.6);
    margin-top: 20px
}

.app-link a {
    margin-bottom: 2px
}

.app-link img {
    width: 155px;
    height: auto
}

.live-pop {
    width: 100%;
    height: 100%;
    background-color: #000
}

.streaming-pop {
    background-color: #eee
}

.live-left {
    width: 210px;
    height: calc(100% - 3px);
    border-top: 3px solid #7e97a7;
    overflow: hidden;
    overflow-y: auto
}

.marquee-box {
    color: #fff;
    line-height: 25px;
    height: 25px;
    margin-bottom: 1px;
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg, #2a3a43 27%, #1c282d 83%)
}

.marquee-box h4,.marquee-box .tc-content h5,.tc-content .marquee-box h5 {
    position: relative;
    flex-basis: 72px;
    justify-content: center;
    align-items: center
}

.marquee-box h4:before,.marquee-box .tc-content h5:before,.tc-content .marquee-box h5:before {
    content: "";
    height: 17px;
    width: 17px;
    margin-right: 2px;
    background: url(../images/main/icon-news.png) no-repeat
}

.marquee-box h4:after,.marquee-box .tc-content h5:after,.tc-content .marquee-box h5:after {
    content: "";
    position: absolute;
    right: -7px;
    top: 0;
    z-index: 2;
    background-image: url(../images/main/path_arrow_new.png);
    background-repeat: no-repeat;
    width: 7px;
    height: 25px
}

.marquee-box .marquee {
    flex: 1;
    overflow: hidden;
    z-index: 1
}

.marquee-box .marquee a {
    height: 25px;
    line-height: 25px;
    font-weight: bold;
    color: #6ac2ff;
    margin-right: 100px;
    align-items: center
}

.marquee-box .marquee a span {
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    color: #1c2834;
    background-color: #6ac2ff;
    border-radius: 2px;
    padding: 0 5px;
    margin-right: 5px
}

.inplay .marquee-box {
    margin-bottom: 10px
}

.pnl-table {
    background-color: #fff;
    width: 100%;
    text-align: center;
    border-bottom: #7e97a7 1px solid;
    border-top: #7e97a7 1px solid
}

.pnl-table td,.pnl-table th {
    padding: 5px;
    border-bottom: #7e97a7 1px solid
}

.pnl-table td.draw,.pnl-table th.draw {
    border-right: #eee 1px solid;
    border-left: #eee 1px solid
}

.pnl-table td:first-child,.pnl-table th:first-child {
    text-align: left;
    border-right: #eee 1px solid
}

.pnl-table td {
    border-bottom-color: #eee
}

.pnl-table thead {
    background-color: #e4e4e4
}

.pnl-table thead th:first-child,.pnl-table thead td:first-child {
    border-right: none
}

.pnl-table tr:last-of-type td {
    border-bottom-color: #7e97a7
}

.fancybet-result-wrap .expand-even {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #243a48;
    min-height: 26px;
    padding: 5px
}

.fancybet-result-wrap .expand-even label {
    color: #fff;
    text-align: center;
    background-color: #63727d;
    width: 120px;
    padding: 5px;
    border-radius: 4px;
    margin-right: 8px
}

.fancybet-result-wrap .expand-even strong {
    display: block;
    color: #fff;
    line-height: 16px;
    width: calc(100% - 145px);
    margin-right: 10px
}

.fancybet-result-wrap .expand-even:after {
    width: 9px;
    height: 9px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9"><path fill="%23fff" fill-rule="nonzero" d="M7 0a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5Zm0 1H2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1ZM5 2v2h2v1H5v2H4V5H2V4h2V2h1Z"/></svg>') no-repeat;
    background-size: contain;
    background-repeat: no-repeat
}

.fancybet-result-wrap .expand-wrap {
    margin-bottom: 1px
}

.fancybet-result-wrap .expand-wrap .expand-box {
    display: none
}

.fancybet-result-wrap .expand-wrap.open .expand-even:after {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="9"><path fill="%23fff" fill-rule="nonzero" d="M7 0a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h5Zm0 1H2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1Zm0 3v1H2V4h5Z"/></svg>') no-repeat
}

.fancybet-result-wrap .expand-wrap.open .expand-box {
    display: block
}

.fancybet-result-wrap .tag-wrap {
    background-color: #fff;
    padding: 8px
}

.fancybet-result-wrap .tag-wrap button {
    background-color: #e3e3e3;
    border: none;
    height: 30px;
    min-width: 60px;
    border-radius: 4px;
    line-height: 30px;
    padding: 0 10px;
    margin: 3px;
    cursor: pointer
}

.fancybet-result-wrap .tag-wrap button:hover {
    background-color: #d0d0d0
}

.fancybet-result-wrap .tag-wrap button.select {
    color: #fff;
    background-color: #417393
}

.fancybet-result-wrap .result-row {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0
}

.fancybet-result-wrap .result-row.result-head {
    background-color: #ced5da;
    border-bottom: 1px solid #a4b7c4;
    height: 32px
}

.fancybet-result-wrap .result-row.result-head p {
    font-weight: bold
}

.fancybet-result-wrap .result-row li {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #243a48;
    height: 30px;
    list-style: none;
    padding: 2px 8px;
    text-align: right
}

.fancybet-result-wrap .result-row li p {
    width: 100%;
    margin-bottom: 0
}

.fancybet-result-wrap .result-row li.row-name {
    flex-basis: 75%;
    text-align: left
}

.fancybet-result-wrap .result-row li.row-name p {
    width: 100%
}

.fancybet-result-wrap .result-row li.row-runs {
    flex-basis: 10%
}

.fancybet-result-wrap .result-row li.row-source {
    flex-basis: 15%
}

hr {
    border: 0;
    border-bottom: 1px solid #e0e0e0
}

.col-game,.game-list-col dt {
    width: calc(51.4% - 42px)
}

.col3 .col-game,.col3 .game-list-col dt,.game-list-col .col3 dt {
    width: calc(51.4% - 42px)
}

.event-left .col-game,.event-left .game-list-col dt,.game-list-col .event-left dt,.event-right .col-game,.event-right .game-list-col dt,.game-list-col .event-right dt {
    width: 66.2251655629%
}

.col-visit,.col-matched,.col-draw,.col-home {
    width: 12%
}

.slip-head .col-visit,.slip-head .col-matched,.slip-head .col-draw,.slip-head .col-home,.matched-head .col-visit,.matched-head .col-matched,.matched-head .col-draw,.matched-head .col-home {
    padding: 5px 3px
}

.game-list-col .col-visit,.game-list-col .col-matched,.game-list-col .col-draw,.game-list-col .col-home {
    padding: 2px 3px
}

.event-left .col-visit,.event-left .col-matched,.event-left .col-draw,.event-left .col-home,.event-right .col-visit,.event-right .col-matched,.event-right .col-draw,.event-right .col-home {
    width: 31.7880794702%
}

.slip-head .col-matched,.matched-head .col-matched {
    text-align: right
}

.game-list-col .col-info {
    padding: 2px 3px
}

.game-fancy {
    background-color: #0a92a5
}

.game-fancy:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M9.44 21.32l1.792-8.456h5.628l.504-2.408h-5.628l1.288-6.02h7.252L20.78 2H10.112c-.896 0-1.68.275-2.352.826-.672.55-1.11 1.283-1.316 2.198L3 21.32h6.44z" fill="%23C5F6EE" fill-rule="nonzero"/></svg>')
}

.game-list-col .game-fancy {
    float: none;
    vertical-align: text-top;
    margin-right: 0
}

.game-sportsbook {
    background-color: #e4550f
}

.game-sportsbook:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M8.297 21l1.26-5.635 7.255.026c.876 0 1.642-.256 2.3-.77.656-.512 1.085-1.195 1.286-2.047l1.506-6.757c.2-.852.087-1.534-.342-2.047-.43-.513-1.09-.77-1.985-.77H5.997L2 21h6.297zm5.695-7.878h-3.943l1.752-7.852h3.943l-1.752 7.852z" fill="%23FCEDC0" fill-rule="nonzero"/></svg>')
}

.game-list-col .game-sportsbook {
    float: none;
    vertical-align: text-top;
    margin-right: 0
}

.game-bookmaker {
    background-color: #226bc3
}

.game-bookmaker:after {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M15.58 21c.876 0 1.642-.257 2.3-.77.656-.513 1.085-1.195 1.286-2.047l.986-4.487c.091-.348.05-.679-.123-.992A1.722 1.722 0 0019.33 12c.365-.14.699-.365 1-.678.3-.313.497-.644.588-.992l.986-4.513c.2-.852.087-1.534-.342-2.047-.43-.513-1.09-.77-1.985-.77H5.997L2 21h13.58zm-1.096-10.122h-3.942l1.26-5.608h3.942l-1.26 5.608zm-1.752 7.879H8.79l1.26-5.635h3.942l-1.26 5.635z" fill="%23CAFCFF" fill-rule="nonzero"/></svg>')
}

.game-list-col .game-bookmaker {
    float: none;
    vertical-align: text-top;
    margin-right: 0
}

.game-live {
    width: 18px;
    background-color: #1876b2
}

.game-live:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12"><g fill="none" fill-rule="evenodd"><circle cx="6" cy="6" r="6" fill="%234AA2DB"/><path fill="%23FFF" d="M6 0a6 6 0 110 12A6 6 0 016 0zm0 1a5 5 0 100 10A5 5 0 006 1z" opacity=".605"/><path fill="%23FFF" d="M4 3v6l5-3z"/></g></svg>');
    background-repeat: no-repeat
}

.game-list-col .game-live {
    float: none;
    vertical-align: text-top;
    margin-right: 0
}

.game-E {
    display: inline-flex;
    right: 0;
    height: 16px;
    background-color: #fff;
    line-height: 16px;
    font-size: 10px;
    color: #1f5172;
    border-radius: 4px;
    border: 1px solid #1f5172;
    margin-right: 1px;
    padding: 0 3px 0 0;
    overflow: hidden
}

.game-E i {
    position: relative;
    width: 18px;
    height: 100%;
    background-color: #1f5172;
    margin-right: 2px;
    overflow: hidden;
    align-items: center;
    justify-content: center
}

.game-E i:before {
    content: "";
    width: 7px;
    height: 8px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15"><path fill="%23fff" d="M13 15v-4.768h-2.827v2.22H5.605V8.52h3.688V5.992H5.605V2.548h4.568v2.2H13V0H0v2.548h1.78v9.904H0V15z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: -3px
}

.game-E i:after {
    position: absolute;
    right: 0;
    content: "";
    border-left: 5px solid rgba(0,0,0,0);
    border-bottom: 14px solid #fff
}

.game-list-col dt .game-E {
    padding: 0 3px 0 0;
    vertical-align: text-top
}

.game-info .game-E {
    vertical-align: top;
    margin-right: 0
}

.multi_h3 .game-E {
    border-color: #fff;
    background-color: #1f5172;
    color: #fff
}

.multi_h3 .game-E i {
    background-color: #fff
}

.multi_h3 .game-E i:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 15"><path fill="%231F5172" d="M13 15v-4.768h-2.827v2.22H5.605V8.52h3.688V5.992H5.605V2.548h4.568v2.2H13V0H0v2.548h1.78v9.904H0V15z"/></svg>')
}

.multi_h3 .game-E i:after {
    border-bottom-color: #1f5172
}

.game-list-col {
    position: relative;
    padding: 0 6px 0 10px;
    border-bottom: 1px solid #e0e6e6;
    display: flex
}

.game-list-col:hover {
    background-color: #eff2f2
}

.game-list-col dt {
    padding: 0;
    font-weight: bold;
    vertical-align: middle;
    padding: 2px 0 3px 0
}

.event-left .game-list-col dt,.event-right .game-list-col dt {
    padding: 5px 0
}

.game-list-col dt span {
    font-weight: normal;
    padding: 0 3px
}

.game-list-col dt a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 13px);
    margin-bottom: 2px
}

.event-left .game-list-col dt a,.event-right .game-list-col dt a {
    width: auto
}

.game-list-col dt .game-list-time {
    color: #777;
    max-width: 105px;
    margin-left: 9px
}

.game-list-col dt .game-list-soon {
    color: #1e1e1e;
    margin-left: 9px
}

.game-list-col dd {
    position: relative;
    align-self: center
}

.game-list-col dd a {
    width: 49%;
    font-size: 11px;
    line-height: 26px;
    padding: 4px 0;
    cursor: pointer
}

.event-left .game-list-col dd a,.event-right .game-list-col dd a {
    line-height: 13px
}

.game-list-col dd a span {
    float: none;
    font-weight: normal
}

.game-list-col .col-visit,.game-list-col .col-home,.game-list-col .col-draw,.game-list-col .col-matched {
    border-right: 1px solid #eee
}

.game-list-col .col-home {
    background-image: none;
    border: none
}

.game-list-col .col-matched {
    color: #777;
    padding: 5px 6px 5px 0;
    text-align: right;
    line-height: 24px
}

.sport_list-wrap .game-list-col dt {
    width: 70px;
    color: #243a48;
    padding: 8px 0
}

.sport_list-wrap .game-list-col dd {
    padding: 8px 5px 8px 0
}

.sport_list-wrap .game-list-col dd a {
    float: none;
    font-size: 12px;
    line-height: 15px
}

.game-list-col.predict dt {
    padding: 2px 0
}

.game-list-col.predict dd {
    padding: 7px 3px
}

.game-list-col.predict p {
    margin-bottom: 1px
}

.game-list-col.predict .lose,.game-list-col.predict .to-lose,.game-list-col.predict .win,.game-list-col.predict .to-win {
    padding: 0
}

.in_play {
    font-weight: bold !important;
    color: #508d0e
}

.game-list-col .in_play {
    padding: 0
}

.game-wrap-horse {
    margin-bottom: 5px
}

.game-wrap-horse dl {
    padding-bottom: 5px
}

.game-wrap-horse dt,.game-wrap-horse dd {
    float: none;
    width: auto
}

.game-wrap-horse dt .game-list-place {
    color: #777;
    padding-left: 7px;
    margin-left: 5px;
    border-left: 1px solid rgba(0,0,0,.2)
}

.game-wrap-horse .game-list-col {
    display: inherit
}

.game-wrap-horse .game-list-col dt {
    display: inline-block;
    padding: 5px 0 3px 0
}

.game-wrap-horse .game-list-col dt a {
    overflow: initial;
    text-overflow: inherit;
    width: initial
}

.game-wrap-horse .game-list-col dt .game-live {
    margin-left: 5px
}

.game-wrap-horse .hs-time a {
    width: 40px;
    line-height: 19px;
    font-size: 12px;
    border: 1px solid rgba(0,0,0,0);
    border-radius: 3px;
    margin-right: 5px
}

.game-wrap-horse .hs-time a:hover {
    border-color: #2789ce;
    text-decoration: none
}

.game-wrap-horse .hs-time .in-play {
    background-color: #6bbd11;
    color: #fff;
    border-color: #6bbd11
}

.game-wrap-horse .hs-time .in-play:hover {
    background-color: #6bbd11;
    color: #fff;
    border-color: #6bbd11
}

.sport_list-wrap {
    background-color: #fff;
    border-bottom: 1px solid #7e97a7
}

.game-head {
    position: relative;
    background-color: #fff;
    color: #243a48;
    font-size: 13px;
    margin-bottom: 15px
}

.game-head .refresh {
    position: absolute;
    top: 7px;
    right: 0;
    margin-left: 0;
    margin-right: 5px;
    z-index: 3;
    height: 23px;
    width: 22px;
    background: url(../images/main/icon-refresh.png) no-repeat
}

.game-head .fancy-info {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    float: none;
    padding: 0 6px;
    margin: 7px 0;
    background-color: #bed5d8;
    font-size: 12px;
    line-height: 16px;
    border-radius: 3px
}

.game-head .fancy-info dt {
    color: #315195
}

.game-head-name {
    display: flex;
    justify-content: space-between;
    background-color: #1b2d38;
    padding: 0
}

.game-head-name h2 {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 15px;
    padding: 0 0 0 10px;
    margin: 0
}

.game-head-name .refresh {
    position: initial;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 32px;
    width: 32px;
    background-image: none;
    margin-right: 0
}

.game-head-name .refresh::before {
    content: "";
    top: 0px;
    height: 22px;
    width: 23px;
    margin: 0;
    background: url(../images/main/icon-refresh.png) no-repeat content-box
}

.game-team .game-visit,.game-scores .game-visit {
    padding: 5px 30px
}

.game-team .game-visit span,.game-scores .game-visit span {
    position: absolute;
    top: 0;
    right: 0;
    height: 38px;
    width: 26px;
    background: url(../images/main/bg-visit.png) no-repeat
}

.game-team .game-home,.game-scores .game-home {
    padding: 5px 30px
}

.game-team .game-home span,.game-scores .game-home span {
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    width: 26px;
    background: url(../images/main/bg-home.png) no-repeat
}

.game-team .game-vs,.game-scores .game-vs {
    width: 20%;
    font-size: 12px;
    color: #243a48;
    line-height: 16px;
    vertical-align: top
}

.game-team .game-vs div,.game-scores .game-vs div {
    height: 34px;
    background-color: #eee;
    white-space: nowrap
}

.game-team .game-vs span,.game-scores .game-vs span {
    color: #7e97a7;
    font-weight: normal
}

.game-team .pin-out,.game-scores .pin-out {
    padding-left: 10px
}

.game-scores {
    table-layout: fixed
}

.game-scores td {
    position: static;
    width: auto;
    height: auto;
    padding: 5px
}

.game-scores h4,.game-scores .tc-content h5,.tc-content .game-scores h5 {
    height: 22px;
    margin-bottom: 3px;
    overflow: hidden
}

.game-scores h4 span,.game-scores .tc-content h5 span,.tc-content .game-scores h5 span {
    font-size: 12px;
    font-weight: normal;
    vertical-align: top
}

.game-scores h4 span.rank,.game-scores .tc-content h5 span.rank,.tc-content .game-scores h5 span.rank {
    color: #fff;
    background-color: #48575f;
    border-radius: 3px;
    padding: 3px 4px
}

.game-scores .scores-team {
    padding: 5px 10px
}

.game-scores .scores-box {
    width: 19.6353436185%;
    padding: 5px 10px;
    background-color: #0e181e;
    border-right: 1px solid #34444e
}

.game-scores .scores-box.last-box {
    border-right: 1px solid #34444e
}

.game-scores .scores-space {
    width: 22px
}

.game-scores .scores-space:first-of-type {
    width: 15px
}

.game-scores .scores-time {
    font-size: 10px;
    color: #8eea29;
    font-weight: normal;
    line-height: 14px
}

.game-scores .scores-time li {
    list-style: none;
    margin-right: 5px;
    padding-left: 10px;
    background: url(../images/report/filter_dot.png) no-repeat
}

.game-scores .scores-time li.finished {
    color: #fff
}

.game-scores .scores-time .filter-first {
    background: none;
    padding-left: 0
}

.game-scores .scores-time span {
    color: #7e97a7
}

.game-scores .scores-inns {
    font-size: 10px;
    color: #7e97a7;
    font-weight: normal;
    line-height: 14px
}

.game-scores .scores-other {
    color: #7e97a7
}

.game-scores .scores-other h4,.game-scores .scores-other .tc-content h5,.tc-content .game-scores .scores-other h5 {
    font-weight: normal
}

.game-scores .scores-now {
    color: #8eea29
}

.game-scores .scores-win {
    color: #ffb80c
}

.game-scores ul .game-visit {
    width: calc(50% - 96px);
    padding: 8px 8px 8px 30px
}

.game-scores ul .game-home {
    width: calc(50% - 96px);
    padding: 8px 30px 8px 8px
}

.game-scores ul .scores-box {
    width: 116px;
    background-color: rgba(0,0,0,0);
    padding: 0;
    border-width: 0;
    background: url(../images/main/soccer-box.png) no-repeat
}

.game-scores ul .scores-box p {
    padding: 3px 0 3px;
    margin-bottom: 0
}

.game-scores ul .scores-box span {
    line-height: 16px;
    font-size: 10px;
    font-weight: normal
}

.tennis .scores-box {
    width: 4.9088359046%;
    padding: 5px;
    border-width: 0
}

.its_turn {
    vertical-align: middle;
    background-image: url(../images/main/icon-its_turn.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 22px;
    width: 8px
}

.game-progress {
    position: relative;
    padding: 9px 0
}

.game-progress:after {
    position: absolute;
    left: 50%;
    content: "";
    width: 1px;
    height: 9px;
    background-color: #fff
}

.progress-bar {
    position: relative;
    width: calc(100% - 30px);
    height: 6px;
    margin: 0 15px;
    border-radius: 3px;
    background-image: url(../images/bg/bg-progress.png);
    background-repeat: repeat-x
}

.progress-bar img {
    position: absolute;
    width: 13px;
    height: 13px;
    margin-left: -6px;
    cursor: pointer
}

.progress-now {
    position: absolute;
    height: 6px;
    border-radius: 3px;
    background-image: url(../images/bg/bg-progress-now.png);
    background-repeat: repeat-x
}

.icon-card-yellow {
    background: url(../images/main/icon-card-yellow.png) no-repeat
}

.icon-card-red {
    background: url(../images/main/icon-card-red.png) no-repeat
}

.icon-soccer {
    background: url(../images/main/icon-soccer.png) no-repeat
}

.sum-status {
    position: absolute;
    width: 15px;
    height: 15px;
    line-height: 15px;
    background-color: #ffcc2f;
    background-image: linear-gradient(-180deg, #ffcc2f 0%, #ffb80c 71%);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
    font-size: 12px;
    color: #1e1e1e;
    font-weight: normal;
    border-radius: 50%;
    margin-left: -7px;
    margin-top: -1px;
    cursor: pointer;
    transform: scale(0.7, 0.7)
}

.team-a {
    top: -8px
}

.team-b {
    top: 2px
}

.score-pop,.score-pop-last {
    position: absolute;
    top: 15px;
    background-color: #fff3d4;
    padding: 5px;
    border-radius: 0 0 4px 4px;
    margin-left: -4px;
    z-index: 10;
    pointer-events: none
}

.score-pop:before,.score-pop-last:before {
    content: "";
    position: absolute;
    top: -8px;
    margin-left: -10px;
    background-image: url(../images/main/arrow-score_pop.png);
    background-repeat: no-repeat;
    height: 8px;
    width: 19px
}

.score-pop ul li,.score-pop-last ul li {
    float: none;
    font-size: 11px;
    color: #1e1e1e;
    font-weight: normal;
    line-height: 15px;
    list-style: none
}

.score-pop img,.score-pop-last img {
    position: static;
    margin: 0;
    vertical-align: middle
}

.score-pop .scores-now,.score-pop-last .scores-now {
    color: #508e0d
}

.score-pop.team-b,.team-b.score-pop-last {
    top: 25px
}

.score-pop-last:before {
    right: 0;
    margin-right: -5px
}

.scores-event,.scores-line {
    height: 29px;
    line-height: 29px;
    color: #243a48;
    font-weight: bold;
    padding-left: 10px;
    background-image: url(../images/bg/bg-scroe_event.png);
    background-repeat: repeat-x
}

.scores-event img,.scores-line img {
    margin-left: 2px;
    vertical-align: top;
    height: 29px;
    width: 18px;
    background-image: url(../images/main/img-scroe_event.png);
    background-repeat: no-repeat
}

.match-btn {
    justify-content: center;
    list-style: none
}

.match-btn li {
    position: relative
}

.match-btn li:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 25px;
    background: rgba(255,255,255,.5)
}

.match-btn li:last-of-type:after {
    display: none
}

.match-btn a {
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 25px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    font-weight: bold
}

.match-btn a:before {
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 2px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.match-btn .btn-pin {
    padding-left: 12px;
    background-image: url('data:image/svg+xml,<svg width="100" height="25" viewBox="0 0 100 25" xmlns="http://www.w3.org/2000/svg"><path d="M120 0l-8.293 17.752c-1.87 4.003-6.969 7.248-11.377 7.248h-80.661c-4.413 0-9.506-3.243-11.377-7.248l-8.293-17.752h120z" fill="rgb(59,81,96)"/></svg>')
}

.match-btn .btn-pin:before {
    background-image: url('data:image/svg+xml,<svg width="8" height="12" viewBox="0 0 8 12" xmlns="http://www.w3.org/2000/svg"><path d="M6.714 5.25c.857.321 1.286.812 1.286 1.473 0 .232-.036.384-.107.455-.071.071-.214.107-.429.107h-2.893l-.429 4.714h-.286l-.429-4.714h-2.893c-.214 0-.357-.04-.429-.121-.071-.08-.107-.228-.107-.442 0-.661.429-1.152 1.286-1.473l.143-.054c.262-.107.429-.277.5-.509l.643-3.161v-.134c0-.143-.119-.259-.357-.348l-.036-.027h-.036c-.286-.089-.429-.241-.429-.455 0-.25.048-.406.143-.469.095-.063.262-.094.5-.094h3.286c.238 0 .405.031.5.094.095.063.143.219.143.469 0 .214-.143.366-.429.455h-.036l-.036.027c-.238.089-.357.205-.357.348v.134l.643 3.161c.071.232.238.402.5.509l.143.054z" fill="rgb(255,255,255)"/></svg>')
}

.match-btn .btn-pin.select {
    background-image: url('data:image/svg+xml,<svg width="100" height="25" viewBox="0 0 100 25" xmlns="http://www.w3.org/2000/svg"><path d="M120 0l-8.293 17.752c-1.87 4.003-6.969 7.248-11.377 7.248h-80.661c-4.413 0-9.506-3.243-11.377-7.248l-8.293-17.752h120z" fill="rgb(107,189,17)"/></svg>')
}

.match-btn .btn-refresh {
    padding-right: 12px;
    background-image: url('data:image/svg+xml,<svg width="100" height="25" viewBox="0 0 100 25" xmlns="http://www.w3.org/2000/svg"><path d="M100 0l-8.293 17.752c-1.87 4.003-6.969 7.248-11.377 7.248h-80.661c-4.413 0-9.506-3.243-11.377-7.248l-8.293-17.752h120z" fill="rgb(59,81,96)"/></svg>')
}

.match-btn .btn-refresh:before {
    background-image: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="rgb(255,255,255)"/></svg>')
}

.match-odds {
    height: 30px;
    line-height: 30px;
    color: #243a48;
    font-weight: bold;
    padding-left: 10px;
    background-color: #c5d0d7
}

.match-odds img {
    vertical-align: top;
    background-repeat: no-repeat;
    background-image: url(../images/main/img-match_odds.png);
    background-repeat: no-repeat;
    height: 30px;
    width: 20px
}

.tab-HS {
    line-height: 31px;
    height: 32px;
    background-image: url(../images/bg/bg-tab-HS.png);
    background-repeat: repeat-x;
    background-position: initial
}

.tab-HS a {
    width: 95px;
    color: #243a48;
    padding: 0 10px;
    border-right: 1px solid #96abb8
}

.tab-HS a.select {
    background-color: #fff;
    border-top: 2px solid #ffb80c;
    height: 30px;
    line-height: 28px
}

.tab-HS a.select:hover {
    text-decoration: none
}

.tab-HS .more_drop {
    width: 75px;
    padding-right: 30px;
    background-image: url(../images/main/more_drop.png);
    background-repeat: no-repeat;
    background-position: right
}

.tab-HS .more_drop.select {
    background-image: url(../images/main/more_drop-hover.png)
}

.more_drop-list {
    position: absolute;
    min-width: 115px;
    border-radius: 0;
    line-height: 28px
}

.more_drop-list:not(:target) {
    display: none
}

.more_drop-list:target {
    display: block
}

.more_drop-list li {
    float: none
}

.more_drop-list li:last-of-type a {
    border-bottom-color: #7e97a7
}

.more_drop-list a {
    width: calc(100% - 20px);
    border-right-width: 0;
    text-align: left
}

.game-info-wrap {
    border-bottom: 1px solid #7e97a7
}

.game-info {
    padding: 0 10px
}

.game-info li {
    padding: 7px 0;
    margin-right: 8px
}

.game-info .info-live {
    padding: 3px 0
}

.btn-live {
    width: 61px;
    height: 21px;
    line-height: 21px
}

.btn-live img {
    margin-top: 3px
}

.game-low_liq {
    background-color: #d0021b;
    color: #fff
}

.game-list-col dt .game-low_liq {
    display: inline-block;
    border-radius: 3px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    font-weight: bold;
    vertical-align: text-top
}

.game-matched {
    padding: 0 5px
}

.game-matched dt {
    padding: 7px 0
}

.game-matched dd {
    font-weight: bold;
    color: #1e1e1e;
    padding: 7px 0 7px 5px
}

.open-tv-wrap {
    height: 23px;
    line-height: 23px;
    background-image: linear-gradient(180deg, #1e5f89 0%, #194f72 100%);
    border-radius: 3px;
    color: #fff;
    padding: 0 7px;
    margin: 3px 7px 4px 5px
}

.game-head .open-tv-wrap {
    align-items: center
}

.open-tv-wrap:before {
    content: "";
    vertical-align: middle;
    margin-right: 5px;
    background-image: url(../images/main/icon-live_logo-s.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 18px
}

.open-tv-wrap:hover {
    text-decoration: none;
    background-image: linear-gradient(180deg, #194f72 0%, #1e5f89 100%)
}

.open-tv-wrap.close_tv {
    background-image: linear-gradient(180deg, #df4000 0%, #cd3a00 100%)
}

.open-tv-wrap.close_tv:before {
    background-image: url(../images/main/icon-live_logo-s-open.png)
}

.open-tv-wrap.close_tv:hover {
    text-decoration: none;
    background-image: linear-gradient(0deg, #df4000 0%, #cd3a00 100%)
}

.game-streaming-wrap {
    height: 270px;
    background-image: linear-gradient(90deg, #222222 0%, #000000 20%, #000000 81%, #222222 100%)
}

.game-streaming-wrap:not(:target) {
    display: none
}

.game-streaming-wrap:target {
    display: block
}

.tv {
    position: relative;
    width: 480px;
    height: 270px;
    background-color: #000;
    margin: 0 auto
}

.tv video {
    width: 100%;
    height: 100%
}

.tv-control {
    position: absolute;
    width: auto;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,.3);
    overflow: hidden;
    background-color: rgba(0,0,0,.6);
    z-index: 2;
    margin: 7px
}

.tv-control li {
    list-style: none;
    border-right: 1px solid rgba(255,255,255,.2)
}

.tv-control li:last-of-type {
    border-right-width: 0
}

.tv-control a {
    width: 50px;
    height: 35px;
    color: #c8c7c7;
    text-decoration: none
}

.tv-control a:hover {
    background-color: rgba(0,0,0,.8)
}

.tv-control a:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat
}

.tv-control .close:before {
    width: 30px;
    height: 30px;
    background-image: url('data:image/svg+xml,<svg width="19" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M14 5.912L10.412 9.5 14 13.088l-.912.912L9.5 10.412 5.912 14 5 13.088 8.588 9.5 5 5.912 5.912 5 9.5 8.588 13.088 5z" fill="rgb(207,209,206)" fill-rule="evenodd"/></svg>')
}

.tv-control:nth-of-type(1) {
    top: 0;
    right: 0
}

.tv-control:nth-of-type(2) {
    bottom: 0;
    left: 0
}

.tv-control:nth-of-type(3) {
    bottom: 0;
    right: 0
}

.btn-line span {
    padding-top: 10px
}

.btn-line:before {
    width: 18px;
    height: 14px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 14"><path fill="rgb(207,209,206)" fill-rule="evenodd" d="M3.477 7.67c1.104-1.138 2.394-1.909 3.87-2.312a8.165 8.165 0 0 1 4.326 0c1.477.403 2.76 1.174 3.85 2.312l-1.697 1.815A5.933 5.933 0 0 0 7.948 7.82a5.933 5.933 0 0 0-2.774 1.664L3.477 7.67zm3.436 3.63c.455-.476 1-.8 1.635-.973a3.561 3.561 0 0 1 1.904 0c.635.173 1.18.497 1.635.972L9.5 14l-2.587-2.7zM0 4.082a13.418 13.418 0 0 1 4.45-3.068A13.083 13.083 0 0 1 9.52 0c1.753 0 3.436.338 5.05 1.015A13.198 13.198 0 0 1 19 4.083l-1.739 1.815a10.767 10.767 0 0 0-3.622-2.506A10.498 10.498 0 0 0 9.5 2.549c-1.435 0-2.815.281-4.14.843A10.767 10.767 0 0 0 1.74 5.898L0 4.083z"/></svg>')
}

.tv-control .btn-line {
    font-size: 11px;
    text-indent: inherit
}

.btn-volume_on:before {
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M10.8 0a8.89 8.89 0 013.699 1.75 9.204 9.204 0 012.56 3.157A9.199 9.199 0 0118 9a9.199 9.199 0 01-.94 4.093 9.204 9.204 0 01-2.561 3.156A8.89 8.89 0 0110.8 18v-2.12a6.805 6.805 0 002.647-1.43 7.164 7.164 0 001.819-2.43A7.11 7.11 0 0015.922 9a7.11 7.11 0 00-.656-3.02 7.164 7.164 0 00-1.819-2.43A6.805 6.805 0 0010.8 2.12V0zm2.7 9c0 .93-.242 1.772-.727 2.525a4.804 4.804 0 01-1.973 1.738V4.737c.83.406 1.488.985 1.973 1.738.485.753.727 1.595.727 2.525zM0 5.986h3.984L9 .947v16.106l-5.016-5.04H0V5.987z" fill="rgb(200,199,199)" fill-rule="evenodd"/></svg>')
}

.btn-volume_off:before {
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M8.526.947v3.79L6.632 2.842 8.526.947zM1.272 0L18 16.728 16.728 18l-2.064-2.064c-1.2.928-2.416 1.536-3.648 1.824v-2.064a6.364 6.364 0 002.256-1.176L9 10.272v6.744L3.984 12H0V6h4.728L0 1.272 1.272 0zm14.814 8.982a7.598 7.598 0 00-.604-3.015 7.131 7.131 0 00-1.675-2.424 6.136 6.136 0 00-2.439-1.427V0a7.932 7.932 0 013.407 1.747 9.083 9.083 0 012.359 3.15A9.818 9.818 0 0118 8.982c0 .754-.084 1.496-.25 2.226a9.171 9.171 0 01-.73 2.055l-1.413-1.6c.32-.869.479-1.763.479-2.681zm-2.823-.122c0 .295-.018.5-.054.614l-2.788-2.48V4.738c.875.393 1.567.953 2.077 1.681.51.728.765 1.542.765 2.442z" fill="rgb(200,199,199)" fill-rule="evenodd"/></svg>')
}

.btn-fullscreen:before {
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M18 6.402V0h-6.402v2.536h3.866v3.866H18zm-15.464 0V2.536h3.866V0H0v6.402h2.536zM18 18v-6.402h-2.536v3.866h-3.866V18H18zM6.402 18v-2.536H2.536v-3.866H0V18h6.402z" fill="rgb(200,199,199)" fill-rule="nonzero"/></svg>')
}

.btn-collapse:before {
    width: 15px;
    height: 15px;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" xmlns="http://www.w3.org/2000/svg"><path d="M18 6.402V3.866h-3.866V0h-2.536v6.402H18zm-11.598 0V0H3.866v3.866H0v2.536h6.402zM14.134 18v-3.866H18v-2.536h-6.402V18h2.536zm-7.732 0v-6.402H0v2.536h3.866V18h2.536z" fill="rgb(200,199,199)" fill-rule="nonzero"/></svg>')
}

.bets-wrap {
    position: relative;
    background-color: #fff;
    border-top: 1px solid #7e97a7;
    margin-top: 38px;
    margin-bottom: 30px
}

.player .bets-wrap {
    *height: auto !important;
    *height: 650px;
    min-height: 650px;
    margin-bottom: 10px
}

.over-wrap .bets-wrap {
    margin-top: 23px
}

.player .over-wrap .bets-wrap {
    min-height: calc(100% - 34px)
}

.game-wrap .bets-wrap {
    margin: 26px 3px 5px
}

.live-match .bets-wrap {
    margin-top: 38px
}

.streaming-open .bets-wrap {
    margin-top: 38px
}

.bets-wrap .bet-all {
    line-height: 22px
}

.bets-wrap.match-wrap {
    margin-top: 0px
}

.bets-wrap.match-wrap .bets,.bets-wrap.match-wrap .bets-HS,.bets-wrap.match-wrap .bets-GH {
    margin-top: 0px
}

.refer_only {
    position: absolute;
    top: -24px;
    font-size: 11px;
    color: #7e97a7;
    line-height: 23px;
    margin-left: 5px
}

.for-agent {
    height: 182px;
    background-color: #e2e8ed;
    padding: 0 0 15px
}

.for-agent .bets-wrap {
    margin: 0
}

.for-agent .refer-book {
    padding-right: 10px
}

.for-agent .refer_only {
    margin-left: 10px
}

.for-agent .fancy_bet,.for-agent .bookmaker_bet,.for-agent .sportsbook_bet {
    margin-top: 38px
}

.for-agent .sportsbook-head {
    width: calc(100% - 5px);
    padding-right: 5px
}

.head-bets-agent {
    background-color: rgba(255,255,255,.5);
    margin-bottom: 28px;
    border-bottom: 1px solid #7e97a7;
    padding: 0 10px
}

.head-bets-agent .game-matched {
    padding: 0;
    margin-right: 20px
}

.head-bets-agent .game-info {
    padding: 0
}

.head-bets-agent .game-info li {
    margin: 0 0 0 20px
}

.head-bets-agent .game-low_liq {
    margin-left: -10px;
    margin-right: 5px
}

.for-op {
    width: calc(100% - 1px)
}

.for-op .rules-wrap {
    top: 0;
    margin-top: 0
}

.for-op td .fancy-info {
    width: 60%;
    font-size: 13px;
    line-height: 17px;
    margin: 2px 0 0
}

.for-op td .fancy-info dt {
    font-size: 12px
}

.for-op td .fancy-info:last-of-type {
    width: 39%
}

.bets,.bets-HS,.bets-GH {
    width: 100%;
    margin-top: -24px
}

.bets tr:hover,.bets-HS tr:hover,.bets-GH tr:hover {
    background-color: #eff2f2
}

.bets th,.bets-HS th,.bets-GH th {
    position: relative;
    padding: 9px 10px;
    border-bottom: 1px solid #7e97a7
}

.bets th p,.bets-HS th p,.bets-GH th p {
    width: 292px;
    margin-bottom: 0
}

.asiahadicap .bets th p,.asiahadicap .bets-HS th p,.asiahadicap .bets-GH th p {
    white-space: normal
}

.bets th span,.bets-HS th span,.bets-GH th span {
    font-weight: normal
}

.bets th.predict,.bets-HS th.predict,.bets-GH th.predict {
    padding: 3px 10px
}

.bets th.predict p,.bets-HS th.predict p,.bets-GH th.predict p {
    margin-bottom: 3px
}

.bets td,.bets-HS td,.bets-GH td {
    width: 8.9743589744%;
    border-bottom: 1px solid #7e97a7;
    border-left: 1px solid #ddd;
    font-weight: bold;
    vertical-align: top
}

.bets td:hover,.bets-HS td:hover,.bets-GH td:hover {
    background-color: #ededed
}

.bets td a,.bets-HS td a,.bets-GH td a {
    position: relative;
    height: 35px;
    color: #1e1e1e;
    padding: 3px 0 2px;
    cursor: pointer
}

.bets td a:hover,.bets-HS td a:hover,.bets-GH td a:hover {
    text-decoration: none
}

.bets td span,.bets-HS td span,.bets-GH td span {
    font-weight: normal;
    font-size: 11px
}

.bets td.no-liq a,.bets-HS td.no-liq a,.bets-GH td.no-liq a {
    line-height: 35px
}

.bets td.no-liq span,.bets-HS td.no-liq span,.bets-GH td.no-liq span {
    display: none
}

.bets .refer-bet,.bets-HS .refer-bet,.bets-GH .refer-bet,.bets .refer-book,.bets-HS .refer-book,.bets-GH .refer-book {
    font-size: 11px;
    line-height: 22px;
    font-weight: normal
}

.bets .back-1,.bets-HS .back-1,.bets-GH .back-1 {
    background-color: #72bbef;
    border-left-color: #fff
}

.bets .back-1:hover,.bets-HS .back-1:hover,.bets-GH .back-1:hover {
    background-color: #80c2f1
}

.bets .back-1.select,.bets-HS .back-1.select,.bets-GH .back-1.select {
    background-color: #1a8ee1;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.bets .back-1.select a,.bets-HS .back-1.select a,.bets-GH .back-1.select a {
    color: #fff
}

.bets .back-1.single-bet a,.bets-HS .back-1.single-bet a,.bets-GH .back-1.single-bet a {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bets .back-2,.bets-HS .back-2,.bets-GH .back-2 {
    background-color: #b7d5eb;
    border-left-color: #fff
}

.bets .back-2:hover,.bets-HS .back-2:hover,.bets-GH .back-2:hover {
    background-color: #c3dcee
}

.bets .back-2.select,.bets-HS .back-2.select,.bets-GH .back-2.select {
    background-color: #67a6d5;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.bets .back-2.select a,.bets-HS .back-2.select a,.bets-GH .back-2.select a {
    color: #fff
}

.disable .bets .back-2,.disable .bets-HS .back-2,.disable .bets-GH .back-2 {
    background-color: #ddd
}

.bets .back-3,.bets-HS .back-3,.bets-GH .back-3 {
    background-color: #d7e8f4;
    border-left-color: #fff
}

.bets .back-3:hover,.bets-HS .back-3:hover,.bets-GH .back-3:hover {
    background-color: #e3eff7
}

.bets .back-3.select,.bets-HS .back-3.select,.bets-GH .back-3.select {
    background-color: #87bade;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.bets .back-3.select a,.bets-HS .back-3.select a,.bets-GH .back-3.select a {
    color: #fff
}

.bets .lay-1,.bets-HS .lay-1,.bets-GH .lay-1 {
    background-color: #faa9ba;
    border-left-color: #fff
}

.bets .lay-1:hover,.bets-HS .lay-1:hover,.bets-GH .lay-1:hover {
    background-color: #fbb7c6
}

.bets .lay-1.select,.bets-HS .lay-1.select,.bets-GH .lay-1.select {
    background-color: #f4496d;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.bets .lay-1.select a,.bets-HS .lay-1.select a,.bets-GH .lay-1.select a {
    color: #fff
}

.bets .lay-2,.bets-HS .lay-2,.bets-GH .lay-2 {
    background-color: #efd3d9;
    border-left-color: #fff
}

.bets .lay-2:hover,.bets-HS .lay-2:hover,.bets-GH .lay-2:hover {
    background-color: #f3dee3
}

.bets .lay-2.select,.bets-HS .lay-2.select,.bets-GH .lay-2.select {
    background-color: #d48898;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.bets .lay-2.select a,.bets-HS .lay-2.select a,.bets-GH .lay-2.select a {
    color: #fff
}

.bets .lay-3,.bets-HS .lay-3,.bets-GH .lay-3 {
    background-color: #f6e6ea;
    border-left-color: #fff
}

.bets .lay-3:hover,.bets-HS .lay-3:hover,.bets-GH .lay-3:hover {
    background-color: #faf1f3
}

.bets .lay-3.select,.bets-HS .lay-3.select,.bets-GH .lay-3.select {
    background-color: #db9bab;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.bets .lay-3.select a,.bets-HS .lay-3.select a,.bets-GH .lay-3.select a {
    color: #fff
}

.bets .bet-all:hover,.bets-HS .bet-all:hover,.bets-GH .bet-all:hover {
    background-color: rgba(0,0,0,0)
}

.bets .bet-all td,.bets-HS .bet-all td,.bets-GH .bet-all td {
    background-color: rgba(0,0,0,0);
    border-left-color: rgba(0,0,0,0);
    padding-bottom: 1px
}

.bets .bet-all td.lay-all,.bets-HS .bet-all td.lay-all,.bets-GH .bet-all td.lay-all {
    border-left-color: #fff
}

.bets .bet-all a,.bets-HS .bet-all a,.bets-GH .bet-all a {
    position: relative;
    width: 100%;
    height: 17px;
    line-height: 17px;
    cursor: pointer
}

.bets .bet-all img,.bets-HS .bet-all img,.bets-GH .bet-all img {
    position: absolute;
    top: 0;
    width: calc(100% - 11px);
    height: 100%
}

.bets .bet-all span,.bets-HS .bet-all span,.bets-GH .bet-all span {
    position: absolute;
    width: 100%;
    font-weight: bold;
    font-size: 12px
}

.bets .back-all,.bets-HS .back-all,.bets-GH .back-all {
    background-image: url(../images/main/bg-backall-left.png);
    background-repeat: no-repeat;
    background-position: initial
}

.bets .back-all img,.bets-HS .back-all img,.bets-GH .back-all img {
    left: 11px;
    background-image: url(../images/bg/bg-backall.png);
    background-repeat: repeat-x
}

.bets .back-all:hover,.bets-HS .back-all:hover,.bets-GH .back-all:hover {
    background-image: url(../images/main/bg-backall-left_hover.png);
    background-position: initial
}

.bets .back-all:hover img,.bets-HS .back-all:hover img,.bets-GH .back-all:hover img {
    background-image: url(../images/bg/bg-backall_hover.png);
    background-repeat: repeat-x
}

.bets .lay-all,.bets-HS .lay-all,.bets-GH .lay-all {
    background-image: url(../images/main/bg-layall-right.png);
    background-position: right top
}

.bets .lay-all img,.bets-HS .lay-all img,.bets-GH .lay-all img {
    right: 11px;
    background-image: url(../images/bg/bg-layall.png);
    background-repeat: repeat-x;
    background-position: initial
}

.bets .lay-all:hover,.bets-HS .lay-all:hover,.bets-GH .lay-all:hover {
    background-image: url(../images/main/bg-layall-right_hover.png);
    background-position: right top
}

.bets .lay-all:hover img,.bets-HS .lay-all:hover img,.bets-GH .lay-all:hover img {
    background-image: url(../images/bg/bg-layall_hover.png);
    background-repeat: repeat-x;
    background-position: initial
}

.bets .special_bet,.bets-HS .special_bet,.bets-GH .special_bet {
    background-color: #243a48;
    color: #fff
}

.bets .special_bet td,.bets-HS .special_bet td,.bets-GH .special_bet td {
    padding: 0;
    border-left-width: 0;
    border-bottom-color: #fff;
    line-height: 25px
}

.bets .special_bet td:hover,.bets-HS .special_bet td:hover,.bets-GH .special_bet td:hover {
    background-color: #243a48
}

.bets .special_bet h3,.bets-HS .special_bet h3,.bets-GH .special_bet h3 {
    position: relative;
    padding: 0 0 0 10px
}

.bets .special_bet h3 a,.bets-HS .special_bet h3 a,.bets-GH .special_bet h3 a {
    color: #fff
}

.bets .special_bet h3 p,.bets-HS .special_bet h3 p,.bets-GH .special_bet h3 p {
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin: 0 0 0 7px;
    opacity: .7
}

.bets .special_bet a,.bets-HS .special_bet a,.bets-GH .special_bet a {
    height: inherit;
    padding: 0
}

.bets .special_bet .btn-fancy_info,.bets-HS .special_bet .btn-fancy_info,.bets-GH .special_bet .btn-fancy_info {
    position: absolute;
    top: 0;
    right: 2px;
    background: url(../images/main/btn-fancy_info.png) no-repeat
}

.bets .special_bet .fancy-info,.bets-HS .special_bet .fancy-info,.bets-GH .special_bet .fancy-info {
    position: absolute;
    top: 0;
    right: 2px;
    font-weight: normal;
    width: auto;
    height: 25px;
    margin: 0
}

.bets.disable td a,.disable.bets-HS td a,.disable.bets-GH td a {
    color: #999;
    cursor: not-allowed
}

.bets.disable .back-all,.disable.bets-HS .back-all,.disable.bets-GH .back-all {
    background-image: url(../images/main/bg-backall-left_disable.png)
}

.bets.disable .back-all img,.disable.bets-HS .back-all img,.disable.bets-GH .back-all img {
    background-image: url(../images/bg/bg-disableall.png);
    background-repeat: repeat-x
}

.bets.disable .lay-all,.disable.bets-HS .lay-all,.disable.bets-GH .lay-all {
    background-image: url(../images/main/bg-layall-right_disable.png);
    background-position: right top
}

.bets.disable .lay-all img,.disable.bets-HS .lay-all img,.disable.bets-GH .lay-all img {
    background-image: url(../images/bg/bg-disableall.png);
    background-repeat: repeat-x
}

.bets .to-expand,.bets-HS .to-expand,.bets-GH .to-expand {
    background: url(../images/main/expand_btn-game.png) no-repeat;
    background-position: right
}

.bets .colgroup-adjust td,.bets-HS .colgroup-adjust td,.bets-GH .colgroup-adjust td {
    border-bottom: inherit;
    border-left: inherit
}

.bets.close,.close.bets-HS,.close.bets-GH {
    height: 25px;
    overflow: hidden
}

.bets.close tr:not(:nth-of-type(2)),.close.bets-HS tr:not(:nth-of-type(2)),.close.bets-GH tr:not(:nth-of-type(2)) {
    display: none
}

.bets.close .special_bet td,.close.bets-HS .special_bet td,.close.bets-GH .special_bet td {
    border-bottom-width: 0
}

.bets.close .to-expand,.close.bets-HS .to-expand,.close.bets-GH .to-expand {
    background: url(../images/main/close_btn-game.png) no-repeat;
    background-position: right
}

.disabled .col-visit a,.disabled .col-home a,.disabled .col-draw a,.disabled .col-matched a,.disabled.col-visit a,.disabled.col-home a,.disabled.col-draw a,.disabled.col-matched a {
    position: relative;
    cursor: not-allowed
}

.disabled .col-visit a:before,.disabled .col-home a:before,.disabled .col-draw a:before,.disabled .col-matched a:before,.disabled.col-visit a:before,.disabled.col-home a:before,.disabled.col-draw a:before,.disabled.col-matched a:before {
    content: "";
    position: absolute;
    top: 0;
    background: rgba(51,51,51,.2) url(../images/bg-disabled.png);
    width: 100%;
    height: 100%
}

.disabled td a {
    cursor: not-allowed;
    background: rgba(51,51,51,.2) url(../images/bg-disabled.png)
}

.disabled .back-all,.disabled .back-all:hover {
    cursor: not-allowed;
    background-color: rgba(0,0,0,0);
    background-image: url(../images/main/bg-backall-left-disabled.png)
}

.disabled .back-all img,.disabled .back-all:hover img {
    background: url(../images/bg-backall-disabled.png)
}

.disabled .lay-all,.disabled .lay-all:hover {
    cursor: not-allowed;
    background-color: rgba(0,0,0,0);
    background-image: url(../images/main/bg-layall-right-disabled.png);
    background-position: right top
}

.disabled .lay-all img,.disabled .lay-all:hover img {
    background-image: url(../images/bg-layall-disabled.png);
    background-position: right top
}

.cooldown .col-visit a,.cooldown .col-home a,.cooldown .col-draw a,.cooldown .col-matched a,.cooldown.col-visit a,.cooldown.col-home a,.cooldown.col-draw a,.cooldown.col-matched a {
    position: relative
}

.cooldown .col-visit a:after,.cooldown .col-home a:after,.cooldown .col-draw a:after,.cooldown .col-matched a:after,.cooldown.col-visit a:after,.cooldown.col-home a:after,.cooldown.col-draw a:after,.cooldown.col-matched a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.cooldown .col-visit a.btn-back:after,.cooldown .col-home a.btn-back:after,.cooldown .col-draw a.btn-back:after,.cooldown .col-matched a.btn-back:after,.cooldown .col-visit a.btn-lay:after,.cooldown .col-home a.btn-lay:after,.cooldown .col-draw a.btn-lay:after,.cooldown .col-matched a.btn-lay:after,.cooldown.col-visit a.btn-back:after,.cooldown.col-home a.btn-back:after,.cooldown.col-draw a.btn-back:after,.cooldown.col-matched a.btn-back:after,.cooldown.col-visit a.btn-lay:after,.cooldown.col-home a.btn-lay:after,.cooldown.col-draw a.btn-lay:after,.cooldown.col-matched a.btn-lay:after {
    background-color: rgba(0,46,85,.4)
}

.cooldown .col-visit a.btn-lay:after,.cooldown .col-home a.btn-lay:after,.cooldown .col-draw a.btn-lay:after,.cooldown .col-matched a.btn-lay:after,.cooldown.col-visit a.btn-lay:after,.cooldown.col-home a.btn-lay:after,.cooldown.col-draw a.btn-lay:after,.cooldown.col-matched a.btn-lay:after {
    background-color: rgba(89,10,21,.4)
}

.cooldown td a {
    position: relative
}

.cooldown td a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    opacity: 0
}

.cooldown .back-all:after,.cooldown .lay-all:after {
    display: none
}

.cooldown .back-1 a:after {
    background-color: rgba(0,46,85,.4)
}

.cooldown .back-2 a:after {
    background-color: rgba(0,46,85,.4)
}

.cooldown .back-3 a:after {
    background-color: rgba(0,46,85,.4)
}

.cooldown .lay-1 a:after {
    background-color: rgba(89,10,21,.4)
}

.cooldown .lay-2 a:after {
    background-color: rgba(89,10,21,.4)
}

.cooldown .lay-3 a:after {
    background-color: rgba(89,10,21,.4)
}

.bets-HS th,.bets-GH th {
    padding: 4px 10px 5px 5px;
    overflow: visible
}

.bets-HS td,.bets-GH td {
    vertical-align: middle
}

.bets-HS td a,.bets-GH td a {
    height: 35px
}

.bets-HS td.suspend span,.bets-GH td.suspend span {
    line-height: 38px
}

.bets-HS .predict th,.bets-GH .predict th {
    padding: 3px 10px 3px 5px
}

.bets-HS .predict td a,.bets-GH .predict td a {
    padding: 10px 0 9px
}

.bets-HS .predict .suspend,.bets-GH .predict .suspend {
    height: 53px
}

.bets-HS .predict .suspend span,.bets-GH .predict .suspend span {
    height: 100%;
    line-height: 53px
}

.horse-info,.dog-info {
    width: 292px;
    height: 31px
}

.horse-info>dt,.dog-info>dt {
    flex: 0 0 auto;
    margin-right: 7px;
    align-items: center
}

.horse-info>dd,.dog-info>dd {
    flex: 1;
    min-width: 0;
    position: relative;
    align-items: center
}

.horse-info li,.dog-info li {
    list-style: none
}

.horse-info .icon-predict,.dog-info .icon-predict {
    margin-right: 0
}

.predict .horse-info,.predict .dog-info {
    margin-bottom: 2px
}

.horse-box {
    min-width: 25px
}

.horse-box li {
    list-style: none;
    font-size: 11px;
    font-weight: normal
}

.horse-box.only-num {
    font-size: 13px
}

.uniform {
    width: 26px;
    height: 21px;
    margin: 0 0 0 3px
}

.uniform img {
    width: 26px;
    height: 21px
}

.horse-name {
    cursor: default;
    min-width: 0
}

.horse-name li {
    font-weight: normal
}

.horse-name li:first-of-type {
    font-weight: bold
}

.horse_info-hover {
    display: none;
    position: absolute;
    top: 100%;
    background-color: #fff;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 7px;
    border-radius: 4px;
    z-index: 10;
    pointer-events: none
}

.horse_info-hover dt {
    clear: left;
    margin-right: 5px
}

.horse_info-hover dd {
    clear: right
}

.win,.to-win {
    color: #508d0e;
    margin: 0 5px 0 0
}

.to-win {
    display: inline-flex;
    align-items: center
}

.to-win:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background-image: url('data:image/svg+xml,<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M4 0l6 5-6 5V7H0V3h4V0z" fill="%234F8C0C" fill-rule="evenodd"/></svg>')
}

.lose,.to-lose {
    color: #d0021b;
    margin: 0 5px 0 0
}

.to-lose {
    display: inline-flex;
    align-items: center
}

.to-lose:before {
    content: "";
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background-image: url('data:image/svg+xml,<svg width="10" height="10" xmlns="http://www.w3.org/2000/svg"><path d="M4 0l6 5-6 5V7H0V3h4V0z" fill="%23D0021B" fill-rule="evenodd"/></svg>')
}

.more {
    line-height: 24px;
    padding-right: 20px;
    background-image: url(../images/main/icon-arrow_R.png);
    background-repeat: no-repeat;
    background-position: right 0
}

.change_page-box {
    display: flex;
    width: 100%;
    justify-content: center
}

.change_page-box a:nth-child(2n)::before {
    content: "";
    display: inline-block;
    border-left: 1px solid rgba(0,0,0,.2);
    height: 10px;
    padding-left: 8px
}

.change_page-box .disabled {
    color: #b4c1ca;
    cursor: not-allowed
}

.change_page-box .disabled:hover {
    text-decoration: none
}

.change_page-box .disabled:before {
    border-color: #b4c1ca
}

.change_page-box .disabled:after {
    border-color: #b4c1ca
}

.btn_arrow-left {
    line-height: 24px;
    margin-right: 8px;
    text-align: center
}

.btn_arrow-left::before {
    content: "";
    border: solid #2789ce;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg)
}

.btn_arrow-right {
    line-height: 24px;
    text-align: center
}

.btn_arrow-right::after {
    content: "";
    border: solid #2789ce;
    border-width: 0px 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg)
}

.suspend {
    position: absolute;
    width: 36.6%;
    height: calc(100% - 2px);
    background-color: #fff;
    border: 1px solid #d0021b;
    color: #d0021b;
    margin-left: calc(64% - 40px);
    z-index: 5
}

.suspend span {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -8px
}

.event-left .suspend,.event-right .suspend {
    width: 31.7880794702%;
    margin-left: 66.2251655629%
}

.col3 .suspend {
    width: 36.6%;
    margin-left: calc(64% - 40px)
}

dd .suspend,.event-left dd .suspend,.col3 dd .suspend {
    width: calc(100% - 8px);
    height: calc(100% - 6px);
    margin-left: 0
}

td .suspend {
    top: 0;
    width: calc(100% - 2px);
    margin-left: 0
}

.bets .suspend,.bets-HS .suspend,.bets-GH .suspend {
    position: static;
    border-right-width: 0
}

.bets .suspend span,.bets-HS .suspend span,.bets-GH .suspend span {
    position: static;
    top: 0;
    width: calc(100% - 2px);
    background-color: #fff;
    line-height: 37px;
    border: 1px solid #d0021b;
    margin-top: 0
}

.btn-book {
    position: absolute;
    top: 6px;
    right: 5px;
    font-weight: normal
}

.line_markets-team {
    background-repeat: repeat-x;
    background-image: url(../images/bg/bg-line_market-team.png)
}

.line_markets-team .game-visit span {
    background-image: url(../images/main/bg-line_market-visit.png);
    background-repeat: no-repeat
}

.line_markets-team .game-home span {
    background-image: url(../images/main/bg-line_market-home.png);
    background-repeat: no-repeat
}

.line_markets-team .game-vs div {
    position: relative;
    background-image: url(../images/bg/bg-line_market-vs.png);
    background-repeat: repeat-x
}

.line_markets-team .game-vs div:before {
    position: absolute;
    content: "";
    background-image: url(../images/main/bg-line_market-vs-L.png);
    background-repeat: repeat-x;
    height: 34px;
    width: 20px
}

.line_markets-team .game-vs div:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    background-image: url(../images/main/bg-line_market-vs-R.png);
    background-repeat: repeat-x;
    height: 34px;
    width: 20px
}

.btn-rules {
    position: absolute;
    width: 68px;
    left: 50%;
    background-color: #e0e6e6;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 4px;
    margin-top: 3px;
    margin-left: -34px
}

.btn-rules img {
    margin-right: 5px;
    background: url(../images/main/icon-rules.png) no-repeat;
    height: 9px;
    width: 10px
}

.rules-wrap {
    position: absolute;
    left: 50%;
    width: 460px;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    margin-left: -230px;
    z-index: 10
}

.rules-wrap:not(:target) {
    display: none
}

.rules-wrap h3 {
    height: 40px;
    line-height: 40px;
    background-color: #eee
}

.rules-wrap .rules-content {
    height: 340px;
    padding: 8px 15px;
    line-height: 18px;
    color: rgba(36,58,72,.9);
    overflow: hidden;
    overflow-y: auto
}

.rules-wrap ol {
    margin: 0 0 10px 20px
}

.rules-wrap ol li {
    margin-bottom: 5px
}

.rules-wrap .btn-wrap {
    border-top: 1px solid #ccc;
    padding: 8px 0 0
}

.rules-wrap .btn-wrap li {
    width: 100%
}

.rules-wrap .btn-wrap .btn,.rules-wrap .btn-wrap .calendarTable_inputBox input,.calendarTable_inputBox .rules-wrap .btn-wrap input,.rules-wrap .btn-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .rules-wrap .btn-wrap textarea,.rules-wrap .btn-wrap .pages a,.pages .rules-wrap .btn-wrap a,.rules-wrap .btn-wrap .btn-send {
    width: 150px;
    margin: 0 auto
}

.line_market-name {
    position: absolute;
    top: -24px;
    font-size: 12px;
    color: #fff;
    line-height: 22px;
    padding-right: 11px;
    background-image: url(../images/main/bg-line_market-name-R.png);
    background-repeat: no-repeat;
    background-position: right
}

.line_market-name span {
    height: 22px;
    background-repeat: repeat-x;
    padding-left: 5px;
    background-image: url(../images/bg/bg-line_market-name.png);
    background-repeat: repeat-x
}

.scores-line {
    background-image: url(../images/bg/bg-scroe_line.png);
    color: #fff;
    background-repeat: repeat-x
}

.scores-line img {
    background-image: url(../images/main/img-scroe_line.png);
    background-repeat: no-repeat;
    height: 29px;
    width: 18px
}

.tab-markets {
    background: rgba(0,0,0,0);
    border-bottom: 1px solid #21323d;
    margin-bottom: 5px
}

.tab-markets a {
    background: url(../images/main/bg-tab.png) no-repeat
}

.tab-markets a.select {
    height: 23px;
    color: #243a48;
    margin-bottom: -1px;
    background: url(../images/main/bg-tab-select.png) no-repeat
}

.closed-wrap {
    position: relative;
    height: 390px;
    background: url(/images/bg-closed.jpg) no-repeat;
    background-size: cover;
    margin-bottom: 1px
}

.closed-next {
    position: absolute;
    top: 120px;
    left: 50%;
    width: 470px;
    margin-left: -235px;
    background: url(/images/bg-closed_next.jpg) no-repeat;
    color: #fff
}

.closed-next h2 {
    font-size: 25px;
    line-height: 50px;
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin: 0;
    padding: 0
}

.closed-next p {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 9px 0
}

.closed-next a {
    color: #60bbfd;
    font-weight: bold
}

.add-pin,.delete-pin {
    background: url(../images/main/add-pin.png) no-repeat;
    background-position: right;
    width: 21px;
    height: 21px
}

.add-pin:hover,.delete-pin:hover {
    background: url(../images/main/add-pin-hover.png) no-repeat
}

.col-info .add-pin,.col-info .delete-pin {
    padding: 0;
    background: url(../images/main/add-pin-s.png) no-repeat;
    background-position: right;
    width: 16px;
    height: 21px
}

.col-info .add-pin:hover,.col-info .delete-pin:hover {
    background: url(../images/main/add-pin-s-hover.png) no-repeat
}

.game-head .add-pin,.game-head .delete-pin {
    position: absolute;
    top: 8px;
    left: 5px;
    z-index: 3
}

h3 .add-pin,h3 .delete-pin {
    margin: 0 7px 0 -10px;
    z-index: 1;
    height: 25px;
    width: 29px;
    background: url(../images/main/btn-add-pin.png) no-repeat
}

h3 .add-pin:hover,h3 .delete-pin:hover {
    background: url(../images/main/btn-add-pin-hover.png) no-repeat
}

h4 .add-pin,.tc-content h5 .add-pin,h4 .delete-pin,.tc-content h5 .delete-pin {
    border-top: 1px solid #097d8c;
    border-right: 1px solid #097d8c;
    background-image: url(../images/main/btn-add-pin.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 29px
}

h4 .add-pin:hover,.tc-content h5 .add-pin:hover,h4 .delete-pin:hover,.tc-content h5 .delete-pin:hover {
    background-image: url(../images/main/btn-add-pin-hover.png);
    background-repeat: no-repeat
}

.delete-pin {
    width: 21px;
    height: 21px;
    background: url(../images/main/delete-pin.png) no-repeat
}

.delete-pin:hover {
    background: url(../images/main/delete-pin-hover.png) no-repeat
}

.col-info .delete-pin {
    background: url(../images/main/delete-pin-s.png) no-repeat
}

.col-info .delete-pin:hover {
    background: url(../images/main/delete-pin-s-hover.png) no-repeat
}

h3 .delete-pin {
    width: 29px;
    height: 25px;
    background: url(../images/main/btn-delete-pin.png) no-repeat;
    background-position: right
}

h3 .delete-pin:hover {
    background: url(../images/main/btn-delete-pin-hover.png) no-repeat
}

h4 .delete-pin,.tc-content h5 .delete-pin {
    background: url(../images/main/btn-delete-pin.png) no-repeat;
    background-position: right
}

h4 .delete-pin:hover,.tc-content h5 .delete-pin:hover {
    background: url(../images/main/btn-delete-pin-hover.png) no-repeat
}

.multi_h3 {
    height: 25px;
    align-items: center
}

.multi_h3 span {
    margin-left: 5px
}

.game-wrap .multi_h3 img {
    margin: 0 0 0 5px
}

.multi-event_type {
    height: 16px;
    background-color: #fff;
    color: #1e1e1e;
    line-height: 16px;
    padding: 0 8px
}

.multi_refresh {
    order: 99;
    background-image: url(../images/right/slip_refresh.png);
    background-repeat: no-repeat;
    width: 29px;
    height: 25px
}

.game-wrap h3 .multi_name {
    flex: 1;
    width: auto;
    align-items: center
}

.one_click-wrap {
    position: relative
}

.one_click-wrap .overlay {
    z-index: 51
}

.one_click-wrap .dialog-wrap,.one_click-wrap .dialog-wrap-w {
    top: -170px;
    z-index: 52;
    animation: upIn .8s ease
}

.arrow-dialog {
    position: absolute;
    margin-left: 152px;
    background-image: url(../images/main/arrow-dialog.png);
    background-repeat: no-repeat;
    height: 10px;
    width: 16px
}

@keyframes upIn {
    0% {
        opacity: 0;
        top: -140px
    }

    100% {
        opacity: 1;
        top: -170px
    }
}

.white-halo {
    box-shadow: 0 0 8px 8px rgba(255,255,255,.7)
}

.one_click-setting {
    position: relative;
    height: 31px;
    color: #fff;
    padding: 0 10px;
    overflow: hidden;
    z-index: 52;
    background-image: linear-gradient(180deg, #4e9600 0%, #386a02 100%);
    box-shadow: inset 0 1px 0 0 #396f00
}

.one_click-setting h4,.one_click-setting .tc-content h5,.tc-content .one_click-setting h5 {
    line-height: 31px
}

.one_click-setting a {
    width: 68px;
    height: 18px;
    border: 1px solid #164f00;
    font-size: 11px;
    line-height: 18px;
    margin: 0
}

.one_click-setting .a-edit {
    border-radius: 4px;
    color: #fff;
    margin-top: 5px;
    box-shadow: inset 0 1px 0 0 rgba(255,255,255,.5)
}

.one_click-setting .a-edit img {
    margin-left: 3px;
    width: 9px;
    height: 9px;
    background-image: url('data:image/svg+xml,<svg width="9" height="9" xmlns="http://www.w3.org/2000/svg"><path d="m8.856 2.016-.912.912-1.872-1.872.912-.912A.481.481 0 0 1 7.338 0c.14 0 .258.048.354.144l1.164 1.164A.481.481 0 0 1 9 1.662c0 .14-.048.258-.144.354ZM0 7.128l5.532-5.532 1.872 1.872L1.872 9H0V7.128Z" fill="%23FFFFFF" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    background-size: contain
}

.one_click-setting .btn-send {
    margin-top: 5px
}

.one_click-stake {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 414px;
    height: 31px;
    background: url(../images/main/stake-1click.png)
}

.one_click-stake li {
    width: 65px;
    padding-top: 5px
}

.one_click-stake .btn,.one_click-stake .calendarTable_inputBox input,.calendarTable_inputBox .one_click-stake input,.one_click-stake .calendarTable_inputBox textarea,.calendarTable_inputBox .one_click-stake textarea,.one_click-stake .pages a,.pages .one_click-stake a,.one_click-stake .btn-send {
    width: calc(100% - 2px);
    font-weight: normal;
    border-color: #174f00
}

.one_click-stake .btn.select,.one_click-stake .calendarTable_inputBox input.select,.calendarTable_inputBox .one_click-stake input.select,.one_click-stake .calendarTable_inputBox textarea.select,.calendarTable_inputBox .one_click-stake textarea.select,.one_click-stake .pages a.select,.pages .one_click-stake a.select,.one_click-stake .select.btn-send {
    border-color: #6a3d0c
}

.one_click-stake input,.one_click-stake textarea {
    width: 100%;
    line-height: 18px;
    font-size: 11px;
    color: #174f00;
    padding: 0;
    margin: 0;
    border: 1px solid #174f00;
    background-color: #6ea73c;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.15)
}

.one_click-stake input:focus,.one_click-stake textarea:focus {
    border-color: #fff;
    background-color: #9fbf69
}

.quick_bet-wrap {
    border: 1px solid #7e97a7;
    border-width: 1px 0 1px 0;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.1);
    padding: 0 2px 0 7px
}

.quick_bet-wrap dt,.quick_bet-wrap dd {
    box-sizing: border-box
}

.quick_bet-wrap dt {
    width: 53.7966537967%;
    height: auto;
    line-height: 22px;
    padding: 13px 5px 12px 0
}

.quick_bet-wrap dt .slip-type {
    margin-top: 0
}

.quick_bet-wrap dt .bet-check {
    font-size: 12px;
    opacity: 1
}

.quick_bet-wrap dt span {
    padding: 0 5px
}

.quick_bet-wrap dd {
    padding: 7px 5px 7px 0
}

.quick_bet-wrap .max-bet {
    margin-right: 15px;
    opacity: 1
}

.quick_bet-wrap .max-bet a {
    display: inline-block;
    width: 50px;
    height: 18px;
    background-color: rgba(0,0,0,.1);
    font-size: 11px;
    font-weight: bold;
    line-height: 18px;
    margin-right: 5px;
    border-radius: 3px
}

.quick_bet-wrap .col-btn {
    width: 9.009009009%
}

.quick_bet-wrap .col-odd {
    width: 8.3655083655%
}

.quick_bet-wrap .col-stake {
    width: 10.296010296%;
    padding-left: 0
}

.quick_bet-wrap .col-send {
    width: 18.018018018%
}

.quick_bet-wrap .btn,.quick_bet-wrap .calendarTable_inputBox input,.calendarTable_inputBox .quick_bet-wrap input,.quick_bet-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .quick_bet-wrap textarea,.quick_bet-wrap .pages a,.pages .quick_bet-wrap a,.quick_bet-wrap .btn-send {
    height: 31px;
    line-height: 31px;
    margin: 0
}

.quick_bet-wrap .btn.line-2,.quick_bet-wrap .calendarTable_inputBox input.line-2,.calendarTable_inputBox .quick_bet-wrap input.line-2,.quick_bet-wrap .calendarTable_inputBox textarea.line-2,.calendarTable_inputBox .quick_bet-wrap textarea.line-2,.quick_bet-wrap .pages a.line-2,.pages .quick_bet-wrap a.line-2,.quick_bet-wrap .line-2.btn-send {
    line-height: 18px
}

.quick_bet-wrap .btn span,.quick_bet-wrap .calendarTable_inputBox input span,.calendarTable_inputBox .quick_bet-wrap input span,.quick_bet-wrap .calendarTable_inputBox textarea span,.calendarTable_inputBox .quick_bet-wrap textarea span,.quick_bet-wrap .pages a span,.pages .quick_bet-wrap a span,.quick_bet-wrap .btn-send span {
    font-weight: normal;
    font-size: 10px;
    line-height: 12px
}

.quick_bet-wrap input,.quick_bet-wrap textarea {
    line-height: 33px;
    height: 33px
}

.quick_bet-wrap input.disable,.quick_bet-wrap textarea.disable,.quick_bet-wrap input:focus,.quick_bet-wrap textarea:focus {
    line-height: 31px
}

.quick_bet-wrap input.highlight,.quick_bet-wrap textarea.highlight {
    background-color: #f6eed0
}

.quick_bet-wrap .odd-add {
    height: 29px;
    top: 9px;
    right: 7px
}

.quick_bet-wrap .odd-add .up {
    line-height: 15px;
    height: 15px;
    width: 12px;
    background: url(../images/main/num_up-big.png) no-repeat
}

.quick_bet-wrap .odd-add .down {
    line-height: 9px;
    height: 15px;
    width: 12px;
    background: url(../images/main/num_down-big.png) no-repeat
}

.quick_bet-wrap .odd-add.disable .up {
    background: url(../images/main/num_up-big_disable.png) no-repeat
}

.quick_bet-wrap .odd-add.disable .down {
    background: url(../images/main/num_down-big_disable.png) no-repeat
}

.event-left .quick_bet-wrap dt,.event-right .quick_bet-wrap dt {
    width: 9.3670886076%
}

.event-left .quick_bet-wrap .col-btn,.event-right .quick_bet-wrap .col-btn {
    width: 17.7215189873%
}

.event-left .quick_bet-wrap .col-odd,.event-right .quick_bet-wrap .col-odd {
    width: 16.4556962025%
}

.event-left .quick_bet-wrap .col-stake,.event-right .quick_bet-wrap .col-stake {
    width: 20.253164557%
}

.event-left .quick_bet-wrap .col-send,.event-right .quick_bet-wrap .col-send {
    width: 36.2025316456%
}

.quick_bet-wrap .col-stake_list {
    width: calc(100% + 7px + 2px);
    padding: 5px 0;
    margin-left: -7px
}

.quick_bet-wrap .col-stake_list ul {
    width: 70%;
    padding-right: 5px
}

.quick_bet-wrap .col-stake_list a {
    height: auto;
    line-height: 23px;
    font-size: 12px
}

.quick_bet-wrap .col-stake_list p {
    display: block;
    text-align: left;
    font-weight: normal;
    margin-left: 10px;
    margin-bottom: 0
}

.edit img {
    margin-left: 2px;
    background-image: url(../images/main/icon-btn_edit.png);
    background-repeat: no-repeat;
    width: 9px;
    height: 9px
}

.quick-bet-confirm {
    width: 100%;
    height: 33px;
    border-radius: 4px;
    background-color: rgba(255,255,255,.5);
    flex-direction: column;
    justify-content: center
}

.quick-bet-confirm li {
    width: calc(100% - 10px);
    list-style: none;
    line-height: 18px;
    color: #1e1e1e;
    padding: 0 5px
}

.quick-bet-confirm .quick-bet-confirm-title {
    font-size: 10px;
    line-height: 12px;
    color: #222;
    opacity: .5
}

.quick_bet-progress {
    padding: 0;
    background-color: #e2e8ed
}

.quick_bet-progress .progress-bar {
    width: auto;
    height: 30px;
    padding: 0;
    margin: 0;
    background: #c2d5e4;
    border-radius: 0;
    box-shadow: inset 0 2px 0 rgba(0,0,0,.1);
    transition: width .4s ease
}

.quick_bet-progress .progress-bar-txt {
    position: absolute;
    width: 100%;
    font-weight: bold;
    color: #3b5160;
    line-height: 30px;
    padding: 0
}

.quick_bet-progress .progress-bar-txt span {
    font-weight: normal;
    font-size: 11px;
    padding-left: 12px
}

.quick_bet-message {
    padding: 0 10px;
    border-bottom-width: 0
}

.quick_bet-message dd {
    width: 100%;
    padding: 0;
    line-height: 30px
}

.quick_bet-message strong {
    padding-right: 5px
}

.quick_bet-message .btn-close {
    margin-top: 9px
}

.fancy_bet,.bookmaker_bet,.sportsbook_bet {
    box-shadow: 0 2px 0 rgba(0,0,0,.1)
}

.fancy_bet .bets,.bookmaker_bet .bets,.sportsbook_bet .bets,.fancy_bet .bets-HS,.bookmaker_bet .bets-HS,.sportsbook_bet .bets-HS,.fancy_bet .bets-GH,.bookmaker_bet .bets-GH,.sportsbook_bet .bets-GH {
    table-layout: fixed;
    margin-top: 0
}

.fancy_bet .bets th,.bookmaker_bet .bets th,.sportsbook_bet .bets th,.fancy_bet .bets-HS th,.bookmaker_bet .bets-HS th,.sportsbook_bet .bets-HS th,.fancy_bet .bets-GH th,.bookmaker_bet .bets-GH th,.sportsbook_bet .bets-GH th {
    padding: 4px 5px 3px 10px
}

.fancy_bet .bet-all,.bookmaker_bet .bet-all,.sportsbook_bet .bet-all {
    line-height: 22px
}

.fancy_bet .td-fancy_merge,.bookmaker_bet .td-fancy_merge,.sportsbook_bet .td-fancy_merge {
    width: 17.9487179487%;
    border-left-width: 0;
    font-weight: normal;
    vertical-align: middle
}

.fancy_bet .td-fancy_merge:hover,.bookmaker_bet .td-fancy_merge:hover,.sportsbook_bet .td-fancy_merge:hover {
    background-color: rgba(0,0,0,0)
}

.fancy_bet .td-fancy_merge .fancy-info,.bookmaker_bet .td-fancy_merge .fancy-info,.sportsbook_bet .td-fancy_merge .fancy-info {
    margin: 0 0 0 3%
}

.fancy_bet .td-fancy_merge .fancy-info:first-of-type,.bookmaker_bet .td-fancy_merge .fancy-info:first-of-type,.sportsbook_bet .td-fancy_merge .fancy-info:first-of-type {
    width: 67%
}

.over-wrap .fancy_bet,.over-wrap .bookmaker_bet,.over-wrap .sportsbook_bet {
    margin: 48px 0 40px
}

.game-wrap .fancy_bet,.game-wrap .bookmaker_bet,.game-wrap .sportsbook_bet {
    margin: 0px 3px 5px;
    border-top: 0;
    box-shadow: none
}

.fancy_bet .fancy-suspend-tr th,.bookmaker_bet .fancy-suspend-tr th,.sportsbook_bet .fancy-suspend-tr th,.fancy_bet .fancy-suspend-tr td,.bookmaker_bet .fancy-suspend-tr td,.sportsbook_bet .fancy-suspend-tr td {
    position: relative;
    height: 0;
    border-width: 0;
    margin-bottom: -1px;
    padding: 0
}

.fancy_bet .fancy-suspend-tr span,.bookmaker_bet .fancy-suspend-tr span,.sportsbook_bet .fancy-suspend-tr span {
    font-size: 12px
}

.fancy_bet .fancy-quick-tr td a,.bookmaker_bet .fancy-quick-tr td a,.sportsbook_bet .fancy-quick-tr td a {
    padding: 0
}

.fancy_bet .fancy-quick-tr td .btn-close,.bookmaker_bet .fancy-quick-tr td .btn-close,.sportsbook_bet .fancy-quick-tr td .btn-close {
    height: 10px
}

.fancy_bet .fancy-quick-tr .quick_bet-wrap,.bookmaker_bet .fancy-quick-tr .quick_bet-wrap,.sportsbook_bet .fancy-quick-tr .quick_bet-wrap {
    border-width: 0
}

.fancy_bet .bets-bookmaker,.bookmaker_bet .bets-bookmaker,.sportsbook_bet .bets-bookmaker {
    margin-bottom: 20px
}

.over-wrap .zone-1 .dd-tips {
    width: auto
}

.over-wrap .zone-1 .dd-tips .fancy-tips {
    margin-right: 15px
}

.gametab-head {
    position: absolute;
    top: -28px;
    width: 100%;
    line-height: 25px;
    height: 25px;
    border-bottom: 4px solid #6ab00f
}

.gametab-head h4,.gametab-head .tc-content h5,.tc-content .gametab-head h5 {
    height: 25px;
    width: auto;
    color: #c5d0d7;
    margin-left: -6px;
    justify-content: flex-start;
    cursor: pointer
}

.gametab-head h4 span,.gametab-head .tc-content h5 span,.tc-content .gametab-head h5 span {
    padding: 0 5px;
    background-color: #243a48
}

.gametab-head h4 strong,.gametab-head .tc-content h5 strong,.tc-content .gametab-head h5 strong {
    padding: 1px 5px;
    margin-left: 5px;
    background-color: #3c6782;
    border-radius: 5px
}

.gametab-head h4:after,.gametab-head .tc-content h5:after,.tc-content .gametab-head h5:after,.gametab-head h4:before,.gametab-head .tc-content h5:before,.tc-content .gametab-head h5:before {
    content: "";
    width: 13px;
    height: 25px;
    background-image: url('data:image/svg+xml,<svg width="31" height="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><image x="304" y="101" width="32" height="60" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA8CAYAAAAHbrgUAAAABGdBTUEAALGOfPtRkwAAAu5JREFUWAnFmc9rE0EUx98kqQqCP1EUUUSS1FQQURFJ2BIRNT/a2mr3Xjz07MV7/gTP4lEEwWNARZQiXrQXFQURT2JrwZtFQe3O802kYbPdTWdmZ2bnkt3JzPt+5n2zmXkJK9UaywDsOwK8AcAXMMKefF549BUcNVasNkg71BgLCKRbYIXbH192F0LvWLncCBCSYcAesm35m5+ed5dC3UYvc8OiIeAs/x28L3uNi8PGpXlvKEAvMOIu5PC4VG3NpRFKmrs5AM1EhAIyvFvy2u2kQLr9UgC94Ih54MGDotcc0xWLmycPQLMpE9uBwx1EZHHBdPqUAHoCiLWy157TEYubow4gonC8FRdMp08LgB7PiqlHUwtArBQ5u6Gz4ugcbQBAmCg2m1ujAVXvtQHIhh35H7krqoLR8doAIlCAwWw0oOp9KgASmzrh+1tURcPj0wLs/PPt5+VwQNXrtADi6zGVDakB6DQzdWZ+fkR15evjUwNQBnavfvhyaT2g6mt6AFKkvUnbBiMAhHC1Xu8UVFcvxhsBoM/BnpVgUevYZgRArIRz9MWrajMGgMindWwwBwCwd+nv6wuZZUAI08FV2QZjGRAADGHa9/28uJZtRgHosLrv7cpqXVZcjDMKIAJSEaNkg3kAhBkVG4wDUBL2v1v+NS6yIdNsAABnXNoGKwBUQc10Oh2p2FKDZFI5MAbxwL1nr7yBvoQbOwBCTHJvsAZA1es1GRusAdDn4OD9p4u1hMz3u60BCAWUqBusAtDucH2z3xKsAlD5duj4eKvaz3fMhVUAocc5DD2wWgegLAy1wToAlfGHK7XJ8zHZ73XZByCZtdxaog1OAOisljUAHil7E+fibHCTAVJGHsRu0c4Aksp4ZwBUvh0drbXORm1wBiCEeUzd4BSAvhM2PA1OAWhjOlbxJk+HbXAKIISDyNPgHIAjH7DBOQAloUh//5xatyELgIEqOhMAWn3fhmwAEMujXuOksCEbABLmwf8q+h89MMxRntDfugAAAABJRU5ErkJggg==" transform="translate(-304 -101)" fill="none" fill-rule="evenodd"/></svg>');
    background-size: cover
}

.gametab-head h4:before,.gametab-head .tc-content h5:before,.tc-content .gametab-head h5:before {
    transform: rotateY(180deg)
}

.gametab-head h4:nth-child(1n),.gametab-head .tc-content h5:nth-child(1n),.tc-content .gametab-head h5:nth-child(1n) {
    z-index: 10
}

.gametab-head h4:nth-child(2n),.gametab-head .tc-content h5:nth-child(2n),.tc-content .gametab-head h5:nth-child(2n) {
    z-index: 9
}

.gametab-head h4:first-child,.gametab-head .tc-content h5:first-child,.tc-content .gametab-head h5:first-child {
    margin-left: 0
}

.gametab-head h4:first-child span,.gametab-head .tc-content h5:first-child span,.tc-content .gametab-head h5:first-child span {
    padding-left: 10px
}

.gametab-head h4:first-child:before,.gametab-head .tc-content h5:first-child:before,.tc-content .gametab-head h5:first-child:before {
    display: none
}

.gametab-head h4.select,.gametab-head .tc-content h5.select,.tc-content .gametab-head h5.select {
    color: #fff;
    z-index: 10 !important;
    cursor: inherit
}

.gametab-head h4.select span,.gametab-head .tc-content h5.select span,.tc-content .gametab-head h5.select span {
    background-image: linear-gradient(180deg, #7cc420 0%, #6ab00f 89%)
}

.gametab-head h4.select strong,.gametab-head .tc-content h5.select strong,.tc-content .gametab-head h5.select strong {
    background: #51821c
}

.gametab-head h4.select:after,.gametab-head .tc-content h5.select:after,.tc-content .gametab-head h5.select:after,.gametab-head h4.select:before,.gametab-head .tc-content h5.select:before,.tc-content .gametab-head h5.select:before {
    background-image: url('data:image/svg+xml,<svg width="32" height="60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><image x="255" width="32" height="60" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAA8CAYAAAAHbrgUAAAABGdBTUEAALGOfPtRkwAABjtJREFUWAnFWM+LHEUUruoNrj8iiRhcQ2LcZDWCQXJIEBRFRVnFEI0LuQTEqycx4G/dMCBeVbz4P+TgQXMwUYjsriISyEFy8cdFUBD3FmOy2Z0q3/defd01PT07PevI1lD9vX716r3vvarq6Rl/amn6UnR+xvm4HEP80xfFBR/9QnHjlrOdwz8tu/+5+flFEIj3WxwvEKUD/Yor3GnvJz56/+FfLtr4+K9F0IB0jOBowDAZu+FFF1YvvLsw/Wnn4vR2HRrzpYA/hMtD5zFilDq4+PLa5fjj/OLeg/nYOGQl4CQKesxQZRCDDujc7hi7S6e+m35aFWO6FOZf11x5YP0TDw1r4yAhBJ3fGrrhs/nFmUNjiu8KL7GRJTploMkVGqnoQnA3h7j2xQff750aBwmpgGWnGWq1QQakSIyogyS788pK+HAsBMrd1+DNowzSgOhWJcMYw4l3vrn7iYZpI6nsFAzImEtDBB0lAVLoRXhzpGgNxjhiDepmFbYhGhCfEN3se9/eNdNs3U4rBFjSao05FdmisQK0Tfk7eXT7sOpeov1GMG1Cm9of0IJXjo2QVS2Rc26uGh9dKiSL1rNoC9QuFYohHHh7cd/+1k5qhvYkTMp6BVh6Ih4OaoPTgY4mGNaub7gK6RRIJtl6m+eGa7IRY6yNGQgKlf9GgKFyErlcjicBoblwJsfDnfO7dtNuFCzgCcGaAg5zVM6R03A1+BeG2TeNF3Kam/SqKwMkgtXGs00II25MeaPa0DL0bMI+Jr11tuMPnT4GET3JqGKIj3bO79/R52OIQt6IqiXgUhAxl1XIZY4jvspA5yauxb+fg90oTSqAXWwfeIGkmSErCAkhY4xodqYTFmKnX9UjL4MdQ3UrTjS2ocoiEi2GhNdYwGSfMNk99cbSfbeOVIHcYVlaUWoAEIOBYKpHidBATTQ5TPprl49gqG2rbULsLjTuMsqqlIuGS1iRI3FYdWMY6Tjqc0D9Ihsth6E5pQyE+wr1psZXbbx79pOf75nU8RYX3YQt7NTEloOkUAHKRgx8YnBbf//tn9m2PoXA4PeBnrSbSpDrRLYKRrfWDa1PgywB19WyAXMrv+mZdauM0pLIF+TR0/H4RJs5o70PJLIk2I9GPoR4+w/nFh5rRQBGyFXzRRlVIdespAxkQ2oBcd0WvW+1DPYgYjBxmZecoYC5zMi5Tm1SAkY4HBPkOeGUPlQCsNIdLA6IJELETBnWBkQ32+anhozvev3cnQ/ajMFXfSk1xuY9Dzh4mo3QtpwvUVWXGIY4/Cta3geqRhmoHQ4hJ8d1xEwNCKGhyeyhT0XbAzIZgbSkCSGjEe2u94pE0VLCiWhO2N178qupB8yq+SoE5D+SlhkyW9qDtum0TsI2pQBEB7Pu+lXQFxJ7G8B3PTI21ORADMRTivk7AO2ItCNiDqbJZd3jmJYAgdIJSKi5iAcis87RuGlIiBYwoQaXyfJQOnjy66l9atBwsZ9msJau5UyogdQZqMmwTjbZ7hiYCAPKQOnKQuZc7w6sglZAfesF+aIBteAlaiXSSHKvb8Qqp59qMly9JeNG/YDH4Ff29LvAyFp5IVs16giX0LHpnpObfM9x78EM9VL04aFXv9yxk/NyrFWAzjUvuJYO2Sqi3iCrV3MOOd2qX8hl4438cJE/E46V+kywTahOLJBlaAEpsxKYl1eAMsf7MNnDczc0/360VzJ4llZ3mOvUYMilviQwr3Tx8bfO7Lmt7mLM7wNYjuYux3HL1XjlaB+BXFGvQN0ZbGmj87BSaGmLlLIKUJsBEB/5Q6fvONb2QC1AcjQQuOGA0nXPJYRsCRClMsHPvnZ26pbcX88pYHbMHIbUmWxTzXklmzT8KhRuWl1ZfSa3FALVmmEgD5gbNsm0JeE+pG9gkru1n/HyKG5ybbr+APzmBNr/CsTBXnpHJNyRzqUDN1DbswRUDsb6rgN76IBWSaKSFzURJiqHuG351z+eZAx5I7KJGKx3GOmkZE25srNx7gn7PxlnX/a8dNgR87kSsnxTWrcC+aRcJvs65ja5XLcLMTzfiR2NvS6B+sQx3t/x1+cfPwJ/m0UAW0IfSptGQLau7oNNIyB7ZM8rZ7Yd2jQCWP/umpvbVALyCJn7F8B8v3nw4uT3AAAAAElFTkSuQmCC" transform="translate(-255)" fill="none" fill-rule="evenodd"/></svg>');
    background-size: cover
}

.btn_rules {
    position: absolute;
    bottom: 2px;
    right: 0;
    width: 27px;
    height: 27px;
    background-color: #bed5d8;
    border-radius: 5px;
    align-items: center;
    justify-content: center
}

.btn_rules:after {
    width: 15px;
    height: 15px;
    background: url('data:image/svg+xml,<svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 12h1.5v-1.5h-1.5V12zM7.5 0C3.36 0 0 3.36 0 7.5 0 11.64 3.36 15 7.5 15c4.14 0 7.5-3.36 7.5-7.5C15 3.36 11.64 0 7.5 0zm0 13.5c-3.307 0-6-2.692-6-6 0-3.307 2.693-6 6-6 3.308 0 6 2.693 6 6 0 3.308-2.692 6-6 6zM7.5 3a3 3 0 00-3 3H6c0-.825.675-1.5 1.5-1.5S9 5.175 9 6c0 1.5-2.25 1.313-2.25 3.75h1.5c0-1.688 2.25-1.875 2.25-3.75a3 3 0 00-3-3z" fill="rgb(36,58,72)" fill-rule="evenodd"/></svg>') no-repeat;
    background-size: contain
}

.game-head .ico_rules {
    display: flex;
    align-items: center;
    width: 30px;
    height: 29px
}

.game-head .ico_rules:before {
    width: 15px;
    height: 15px;
    background: url('data:image/svg+xml,<svg width="15" height="15" xmlns="http://www.w3.org/2000/svg"><path d="M6.75 9.75h1.5v1.5h-1.5v-1.5zm0-6h1.5v4.5h-1.5v-4.5zM7.493 0C3.353 0 0 3.36 0 7.5 0 11.64 3.352 15 7.493 15 11.64 15 15 11.64 15 7.5 15 3.36 11.64 0 7.493 0zM7.5 13.5c-3.315 0-6-2.685-6-6s2.685-6 6-6 6 2.685 6 6-2.685 6-6 6z" fill="rgb(36,58,72)" fill-rule="evenodd"/></svg>') no-repeat;
    background-size: contain;
    margin: 0 auto
}

.fancy-th-layout {
    width: 100%;
    height: 30px
}

.fancy-th-layout dt,.fancy-th-layout dd {
    align-items: center
}

.fancy-th-layout dt {
    flex: 1;
    margin-right: 5px;
    flex-wrap: wrap
}

.fancy-th-layout dd {
    margin-right: 8px
}

.fancy-th-layout dd:last-of-type {
    margin-right: 0
}

.fancy-th-layout .dd-tips {
    width: 205px;
    justify-content: space-between
}

.bets th .fancy-th-layout p,.bets-HS th .fancy-th-layout p,.bets-GH th .fancy-th-layout p {
    width: 100%
}

.fancy-th-layout .btn-book {
    position: relative;
    top: 0;
    left: 0;
    height: 27px;
    padding: 0
}

.fancy-th-layout .btn-book:hover {
    text-decoration: underline
}

.fancy-th-layout .fancy-tips {
    font-weight: normal;
    font-size: 11px;
    list-style: none
}

.fancy-th-layout .fancy-tips li:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #7e97a7;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 5px 0 7px
}

.fancy-head {
    border-bottom-color: #0a92a5
}

.fancy-head h4 span,.fancy-head .tc-content h5 span,.tc-content .fancy-head h5 span {
    background: #0a92a5;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2)
}

.other-tab {
    position: relative;
    height: 25px;
    line-height: 25px;
    background-repeat: repeat-x;
    color: #c5d0d7;
    font-weight: bold;
    padding: 0 10px;
    margin-left: 7px;
    z-index: 0;
    background: #243a48;
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2)
}

.other-tab:hover {
    text-decoration: none
}

.other-tab:before,.other-tab:after {
    content: "";
    position: absolute
}

.other-tab:before {
    left: -11px;
    width: 11px;
    height: 25px;
    background: url(../images/main/bg-other_tab-L.png) no-repeat
}

.other-tab:after {
    right: -11px;
    width: 11px;
    height: 25px;
    background: url(../images/main/bg-other_tab-R.png) no-repeat
}

.other-tab .tag-new {
    top: -6px;
    right: -12px
}

.btn-fancybet_rules,.btn-sportsbook_rules {
    vertical-align: top;
    margin-left: -4px;
    width: 37px;
    height: 25px;
    background: url(../images/main/btn-fancybet_rules.png) no-repeat
}

.fancy-info {
    line-height: 15px
}

.fancy-info dt {
    color: #7e97a7;
    margin-right: 2px
}

.fancy-info dt span {
    width: 56px;
    background-color: #bed5d8;
    border-radius: 3px;
    color: #3b5160;
    font-size: 11px
}

.fancy-info dd {
    margin-right: 8px
}

.fancy-info dd:last-of-type {
    margin-right: 0
}

.fancy-info:last-of-type {
    margin-right: 0
}

td .fancy-info {
    width: 67%;
    margin: 4px 0 0 3%;
    float: left
}

td .fancy-info:last-of-type {
    width: 27%
}

td .fancy-info dt {
    font-size: 11px
}

.fancy-suspend,.fancy-suspend-white {
    height: 40px
}

.fancy-suspend span,.fancy-suspend-white span {
    line-height: 40px
}

.fancy-suspend-white {
    box-sizing: border-box;
    height: 40px;
    background-color: #fff;
    border: 1px solid #d0021b
}

.fancy-suspend-white span {
    line-height: 38px;
    color: #d0021b;
    text-shadow: none;
    opacity: 1
}

.fancy-suspend-white:hover {
    background-color: #fff
}

.sportsbook_bet {
    background-color: rgba(0,0,0,0)
}

.sportsbook_bet .bets,.sportsbook_bet .bets-HS,.sportsbook_bet .bets-GH {
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 2px 0 rgba(0,0,0,.1)
}

.sportsbook_bet .bets:last-of-type,.sportsbook_bet .bets-HS:last-of-type,.sportsbook_bet .bets-GH:last-of-type {
    box-shadow: none
}

.sportsbook_bet .bets .back-1,.sportsbook_bet .bets-HS .back-1,.sportsbook_bet .bets-GH .back-1 {
    background-color: #72e3a0
}

.sportsbook_bet .bets .back-1.select,.sportsbook_bet .bets-HS .back-1.select,.sportsbook_bet .bets-GH .back-1.select {
    background-color: #16a660
}

.sportsbook_bet .bets.close,.sportsbook_bet .close.bets-HS,.sportsbook_bet .close.bets-GH {
    margin-bottom: 1px
}

.sportsbook_bet .fancy-quick-tr dt span {
    display: inline-block
}

.game-wrap .sportsbook_bet .bets,.game-wrap .sportsbook_bet .bets-HS,.game-wrap .sportsbook_bet .bets-GH {
    margin-bottom: 0
}

.bookmaker_bet {
    background-color: rgba(0,0,0,0)
}

.over-wrap .bookmaker_bet {
    margin: 20px 0 60px
}

.game-wrap .bookmaker_bet {
    margin: 0px 3px 5px
}

.bookmaker_bet .bets,.bookmaker_bet .bets-HS,.bookmaker_bet .bets-GH {
    background-color: #fff;
    margin-bottom: 15px;
    box-shadow: 0 2px 0 rgba(0,0,0,.1)
}

.bookmaker_bet .bets:last-of-type,.bookmaker_bet .bets-HS:last-of-type,.bookmaker_bet .bets-GH:last-of-type {
    box-shadow: none
}

.bookmaker_bet .bets.close,.bookmaker_bet .close.bets-HS,.bookmaker_bet .close.bets-GH {
    margin-bottom: 1px
}

.bookmaker_bet .fancy-quick-tr dt span {
    display: inline-block
}

.game-wrap .bookmaker_bet .bets,.game-wrap .bookmaker_bet .bets-HS,.game-wrap .bookmaker_bet .bets-GH {
    margin-bottom: 0
}

.bookmaker_bet .market-more {
    background-color: #e4f1f9;
    border-top: 1px solid #7e97a7
}

.bookmaker_bet .market-more h3 {
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    text-align: left;
    color: #1e1e1e;
    background: none;
    padding: 6px
}

.bookmaker_bet .market-more.add-info {
    position: relative
}

.bookmaker_bet .market-more:hover {
    background-color: #e4f1f9
}

.bookmaker_bet .market-more .bookmaker-info {
    display: inline-flex;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    font-weight: normal
}

.bookmaker_bet .market-more .bookmaker-info li {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding-right: 8px
}

.bookmaker_bet .market-more .bookmaker-info li span {
    width: 56px;
    margin-right: 2px;
    border-radius: 3px;
    color: #bed5d8;
    background-color: #3b5160
}

.bets-bookmaker tr {
    background-color: #faf8d8
}

.bets-bookmaker tr:hover {
    background-color: #fffeee
}

.bets-bookmaker td {
    border-left: none
}

.bets-bookmaker td:hover {
    background-color: inherit
}

.bets-bookmaker .bet-all {
    background-color: #faf8d8
}

.bets-bookmaker .bet-all:hover {
    background-color: #faf8d8
}

.bets-bookmaker .fancy-suspend,.bets-bookmaker .fancy-suspend-white {
    height: 46px
}

.bets-bookmaker .fancy-suspend span,.bets-bookmaker .fancy-suspend-white span {
    line-height: 46px
}

.back-gradient,.lay-gradient {
    height: 46px;
    background-image: linear-gradient(90deg, rgba(130, 183, 221, 0.15) 0%, rgba(130, 183, 221, 0.8) 65%)
}

.back-gradient dd,.lay-gradient dd {
    flex: 1;
    padding: 2px;
    color: #59708d
}

.back-gradient dd a,.lay-gradient dd a {
    justify-content: center;
    align-items: center;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    padding: 0;
    margin: 0;
    background-color: #72bbef;
    border: 1px solid #fff;
    border-radius: 4px
}

.back-gradient dd a:hover,.lay-gradient dd a:hover {
    background: #80c2f1
}

.back-gradient .select a,.lay-gradient .select a,.back-gradient .select a:hover {
    color: #fff;
    background: #2395e6;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.back-gradient p,.lay-gradient p {
    width: 100%;
    margin-bottom: 0
}

.lay-gradient {
    background-image: linear-gradient(270deg, rgba(231, 170, 184, 0.15) 5%, rgba(231, 170, 184, 0.8) 60%)
}

.lay-gradient dd {
    color: #a9616d
}

.lay-gradient dd a {
    background-color: #faa9ba
}

.lay-gradient dd a:hover {
    background: #fbb7c6
}

.lay-gradient .select a,.lay-gradient .select a:hover {
    color: #fff;
    background: #f4496d;
    border: 1px solid #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.sportsbook-head {
    border-bottom-color: #f26d1c
}

.sportsbook-head h4 span,.sportsbook-head .tc-content h5 span,.tc-content .sportsbook-head h5 span {
    background-image: url(../images/bg/bg-spb_head.png)
}

.sportsbook-head .rules-wrap {
    border-radius: 8px;
    margin-top: 0
}

.sportsbook-head .rules-wrap h3 {
    border-radius: 8px 8px 0 0
}

.sportsbook-head .rules-wrap .rules-content {
    height: auto;
    padding: 0
}

.download-list {
    justify-content: space-between;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #ccc
}

.download-list dt {
    flex: 1;
    align-items: center;
    font-weight: bold;
    padding: 0 10px
}

.download-list dt:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat
}

.download-list dt a {
    flex: 1
}

.download-list dd {
    flex: 0 0 50px
}

.download-list dd a {
    flex: 1;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    padding: 0 10px;
    border-left: 1px solid #ccc
}

.download-list dd a:before {
    content: "";
    width: 18px;
    height: 22px;
    background-image: url(../../images/icon-download.png);
    background-repeat: no-repeat;
    background-size: contain
}

.download-list .icon-pdf:before {
    width: 24px;
    height: 29px;
    background-image: url(../../images/icon-pdf.png);
    margin-right: 10px
}

.download-list:last-child {
    border-bottom: none
}

.download-list:hover {
    background-color: #f7f7f7
}

.download-list a:hover {
    text-decoration: none
}

.btn-sportsbook_rules {
    background: url(../images/main/btn-spb_rules.png) no-repeat
}

.btn-h2h {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: text-top;
    height: 16px;
    background-image: linear-gradient(180deg, #545454 15%, #1a1a1a 100%);
    border-radius: 3px;
    color: #ffce3b;
    cursor: pointer
}

.btn-h2h:before {
    content: "";
    width: 13px;
    height: 10px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="13" height="10"><path fill="%23ffce3b" fill-rule="evenodd" d="M8.392 0c.434.008.87-.002 1.304.007a.387.387 0 0 1 .247.09c1.011.977 2.017 1.96 3.024 2.942.014.013.022.033.033.05l-1.76 1.999-1.285-1.529-.071.053V10h-6.69V3.53L1.8 5.033.604 3.758 0 3.114l.233-.231C1.182 1.958 2.13 1.032 3.082.112a.387.387 0 0 1 .24-.104c.448-.01.896 0 1.344-.007.114-.002.167.048.22.157.507 1.035 1.492 1.42 2.426.951.392-.197.684-.516.862-.95.046-.115.101-.16.218-.159ZM8 3H5v.943h1.763L6.156 4.97a4.66 4.66 0 0 0-.266.509 3.563 3.563 0 0 0-.277.989A4.142 4.142 0 0 0 5.58 7h1.134a3.272 3.272 0 0 1 .258-1.234c.085-.21.193-.44.323-.692L8 3.731V3Z"/></svg>');
    margin-right: 2px
}

.h2h-content {
    position: absolute;
    z-index: 10;
    top: 16px;
    left: 160px;
    transform: translate(-50%, 0);
    width: 320px
}

.special_bets-tab-wrap,.fancy_bet_tab-wrap {
    background-image: linear-gradient(180deg, #f26d1c 15%, #d14100 100%);
    box-shadow: inset 0 1px 0 0 rgba(0,0,0,.2);
    justify-content: center;
    align-items: center
}

.special_bets-tab {
    width: auto;
    background-color: rgba(255,255,255,.5);
    border-radius: 5px;
    margin: 1px 0 3px;
    justify-content: center;
    align-items: center
}

.special_bets-tab li {
    list-style: none;
    padding: 2px
}

.special_bets-tab a {
    min-width: 70px;
    height: 18px;
    line-height: 18px;
    color: rgba(163,64,5,.85);
    font-weight: bold;
    border-radius: 4px;
    box-sizing: border-box;
    padding: 0 5px
}

.special_bets-tab .select a {
    background-color: #fff;
    color: #a34005;
    text-decoration: none
}

.special_bets-tab .more_drop {
    border-left: 1px solid #d14100;
    border-radius: 0 5px 5px 0
}

.special_bets-tab .more_drop:hover {
    background-color: rgba(255,255,255,.5)
}

.special_bets-tab .more_drop>a {
    min-width: 28px;
    padding: 0;
    justify-content: center;
    align-items: center
}

.special_bets-tab .more_drop>a:before {
    content: "";
    border-top: 5px solid #af5018;
    border-left: 4px solid rgba(0,0,0,0);
    border-right: 4px solid rgba(0,0,0,0)
}

.special_bets-tab .more_drop-list li {
    padding: 0
}

.special_bets-tab .more_drop-list a {
    min-width: 100%;
    height: 28px;
    line-height: 28px;
    color: #243a48;
    font-weight: normal;
    border-radius: 0;
    padding: 0 10px
}

.fancy_bet_tab-wrap {
    background-image: linear-gradient(180deg, #0a92a5 15%, #076875 100%)
}

.fancy_bet_tab-wrap .select a,.fancy_bet_tab-wrap a {
    color: #076875
}

.fancy_bet_tab-wrap .special_bets-tab .more_drop {
    border-left: 1px solid #0a92a5
}

.fancy_bet_tab-wrap .special_bets-tab .more_drop>a:before {
    border-top: 5px solid #076875
}

.bet-khadda .quick_bet-wrap dt {
    width: 38.8674388674%
}

.bet-khadda .col-runs {
    line-height: 33px
}

.bet-lottery .quick_bet-wrap dt {
    width: calc(100% - 10.1673101673% - 405px - 10.296010296% - 18.018018018%)
}

.bet-lottery .lottery-ball {
    display: flex;
    justify-content: flex-start
}

.bet-lottery .lottery-ball a {
    width: 34px;
    height: 34px;
    line-height: 34px;
    background-color: #71baef;
    border-radius: 19px;
    margin: 0 3px
}

.bet-lottery .lottery-ball a.select {
    background-color: #1a8ee1;
    color: #fff;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.5)
}

.no_bet {
    font-size: 13px;
    line-height: 16px;
    padding: 7px 10px 17px;
    border-bottom: 1px solid #7e97a7
}

.saddle_1 {
    background-color: #bc0000;
    color: #fff
}

.saddle_1:before {
    content: "1"
}

.saddle_1A {
    background-color: #bc0000;
    color: #fff
}

.saddle_1A:before {
    content: "1A"
}

.saddle_1B {
    background-color: #bc0000;
    color: #fff
}

.saddle_1B:before {
    content: "1B"
}

.saddle_1C {
    background-color: #bc0000;
    color: #fff
}

.saddle_1C:before {
    content: "1C"
}

.saddle_1D {
    background-color: #bc0000;
    color: #fff
}

.saddle_1D:before {
    content: "1D"
}

.saddle_1X {
    background-color: #bc0000;
    color: #fff
}

.saddle_1X:before {
    content: "1X"
}

.saddle_1Y {
    background-color: #bc0000;
    color: #fff
}

.saddle_1Y:before {
    content: "1Y"
}

.saddle_2 {
    content: "2";
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000
}

.saddle_2:before {
    content: "2"
}

.saddle_2B {
    content: "2B";
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000
}

.saddle_2B:before {
    content: "2B"
}

.saddle_2C {
    content: "2C";
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000
}

.saddle_2C:before {
    content: "2C"
}

.saddle_2X {
    content: "2X";
    background-color: #fff;
    border-color: #dfdfdf;
    color: #000
}

.saddle_2X:before {
    content: "2X"
}

.saddle_3 {
    background-color: #243b84;
    color: #fff
}

.saddle_3:before {
    content: "3"
}

.saddle_3C {
    background-color: #243b84;
    color: #fff
}

.saddle_3C:before {
    content: "3C"
}

.saddle_3D {
    background-color: #243b84;
    color: #fff
}

.saddle_3D:before {
    content: "3D"
}

.saddle_3E {
    background-color: #243b84;
    color: #fff
}

.saddle_3E:before {
    content: "3E"
}

.saddle_3X {
    background-color: #243b84;
    color: #fff
}

.saddle_3X:before {
    content: "3X"
}

.saddle_4 {
    background-color: #c1a800;
    color: #000
}

.saddle_4:before {
    content: "4"
}

.saddle_4D {
    background-color: #c1a800;
    color: #000
}

.saddle_4D:before {
    content: "4D"
}

.saddle_4X {
    background-color: #c1a800;
    color: #000
}

.saddle_4X:before {
    content: "4X"
}

.saddle_5 {
    background-color: #1c5b1b;
    color: #fff
}

.saddle_5:before {
    content: "5"
}

.saddle_6 {
    background-color: #252525;
    color: #fff
}

.saddle_6:before {
    content: "6"
}

.saddle_7 {
    background-color: #b63d13;
    color: #000
}

.saddle_7:before {
    content: "7"
}

.saddle_8 {
    background-color: #b27692;
    color: #000
}

.saddle_8:before {
    content: "8"
}

.saddle_9 {
    background-color: #14a19c;
    color: #000
}

.saddle_9:before {
    content: "9"
}

.saddle_10 {
    background-color: #610f9a;
    color: #fff
}

.saddle_10:before {
    content: "10"
}

.saddle_11 {
    background-color: #6b6b6b;
    color: #fff
}

.saddle_11:before {
    content: "11"
}

.saddle_11F {
    background-color: #6b6b6b;
    color: #fff
}

.saddle_11F:before {
    content: "11F"
}

.saddle_12 {
    background-color: #2e9a3b;
    color: #fff
}

.saddle_12:before {
    content: "12"
}

.saddle_12F {
    background-color: #2e9a3b;
    color: #fff
}

.saddle_12F:before {
    content: "12F"
}

.saddle_13 {
    background-color: #413733;
    color: #fff
}

.saddle_13:before {
    content: "13"
}

.saddle_13F {
    background-color: #413733;
    color: #fff
}

.saddle_13F:before {
    content: "13F"
}

.saddle_14 {
    background-color: #790031;
    color: #fff
}

.saddle_14:before {
    content: "14"
}

.saddle_14F {
    background-color: #790031;
    color: #fff
}

.saddle_14F:before {
    content: "14F"
}

.saddle_15 {
    background-color: #715933;
    color: #fff
}

.saddle_15:before {
    content: "15"
}

.saddle_15F {
    background-color: #715933;
    color: #fff
}

.saddle_15F:before {
    content: "15F"
}

.saddle_16 {
    background-color: #3b5d8f;
    color: #fff
}

.saddle_16:before {
    content: "16"
}

.saddle_16F {
    background-color: #3b5d8f;
    color: #fff
}

.saddle_16F:before {
    content: "16F"
}

.saddle_17 {
    background-color: #191986;
    color: #fff
}

.saddle_17:before {
    content: "17"
}

.saddle_17F {
    background-color: #191986;
    color: #fff
}

.saddle_17F:before {
    content: "17F"
}

.saddle_18 {
    background-color: #0d4507;
    color: #fff
}

.saddle_18:before {
    content: "18"
}

.saddle_18F {
    background-color: #0d4507;
    color: #fff
}

.saddle_18F:before {
    content: "18F"
}

.saddle_19 {
    background-color: #283f62;
    color: #fff
}

.saddle_19:before {
    content: "19"
}

.saddle_19F {
    background-color: #283f62;
    color: #fff
}

.saddle_19F:before {
    content: "19F"
}

.saddle_20 {
    background-color: #45001b;
    color: #fff
}

.saddle_20:before {
    content: "20"
}

.saddle_20F {
    background-color: #45001b;
    color: #fff
}

.saddle_20F:before {
    content: "20F"
}

.saddle_21 {
    background-color: #45001b;
    color: #fff
}

.saddle_21:before {
    content: "21"
}

.saddle_21F {
    background-color: #45001b;
    color: #fff
}

.saddle_21F:before {
    content: "21F"
}

.saddle_22 {
    background-color: #45001b;
    color: #fff
}

.saddle_22:before {
    content: "22"
}

.saddle_22F {
    background-color: #45001b;
    color: #fff
}

.saddle_22F:before {
    content: "22F"
}

.saddle_23 {
    background-color: #45001b;
    color: #fff
}

.saddle_23:before {
    content: "23"
}

.saddle_23F {
    background-color: #45001b;
    color: #fff
}

.saddle_23F:before {
    content: "23F"
}

.saddle_24 {
    background-color: #45001b;
    color: #fff
}

.saddle_24:before {
    content: "24"
}

.saddle_24F {
    background-color: #45001b;
    color: #fff
}

.saddle_24F:before {
    content: "24F"
}

.saddle_25 {
    background-color: #45001b;
    color: #fff
}

.saddle_25:before {
    content: "25"
}

.saddle_25F {
    background-color: #45001b;
    color: #fff
}

.saddle_25F:before {
    content: "25F"
}

.saddle_26 {
    background-color: #45001b;
    color: #fff
}

.saddle_26:before {
    content: "26"
}

.saddle_26F {
    background-color: #45001b;
    color: #fff
}

.saddle_26F:before {
    content: "26F"
}

.saddle_27 {
    background-color: #45001b;
    color: #fff
}

.saddle_27:before {
    content: "27"
}

.saddle_27F {
    background-color: #45001b;
    color: #fff
}

.saddle_27F:before {
    content: "27F"
}

.saddle_28 {
    background-color: #45001b;
    color: #fff
}

.saddle_28:before {
    content: "28"
}

.saddle_28F {
    background-color: #45001b;
    color: #fff
}

.saddle_28F:before {
    content: "28F"
}

.saddle_29 {
    background-color: #45001b;
    color: #fff
}

.saddle_29:before {
    content: "29"
}

.saddle_29F {
    background-color: #45001b;
    color: #fff
}

.saddle_29F:before {
    content: "29F"
}

.saddle_30 {
    background-color: #45001b;
    color: #fff
}

.saddle_30:before {
    content: "30"
}

.saddle_30F {
    background-color: #45001b;
    color: #fff
}

.saddle_30F:before {
    content: "30F"
}

p.dynamic-min-bet {
    float: right;
    font-size: 11px;
    text-align: right;
    padding: 0;
    margin-bottom: 0
}

.game-list .dynamic-min-bet {
    float: right;
    font-weight: normal
}

.multi_select ul {
    border-bottom: 1px solid #7e97a7
}

.multi_select li {
    width: calc(50% - 1px);
    border-left: #fff 1px solid
}

.multi_suspend {
    --table-tip-content: "Suspend";
    position: relative
}

.multi_suspend:before {
    content: var(--table-tip-content);
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: .8;
    color: #fff;
    text-shadow: 0 0 5px #000;
    font-weight: normal
}

.multi_suspend:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background-color: rgba(36,58,72,.4);
    width: 100%;
    height: 100%
}

.multi_suspend:hover:before {
    opacity: 1
}

.multi_suspend:hover:after {
    background-color: rgba(36,58,72,.55)
}

.multi-pin-title {
    display: flex;
    justify-content: space-between;
    background-color: #243a48
}

.multi-pin-title h3 {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 13px;
    line-height: 25px
}

.multi-pin-title h3 strong {
    margin-right: 10px
}

.multi-pin-title h3 span {
    font-size: 13px;
    font-weight: normal;
    opacity: .7
}

.multi-pin-title h3 img {
    margin: 0 0 0 5px
}

.multi-pin-title .delete-pin {
    margin: 0 7px 0 0
}

.multi-pin-title .add-pin,.multi-pin-title .delete-pin {
    margin: 0 7px 0 0
}

.multi-pin-title .fancy-info {
    display: flex;
    align-items: center;
    color: #fff
}

.announce-content,.tc-content_few,.tc-content {
    overflow-y: scroll;
    height: 452px;
    padding: 16px 24px;
    font-size: 14px;
    line-height: 24px
}

.announce-wrap,.casino-result {
    position: relative;
    top: 12%;
    width: 720px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 24px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 5px 20px rgba(0,0,0,.5)
}

.announce-wrap img,.casino-result img {
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 10px
}

.announce-header {
    height: 56px;
    padding-left: 24px;
    border-bottom: 1px solid #e0e6e6
}

.announce-header h1 {
    color: #000;
    font-size: 20px;
    line-height: 56px
}

.announce-header h1:before {
    position: relative;
    top: 4px;
    width: 6px;
    height: 24px;
    margin-right: 8px;
    content: "";
    background: #ffb80c;
    border-radius: 100px
}

.announce-footer {
    max-height: 73px;
    padding: 12px 0;
    background: #fff;
    border-top: 1px solid #e0e6e6;
    font-size: 16px;
    border-radius: 0 0 8px 8px
}

.announce-footer input[type=checkbox],.announce-footer textarea[type=checkbox] {
    box-sizing: border-box
}

.announce-footer a {
    width: 240px;
    height: 40px;
    margin: 0 16px 0 0;
    color: #1e1e1e;
    font-size: 16px;
    line-height: 40px
}

.announce-footer .confirm-checkbox {
    margin-bottom: 12px
}

.age_box li .secondary:before {
    width: 25px;
    height: 25px;
    background: rgba(255,255,255,.7) url('data:image/svg+xml,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h25v25H0z"/><path fill="rgb(230,0,0)" d="M19.792 6.677l-1.47-1.469-5.822 5.823-5.823-5.823-1.469 1.47 5.823 5.822-5.823 5.823 1.47 1.469 5.822-5.823 5.823 5.823 1.469-1.47-5.823-5.822z"/></g></svg>') center no-repeat;
    margin-right: 8px;
    border-radius: 13px
}

.age_box li .btn-send:before {
    width: 25px;
    height: 25px;
    background: rgba(255,255,255,.7) url('data:image/svg+xml,<svg width="25" height="25" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M0 0h25v25H0z"/><path fill="rgb(0, 129, 43)" d="M9.375 16.844L5.031 12.5l-1.479 1.469 5.823 5.823 12.5-12.5-1.469-1.47z"/></g></svg>') center no-repeat;
    margin-right: 8px;
    border-radius: 13px
}

.urgent-notice {
    z-index: 99;
    width: 660px;
    opacity: 0;
    animation: urgent-notice .3s ease 1s 1 alternate forwards
}

.urgent-notice .announce-header {
    padding: 0;
    background: #121212 url(../images/skyexchange/bg-send-skyEX.png) repeat-x;
    border-radius: 8px 8px 0 0
}

.urgent-notice .announce-header h1 {
    color: #f8d61c;
    font-size: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 2px 4px rgba(0,0,0,.6)
}

.urgent-notice .announce-header h1:before {
    display: none
}

.urgent-notice .notice-content {
    padding: 24px 20px;
    font-size: 16px;
    line-height: 24px
}

.urgent-notice .notice-img {
    margin-top: 12px;
    width: 620px;
    height: auto
}

.urgent-notice .hilight {
    font-weight: bold;
    text-decoration: underline
}

@keyframes urgent-notice {
    0% {
        top: -2%;
        opacity: 0
    }

    100% {
        top: 12%;
        opacity: 1
    }
}

.tc-content h1 {
    margin: 40px 0 24px 0;
    font-size: 22px;
    color: #000;
    text-decoration: underline
}

.tc-content h2 {
    margin: 16px 0;
    padding: 0;
    font-size: 20px;
    color: #1b2d38;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 8px
}

.tc-content h3 {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 18px;
    color: rgba(30,30,30,.9)
}

.tc-content h4,.tc-content h5 {
    margin-left: 8px;
    font-size: 14px;
    color: rgba(30,30,30,.9)
}

.tc-content h5 {
    margin-left: 32px;
    text-decoration: underline
}

.tc-content ul,.tc-content ol {
    margin-left: 32px;
    margin-bottom: 16px
}

.tc-content ul ul,.tc-content ul ol,.tc-content ol ul,.tc-content ol ol {
    margin-left: 24px
}

.tc-content strong {
    color: #243a48
}

.tc-content address {
    font-size: 13px;
    margin-bottom: 10px
}

.tc-content_few {
    height: auto
}

.declared {
    background-color: #aed5f5;
    font-size: 13px;
    line-height: 1.4;
    padding: 15px;
    margin: 10px 0;
    border-radius: 8px
}

.declared p:last-of-type {
    margin-bottom: 0
}

.announce-content {
    font-size: 16px;
    line-height: 22px
}

.announce-content h3 {
    margin: 8px 0;
    font-size: 16px
}

.announce-content p {
    margin-bottom: 8px
}

.announce-content table {
    margin: 8px 0 16px 0;
    font-size: 14px
}

.announce-content ul {
    margin-left: 24px
}

.article-wrap {
    position: relative;
    padding: 0px 0px 56px 60px
}

.article-wrap h2 {
    margin-bottom: 16px;
    color: #243a48;
    font-size: 28px;
    line-height: 28px
}

.article-date {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    margin-right: 24px;
    border-top: 4px solid #4a4a4a;
    color: #4a4a4a
}

.article-date dt {
    margin: 4px 0 2px 0;
    font-size: 30px;
    line-height: 30px
}

.article-date dd {
    font-size: 14px;
    line-height: 16px
}

.news-wrap {
    top: 72px;
    width: 640px
}

.news-wrap .announce-header {
    height: 60px;
    background-color: #ffb80c;
    background-image: linear-gradient(-180deg, #ffcc2e 0%, #ffb80c 58%);
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 8px 8px 0 0
}

.news-wrap .announce-content {
    height: 412px;
    padding: 24px 20px
}

.news-wrap .announce-content img {
    width: 100%;
    box-shadow: 0px 1px 5px #ddd;
    margin: 20px 0
}

.mysports247 .announce-header h1:before {
    background: #c6bca7
}

.mysports247 .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-mysports247.png") center no-repeat
}

.mazaplay .announce-header h1:before {
    background: #48955b
}

.mazaplay .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-mazaplay.png") center no-repeat
}

.skyexchange .announce-header h1:before {
    background: #ffb80c
}

.skyexchange .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-skyexchange.png") center no-repeat
}

.o_spondemo .announce-header h1:before {
    background: #1e6eab
}

.o_spondemo .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-o_spondemo.png") center no-repeat
}

.o_12bet .announce-header h1:before {
    background: #b73b40
}

.o_12bet .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-o_12bet.png") center no-repeat
}

.o_dafabet .announce-header h1:before {
    background: #af0100
}

.o_dafabet .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-o_dafabet.png") center no-repeat
}

.skyinplay .announce-header h1:before {
    background: #83ae17
}

.skyinplay .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-skyinplay.png") center no-repeat
}

.bigEXch .announce-header h1:before {
    background: #83ae17
}

.bigEXch .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-bigEXch.png") center no-repeat
}

.masterExc .announce-header h1:before {
    background: #216869
}

.masterExc .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-masterExc.png") center no-repeat
}

.matador .announce-header h1:before {
    background: #c10a31
}

.matador .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-matador.png") center no-repeat
}

.lucky7 .announce-header h1:before {
    background: #303fa3
}

.lucky7 .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-lucky7.png") center no-repeat
}

.qexch .announce-header h1:before {
    background: #443a56
}

.qexch .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-qexch.png") center no-repeat
}

.betmygame .announce-header h1:before {
    background: #ed7218
}

.betmygame .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-betmygame.png") center no-repeat
}

.fancyfair .announce-header h1:before {
    background: #50996b
}

.fancyfair .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-fancyfair.png") center no-repeat
}

.maruti .announce-header h1:before {
    background: #48955b
}

.maruti .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-maruti.png") center no-repeat
}

.marutibook .announce-header h1:before {
    background: #48955b
}

.marutibook .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-marutibook.png") center no-repeat
}

.skyexchange247 .announce-header h1:before {
    background: #ffb80c
}

.skyexchange247 .news-wrap .announce-header {
    background: url("../images/announcement/popup-header-skyexchange247.png") center no-repeat
}

.login-policy {
    top: 0;
    overflow-y: hidden;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.login-policy p {
    margin-bottom: 12px
}

.login-policy .tc-content {
    max-height: inherit;
    height: calc(100% - 56px - 24px - 8px);
    padding-top: 0;
    padding-bottom: 24px;
    margin-top: 56px
}

.login-policy .announce-header {
    position: fixed;
    width: 100%;
    background: #fff
}

@media screen and (max-height: 700px) {
    .announce-wrap,.casino-result {
        top:24px;
        height: calc(100% - 24px - 24px);
        min-height: 298px
    }

    .tc-content,.news-wrap .announce-content {
        height: calc(100% - 24px - 24px - 56px - 73px);
        min-height: 200px
    }

    .announce-content {
        height: calc(100% - 24px - 24px - 56px - 42px);
        min-height: 200px
    }

    .news-wrap {
        min-height: 333px
    }

    .news-wrap .announce-content {
        height: calc(100% - 24px - 24px - 60px - 73px - 24px);
        min-height: 200px
    }

    .login-policy {
        top: 0;
        height: 100%
    }

    .login-policy .tc-content {
        max-height: inherit;
        height: calc(100% - 56px - 24px - 8px)
    }

    .urgent-notice {
        height: auto
    }
}

.apk-dl {
    width: 480px;
    height: 100%;
    top: 0;
    margin-bottom: 0
}

.apk-img {
    text-align: center
}

.apk-img img {
    width: 200px
}

.marquee-pop {
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0;
    width: 820px;
    height: 600px
}

.marquee-pop .announce-header {
    background-image: linear-gradient(180deg, #ffcc2f 0%, #ffb80c 71%);
    border-bottom: none
}

.marquee-pop .announce-header h1:before {
    display: none
}

.marquee-pop .function-wrap {
    padding: 10px;
    background-color: #e0e6e6
}

.marquee-pop .function-wrap input,.marquee-pop .function-wrap textarea {
    height: 25px;
    margin: 0
}

.marquee-pop .input-list li,.marquee-pop .filter-list li {
    list-style: none;
    line-height: 25px;
    margin: 0 5px 0 0;
    white-space: nowrap
}

.marquee-pop .input-list .btn-send,.marquee-pop .filter-list .btn-send {
    width: 115px;
    margin: 0
}

.marquee-pop .announce-content {
    height: initial
}

.marquee-pop .announce-content .nofound_box {
    display: none
}

.marquee-pop .nofound {
    align-items: center;
    justify-content: center
}

.marquee-pop .nofound .nofound_box {
    align-items: center;
    vertical-align: top;
    flex-direction: column;
    margin-bottom: 100px;
    max-width: 300px
}

.marquee-pop .nofound .nofound_box dt {
    width: 101px;
    height: 97px;
    margin-bottom: 20px;
    background: url(../images/announcement/ic-search.svg) no-repeat
}

.marquee-pop .nofound .nofound_box dd {
    margin-bottom: 5px;
    font-weight: bold;
    flex: 1
}

.marquee-pop .nofound .article-wrap {
    display: none
}

.marquee-pop .pages {
    justify-content: center;
    margin: 10px 0
}

.marquee-pop .pages li {
    list-style: none;
    margin-right: 3px;
    margin-left: 3px
}

.marquee-pop .pages a {
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 0 10px
}

.search-wrap {
    position: relative
}

.search-wrap::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 2px;
    display: block;
    content: "";
    width: 19px;
    height: 19px;
    background-image: url('data:image/svg+xml,<svg width="19" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M12.547 11.543H12l-.205-.172a4.539 4.539 0 001.06-2.914A4.442 4.442 0 008.41 4C5.983 4 4 5.989 4 8.457a4.442 4.442 0 004.445 4.457c1.094 0 2.12-.411 2.905-1.062l.206.171v.548L14.974 16 16 14.971l-3.453-3.428zm-4.102 0a3.069 3.069 0 01-3.077-3.086 3.068 3.068 0 013.077-3.086 3.069 3.069 0 013.076 3.086 3.069 3.069 0 01-3.076 3.086z" fill="rgb(30,30,30" fill-rule="nonzero"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    transform: translateY(-50%)
}

.search-input {
    width: 280px;
    padding-left: 25px;
    margin: 0;
    height: 25px;
    box-sizing: border-box
}

.search-input::-moz-placeholder {
    color: #aaa
}

.search-input::placeholder {
    color: #aaa
}

.search-input:focus {
    padding-left: 25px;
    padding-right: 25px
}

.search-input:focus::-moz-placeholder {
    color: rgba(0,0,0,0)
}

.search-input:focus::placeholder {
    color: rgba(0,0,0,0)
}

.search-clear {
    position: absolute;
    top: 50%;
    right: 2px;
    width: 20px;
    height: 20px;
    border: 0;
    transform: translateY(-50%);
    background-color: #edeced
}

.search-clear:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="19" height="19" xmlns="http://www.w3.org/2000/svg"><path d="M14 5.912L10.412 9.5 14 13.088l-.912.912L9.5 10.412 5.912 14 5 13.088 8.588 9.5 5 5.912 5.912 5 9.5 8.588 13.088 5z" fill="rgb(30,30,30" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto
}

.suggestion-wrap {
    position: absolute;
    z-index: 4;
    top: 22px;
    width: 280px;
    background: #fff;
    border-top: 1px solid #e0e6e6;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 4px 4px rgba(0,0,0,.5);
    box-sizing: border-box
}

.suggestion-wrap ul {
    max-height: 210px;
    overflow: hidden;
    overflow-y: auto
}

.suggestion-wrap li {
    height: 32px;
    line-height: 32px;
    list-style: none;
    text-indent: 6px
}

.suggestion-wrap .no-matching,.suggestion-wrap p,.suggestion-wrap a {
    margin: 0;
    color: #666;
    cursor: default
}

.suggestion-wrap p,.suggestion-wrap a {
    color: #1e1e1e;
    cursor: pointer
}

.suggestion-wrap p:hover,.suggestion-wrap p.hover,.suggestion-wrap a:hover,.suggestion-wrap a.hover {
    background-color: #e2e8ed
}

.profile-wrap {
    background-color: #fff;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 15px
}

.profile-wrap h3 {
    background-color: #7e97a7;
    color: #fff;
    line-height: 24px;
    padding: 0 10px
}

.profile-wrap dt {
    width: 135px;
    padding: 5px 0 5px 10px;
    color: #243a48
}

.profile-wrap dd {
    position: relative;
    min-height: 16px;
    padding: 5px 0 5px 10px;
    border-bottom: 1px solid #e0e6e6
}

.profile-wrap dd:last-child {
    border-bottom-width: 0
}

.profile-wrap .favor-set {
    position: absolute;
    right: 0;
    top: 1px
}

.profile-wrap select {
    min-width: 150px;
    margin: 0
}

.pop_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 100
}

.pop_bg:not(:target) {
    display: none
}

.pop_bg:target {
    display: block
}

.pop_box {
    position: fixed;
    top: 10%;
    left: 50%;
    background-color: #eee;
    width: 400px;
    border-radius: 5px;
    padding: 15px;
    transform: translate(-50%, 0)
}

.pop_box h3 {
    font-size: 16px;
    color: #3b5160;
    margin-bottom: 18px
}

.pop_box .btn,.pop_box .calendarTable_inputBox input,.calendarTable_inputBox .pop_box input,.pop_box .calendarTable_inputBox textarea,.calendarTable_inputBox .pop_box textarea,.pop_box .pages a,.pages .pop_box a,.pop_box .btn-send {
    width: 55%;
    margin: 15px 0 0
}

.close_pop {
    position: absolute;
    right: 15px;
    background-image: url(../images/agent/close_pop.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 17px
}

.form_list {
    padding: 0 20px;
    margin-bottom: 10px
}

.form_list dt {
    width: 122px;
    margin-right: 10px;
    line-height: 24px
}

.form_list dd {
    position: relative;
    margin-bottom: 10px;
    padding-left: 132px
}

.form_list dd input,.form_list dd textarea {
    width: 160px;
    margin: 0
}

.form_list dd select {
    width: 172px
}

.must {
    font-size: 13px;
    color: #d0021b
}

.error-text {
    color: #d0021b;
    font-size: 11px
}

input.error,textarea.error {
    background-color: #efd3d9;
    color: #1e1e1e
}

.confirm_box {
    width: 280px;
    margin: 10% 0 0
}

.confirm_box h3 {
    height: 15px
}

.confirm_box .white-wrap {
    padding: 15px 10px;
    margin-bottom: 10px
}

.confirm_box .white-wrap p {
    width: 100%
}

.confirm_box .btn_box .btn,.confirm_box .btn_box .calendarTable_inputBox input,.calendarTable_inputBox .confirm_box .btn_box input,.confirm_box .btn_box .calendarTable_inputBox textarea,.calendarTable_inputBox .confirm_box .btn_box textarea,.confirm_box .btn_box .pages a,.pages .confirm_box .btn_box a,.confirm_box .btn_box .btn-send {
    width: 110px;
    margin-right: 5px
}

.confirm_box .btn_box .btn:last-of-type,.confirm_box .btn_box .calendarTable_inputBox input:last-of-type,.calendarTable_inputBox .confirm_box .btn_box input:last-of-type,.confirm_box .btn_box .calendarTable_inputBox textarea:last-of-type,.calendarTable_inputBox .confirm_box .btn_box textarea:last-of-type,.confirm_box .btn_box .pages a:last-of-type,.pages .confirm_box .btn_box a:last-of-type,.confirm_box .btn_box .btn-send:last-of-type {
    margin-right: 0
}

.go-back,.pop-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 85px;
    height: 100%;
    line-height: 38px;
    color: #fff;
    font-weight: normal;
    border-left: 1px solid #5f6c74
}

.go-back img,.pop-close img {
    margin-right: 5px;
    background-image: url(../images/agent/icon-go_back.png);
    background-position: left;
    background-repeat: no-repeat;
    height: 12px;
    width: 12px
}

.pop-close img {
    background-image: url(../images/agent/icon-pop_close.png)
}

.pop-content {
    height: calc(100% - 35px - 38px);
    padding: 20px 15px 15px;
    overflow: auto
}

.tab {
    min-width: 375px;
    width: 40%;
    margin: 0 0 10px;
    border-left: 1px solid #3b5160;
    border-radius: 5px
}

.tab li {
    list-style: none;
    border: 1px solid #3b5160;
    border-width: 1px 0
}

.tab li:first-child {
    border-radius: 4px 0 0 4px
}

.tab li:first-child a {
    border-radius: 3px 0 0 3px
}

.tab li:last-child {
    border-radius: 0 4px 4px 0
}

.tab li:last-child a {
    border-radius: 0 3px 3px 0
}

.tab a {
    background-color: #fff;
    border-right: 1px solid #3b5160;
    color: #3b5160;
    font-size: 13px;
    line-height: 27px;
    font-weight: bold
}

.tab .select {
    background-color: #3b5160;
    color: #fff
}

.tab .select:hover {
    text-decoration: none
}

.tab.col2 li {
    width: 50%
}

.tab.col3 li {
    width: 33.33%
}

.tab.col4 li {
    width: 25%
}

.tab.col5 li {
    width: 20%
}

.function-wrap {
    position: relative;
    padding: 10px 10px 0;
    background-color: #e0e6e6;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 10px
}

.white-wrap .function-wrap {
    border-bottom-color: #e0e6e6;
    margin-bottom: 0
}

.game-wrap .function-wrap {
    margin-bottom: 0;
    padding-top: 5px
}

.game-wrap .function-wrap .input-list,.game-wrap .function-wrap .filter-list {
    margin-bottom: 0
}

.trans-wrap .function-wrap {
    margin-bottom: 0
}

.input-list,.filter-list {
    margin-bottom: 5px;
    margin-right: 5px
}

.input-list li,.filter-list li {
    list-style: none;
    line-height: 25px;
    margin: 0 5px 5px 0;
    white-space: nowrap
}

.input-list label,.filter-list label {
    margin-right: 5px
}

.input-list .time-input,.filter-list .time-input {
    margin-left: -3px
}

.input-list .btn,.input-list .calendarTable_inputBox input,.calendarTable_inputBox .input-list input,.input-list .calendarTable_inputBox textarea,.calendarTable_inputBox .input-list textarea,.input-list .pages a,.pages .input-list a,.filter-list .btn,.filter-list .calendarTable_inputBox input,.calendarTable_inputBox .filter-list input,.filter-list .calendarTable_inputBox textarea,.calendarTable_inputBox .filter-list textarea,.filter-list .pages a,.pages .filter-list a,.input-list .btn-send,.filter-list .btn-send {
    min-width: 95px;
    margin: 0;
    font-weight: normal
}

.input-list .btn-send,.filter-list .btn-send {
    font-weight: bold
}

.input-list .btn-download,.filter-list .btn-download {
    padding: 0 8px
}

.input-list .btn-download:before,.filter-list .btn-download:before {
    content: "";
    width: 9px;
    height: 10px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="10"><path fill="rgb(30,30,30)" fill-rule="evenodd" d="M.01 8.173V9.5H9V8.173H.01ZM5.37 3.844V.5H3.206v3.344H-.038l4.325 3.475 4.325-3.475H5.37Z"/></svg>') no-repeat;
    background-size: contain;
    margin-right: 3px;
    vertical-align: middle
}

.filter-list .filter-head {
    width: 85px;
    font-weight: bold
}

.filter-list .filter-content {
    width: calc(100% - 195px);
    height: 25px
}

.filter-list .filter-content span {
    margin-right: 5px;
    color: #243a48;
    padding-left: 10px;
    background-image: url(../images/report/filter_dot.png);
    background-repeat: no-repeat;
    background-position: left
}

.filter-list .filter-content .filter-first {
    background: none;
    padding-left: 0
}

.filter-list .filter-btn {
    width: 95px
}

.filter-list .filter-btn .btn,.filter-list .filter-btn .calendarTable_inputBox input,.calendarTable_inputBox .filter-list .filter-btn input,.filter-list .filter-btn .calendarTable_inputBox textarea,.calendarTable_inputBox .filter-list .filter-btn textarea,.filter-list .filter-btn .pages a,.pages .filter-list .filter-btn a,.filter-list .filter-btn .btn-send {
    width: 93px
}

.filter-list.golf-list .filter-content {
    width: calc(100% - 95px);
    height: auto
}

.filter-list.golf-list .compt {
    position: relative;
    width: auto;
    height: 23px;
    padding: 0 0 0 10px
}

.filter-list.golf-list .compt img {
    border-radius: 0 4px 4px 0;
    vertical-align: middle;
    margin-top: -3px;
    margin-left: 5px;
    background-image: url(../images/report/btn-comt.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 23px;
    width: 12px
}

.filter-list.golf-list .compt:hover img {
    background-image: url(../images/report/btn-comt-hover.png)
}

.filter-pop {
    position: absolute;
    right: 0;
    width: 500px;
    border-radius: 4px;
    background-color: #fff;
    padding: 8px 8px 0;
    margin-left: -500px;
    z-index: 3
}

.filter-pop:not(:target) {
    display: none
}

.filter-pop:target {
    display: block
}

.filter-pop ul {
    margin-bottom: 5px
}

.filter-pop li {
    width: 250px;
    list-style: none;
    margin-bottom: 3px
}

.filter-pop .btn-wrap {
    border-top: 1px solid #ccc;
    padding-top: 8px
}

.filter-pop .btn-wrap .btn,.filter-pop .btn-wrap .calendarTable_inputBox input,.calendarTable_inputBox .filter-pop .btn-wrap input,.filter-pop .btn-wrap .calendarTable_inputBox textarea,.calendarTable_inputBox .filter-pop .btn-wrap textarea,.filter-pop .btn-wrap .pages a,.pages .filter-pop .btn-wrap a,.filter-pop .btn-wrap .btn-send {
    width: 15%;
    margin-right: 10px
}

.filter-pop .btn-wrap .btn-send {
    width: 20%
}

.expand-close,.expand-open {
    text-decoration: none;
    color: #000;
    padding-right: 20px;
    background-image: url(../images/report/expand-close.png);
    background-repeat: no-repeat;
    background-position: right
}

table .expand-close,table .expand-open {
    text-decoration: none
}

.align-L .expand-close,.align-L .expand-open,.table01 caption .expand-close,.table-s caption .expand-close,.table01 caption .expand-open,.table-s caption .expand-open,.message-bet p .expand-close,.message-bet p .expand-open,.slip-head .col-bet .expand-close,.slip-head .col-bet .expand-open,.matched-head .col-bet .expand-close,.matched-head .col-bet .expand-open,.slip-back dt .slip-predict .expand-close,.slip-back dt .slip-predict .expand-open,.slip-back .refer .expand-close,.slip-back .refer .expand-open,.slip-back .keep-option .expand-close,.slip-back .keep-option .expand-open,.slip-lay dt .slip-predict .expand-close,.slip-lay dt .slip-predict .expand-open,.slip-lay .refer .expand-close,.slip-lay .refer .expand-open,.slip-lay .keep-option .expand-close,.slip-lay .keep-option .expand-open,.slip-book dt .slip-predict .expand-close,.slip-book dt .slip-predict .expand-open,.slip-book .refer .expand-close,.slip-book .refer .expand-open,.slip-book .keep-option .expand-close,.slip-book .keep-option .expand-open,.tips-popup .expand-close,.tips-popup .expand-open,.full-amount .expand-close,.full-amount .expand-open,.no-data .expand-close,.no-data .expand-open,.event-left .col-game .expand-close,.event-left .col-game .expand-open,.event-right .col-game .expand-close,.event-right .col-game .expand-open,.event-left .game-list-col dt .expand-close,.event-left .game-list-col dt .expand-open,.game-list-col .event-left dt .expand-close,.game-list-col .event-left dt .expand-open,.event-right .game-list-col dt .expand-close,.event-right .game-list-col dt .expand-open,.game-list-col .event-right dt .expand-close,.game-list-col .event-right dt .expand-open,.bets th .expand-close,.bets th .expand-open,.bets .refer-bet .expand-close,.bets .refer-bet .expand-open,.bets .refer-book .expand-close,.bets .refer-book .expand-open,.bets .special_bet td .expand-close,.bets .special_bet td .expand-open,.bets-HS th .expand-close,.bets-HS th .expand-open,.bets-HS .refer-bet .expand-close,.bets-HS .refer-bet .expand-open,.bets-HS .refer-book .expand-close,.bets-HS .refer-book .expand-open,.bets-HS .special_bet td .expand-close,.bets-HS .special_bet td .expand-open,.bets-GH th .expand-close,.bets-GH th .expand-open,.bets-GH .refer-bet .expand-close,.bets-GH .refer-bet .expand-open,.bets-GH .refer-book .expand-close,.bets-GH .refer-book .expand-open,.bets-GH .special_bet td .expand-close,.bets-GH .special_bet td .expand-open,.fancy_bet .td-fancy_merge .expand-close,.fancy_bet .td-fancy_merge .expand-open,.fancy_bet .fancy-quick-tr td .expand-close,.fancy_bet .fancy-quick-tr td .expand-open,.sportsbook_bet .td-fancy_merge .expand-close,.sportsbook_bet .td-fancy_merge .expand-open,.sportsbook_bet .fancy-quick-tr td .expand-close,.sportsbook_bet .fancy-quick-tr td .expand-open,.bookmaker_bet .td-fancy_merge .expand-close,.bookmaker_bet .td-fancy_merge .expand-open,.bookmaker_bet .fancy-quick-tr td .expand-close,.bookmaker_bet .fancy-quick-tr td .expand-open {
    padding-right: 0;
    padding-left: 15px;
    color: #2789ce;
    background-image: url(../images/report/expand-close.png);
    background-repeat: no-repeat;
    background-position: left
}

.expand-open {
    background-image: url(../images/report/expand-open.png);
    background-repeat: no-repeat;
    background-position: right
}

.align-L .expand-open,.table01 caption .expand-open,.table-s caption .expand-open,.message-bet p .expand-open,.slip-head .col-bet .expand-open,.matched-head .col-bet .expand-open,.slip-back dt .slip-predict .expand-open,.slip-back .refer .expand-open,.slip-back .keep-option .expand-open,.slip-lay dt .slip-predict .expand-open,.slip-lay .refer .expand-open,.slip-lay .keep-option .expand-open,.slip-book dt .slip-predict .expand-open,.slip-book .refer .expand-open,.slip-book .keep-option .expand-open,.tips-popup .expand-open,.full-amount .expand-open,.no-data .expand-open,.event-left .col-game .expand-open,.event-right .col-game .expand-open,.event-left .game-list-col dt .expand-open,.game-list-col .event-left dt .expand-open,.event-right .game-list-col dt .expand-open,.game-list-col .event-right dt .expand-open,.bets th .expand-open,.bets .refer-bet .expand-open,.bets .refer-book .expand-open,.bets .special_bet td .expand-open,.bets-HS th .expand-open,.bets-HS .refer-bet .expand-open,.bets-HS .refer-book .expand-open,.bets-HS .special_bet td .expand-open,.bets-GH th .expand-open,.bets-GH .refer-bet .expand-open,.bets-GH .refer-book .expand-open,.bets-GH .special_bet td .expand-open,.fancy_bet .td-fancy_merge .expand-open,.fancy_bet .fancy-quick-tr td .expand-open,.sportsbook_bet .td-fancy_merge .expand-open,.sportsbook_bet .fancy-quick-tr td .expand-open,.bookmaker_bet .td-fancy_merge .expand-open,.bookmaker_bet .fancy-quick-tr td .expand-open {
    background-image: url(../images/report/expand-open.png);
    background-repeat: no-repeat;
    background-position: left
}

.table-s td,.table-s th {
    padding: 5px
}

.table-s input,.table-s textarea {
    margin-bottom: 0;
    padding: 0
}

.small-date {
    font-size: 11px;
    line-height: 13px
}

.market-float {
    width: 94%
}

.expand {
    background-color: #e2e8ed
}

.expand>td {
    position: relative;
    padding: 0;
    border-top-color: #7e97a7;
    border-bottom: 1px solid #7e97a7
}

.expand table {
    width: 85%;
    border-left: 1px solid #7e97a7;
    border-bottom-width: 0;
    margin-left: 15%
}

.expand table th {
    background-color: rgba(0,0,0,0);
    border-top-width: 0
}

.expand table td {
    border-width: 0;
    padding: 8px 10px
}

.expand table .even {
    background-color: #f2f4f7
}

.table-s .expand table td {
    padding: 5px
}

.expand .table-commission {
    width: 75%;
    margin-left: 23%;
    border-right: 1px solid #7e97a7
}

.expand .sum-pl {
    background-color: #d9e4ec;
    border-top: 1px solid #7e97a7
}

.expand .sum-pl td {
    padding: 0
}

.expand-arrow {
    position: absolute;
    left: 15%;
    margin-left: -10px;
    background-image: url(../images/report/expand-arrow.png);
    height: 9px;
    width: 10px
}

.sum-pl dl {
    padding: 5px 0
}

.sum-pl dt {
    width: 82%;
    padding: 0 10px 5px;
    color: #243a48
}

.sum-pl dd {
    padding: 0 10px 5px
}

.sum-pl .net_total {
    padding-top: 5px;
    border-top: 1px dotted #7e97a7
}

.expand-arrow-R {
    position: absolute;
    left: 98%;
    margin-top: -1px;
    background-image: url(../images/report/expand-arrow-R.png);
    height: 9px;
    width: 10px
}

.white-wrap {
    background-color: #fff;
    color: #3b5160;
    padding: 7px 10px 5px;
    border-bottom: 1px solid #7e97a7;
    margin-bottom: 15px
}

.white-wrap h3 {
    width: 85%;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 7px
}

.white-wrap p {
    width: 85%;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 5px
}

.nobg-wrap {
    margin-top: 15px
}

.nobg-wrap .text-input {
    height: 32px;
    border: 1px solid #aaa;
    box-shadow: inset 0px 2px 0px rgba(0,0,0,.1);
    margin: 0 5px 0 5px
}

.nobg-wrap .report-tab-wrap {
    margin-top: 10px
}

.acc-info {
    margin-bottom: 5px
}

.acc-info li {
    margin-right: 15px;
    padding-left: 20px
}

.acc-info .user {
    background-image: url(../images/report/icon-user.png);
    background-repeat: no-repeat
}

.acc-info .time {
    background-image: url(../images/report/icon-time.png);
    background-repeat: no-repeat
}

.total-show {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    margin-bottom: 5px
}

.total-show select {
    width: 140px;
    margin-bottom: 0;
    font-weight: bold
}

.table-other {
    margin-top: -10px;
    color: #3b5160
}

.head-balance {
    width: 31.3725490196%;
    border-right: 1px solid #d8d8d8;
    margin-right: 10px
}

.head-balance dt {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 7px
}

.head-balance dd {
    font-size: 30px;
    line-height: 36px;
    font-weight: bold;
    color: #2789ce
}

.head-balance dd span {
    font-size: 12px;
    color: #7e97a7;
    font-weight: normal
}

.total,.grand-total {
    font-weight: bold;
    color: #243a48
}

.total td,.grand-total td {
    border-top-color: #7e97a7;
    border-bottom: 1px solid #7e97a7
}

.grand-total {
    background-color: #e0e6e6
}

.tax {
    font-weight: bold;
    border-bottom: 2px solid #979797
}

.fromto {
    margin: 0 5px;
    background-image: url(../images/report/icon-fromto.png);
    background-repeat: no-repeat;
    height: 8px;
    width: 7px
}

.pages {
    margin: 25px 0
}

.pages li {
    list-style: none;
    line-height: 25px;
    margin-right: 5px
}

.pages a {
    display: inline;
    font-weight: normal;
    margin: 0;
    padding: 4px 10px
}

.calendarPanel {
    position: absolute;
    z-index: 9999;
    left: 0px;
    top: 0px;
    background-color: #fff
}

.calendarTable_1 {
    background-color: #243a48;
    width: 100%
}

.calendarTable_1 th {
    line-height: 30px;
    height: 30px;
    padding: 5px
}

.calendarTable_1 select {
    margin: 0;
    width: 80px
}

.calendarTable_1 .calendarYear {
    width: 60px
}

.calendarTable_1 input,.calendarTable_1 textarea {
    width: 27px;
    height: 20px;
    cursor: pointer;
    margin: 0;
    border-radius: 0;
    box-shadow: none
}

.prevMonth {
    width: 27px;
    height: 20px;
    background-image: url(../images/report/prev_m.png)
}

.prevMonth:hover {
    background-image: url(../images/report/prev_m-hover.png)
}

.nextMonth {
    width: 27px;
    height: 20px;
    background-image: url(../images/report/mext_m.png)
}

.nextMonth:hover {
    background-image: url(../images/report/mext_m-hover.png)
}

.calendarTable_2 {
    font-size: 12px
}

.calendarTable_2 th {
    width: 25px;
    padding: 3px;
    font-weight: normal;
    font-size: 11px;
    color: #243a48;
    border: 1px solid #7e97a7;
    border-width: 1px 0 1px 0;
    background-color: #e4e4e4
}

.calendarTable_2 td {
    width: 25px;
    padding: 3px;
    border: 1px solid #ddd
}

.calendarTable_inputBox {
    background-color: #c2c2c2
}

.calendarTable_inputBox th {
    border-bottom-width: 0
}

.calendarTable_inputBox input,.calendarTable_inputBox textarea {
    width: 100%;
    font-size: 12px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    box-shadow: none;
    font-weight: normal
}

.comingDate {
    color: #999 !important
}

.pop-left {
    position: relative;
    width: 310px;
    height: 542px;
    padding: 20px 20px 0 20px;
    overflow: hidden;
    font-size: 15px;
    line-height: 20px
}

.pop-left dl {
    margin-bottom: 10px
}

.pop-left dt {
    width: 125px;
    margin-bottom: 10px;
    color: #3b5160
}

.pop-left dd {
    position: relative;
    color: #000;
    font-weight: bold
}

.pop-left .select-betting {
    line-height: 23px;
    border-bottom: 1px solid #c5d0d7
}

.selection {
    height: 23px;
    line-height: 23px;
    border: 1px solid #7e97a7;
    border-radius: 4px;
    padding: 0 10px
}

.selection::after {
    display: flex;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 3px 0 3px;
    border-color: #000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    content: ""
}

.select-betting .selection {
    width: 163px
}

.selection-list {
    top: 25px;
    right: 0;
    min-width: 185px;
    font-weight: normal;
    z-index: 5
}

.selection-list:not(:target) {
    display: none
}

.selection-list:target {
    display: block
}

.selection-list a {
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap
}

.chart-wrap {
    width: 278px;
    overflow: hidden;
    font-size: 13px;
    margin-bottom: 10px
}

.chart-wrap img {
    width: 350px;
    height: 255px;
    margin-bottom: -5px
}

.chart-wrap h2 {
    position: absolute;
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    background-color: #fff;
    margin: 0;
    padding: 0
}

.pop-note {
    position: absolute;
    bottom: 0;
    width: 310px;
    border-top: 1px solid #c5d0d7;
    font-size: 12px;
    color: #3b5160;
    line-height: 14px;
    padding: 5px 0 10px;
    margin-bottom: 0
}

.pop-right {
    width: 529px;
    height: 542px;
    padding: 20px 20px 0;
    overflow: auto;
    overflow-x: hidden;
    border-left: 1px solid #c5d0d7
}

.pop-right h2 {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 5px;
    padding-top: 0
}

.tab-depth {
    border-left: 1px solid #eee
}

.tab-depth td {
    border-right: 1px solid #eee;
    border-color: #eee;
    padding: 5px 10px
}

.tab-depth .back {
    background-color: #cde8fd;
    color: #1e1e1e !important;
    border-color: #fff
}

.tab-depth .lay {
    background-color: #fae5eb;
    color: #1e1e1e !important;
    border-color: #fff
}

.initial-balance,.final-balance {
    background-color: #ece7dc;
    color: #3b5160;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #7e97a7
}

.initial-balance dt,.final-balance dt,.initial-balance dd,.final-balance dd {
    padding: 10px
}

.initial-balance dt span,.final-balance dt span {
    width: 60px;
    color: #1e1e1e;
    background-color: #cea976;
    margin-right: 15px;
    font-weight: bold;
    border-radius: 3px
}

.initial-balance dd,.final-balance dd {
    padding-left: 0;
    color: #000
}

.initial-balance dd:first-of-type,.final-balance dd:first-of-type {
    width: 120px;
    padding-left: 10px;
    color: #3b5160
}

.table01 .initial-balance,.table01 .final-balance,.table-s .initial-balance,.table-s .final-balance {
    background-color: #fff;
    font-size: 12px;
    line-height: 15px
}

.table01 .initial-balance td,.table01 .final-balance td,.table-s .initial-balance td,.table-s .final-balance td {
    border: 1px solid #7e97a7;
    border-width: 1px 0 1px 0
}

.final-balance {
    border-top: 1px solid #7e97a7;
    margin: -15px 0 15px
}

.tab-scroll-y {
    width: 100%;
    height: 512px;
    overflow: hidden;
    overflow-y: auto;
    margin-bottom: 15px;
    border-bottom: 1px solid #7e97a7
}

.tab-scroll-y .table01,.tab-scroll-y .table-s {
    margin-bottom: 0;
    border-bottom-width: 0
}

.report-tab-wrap {
    position: relative;
    margin-top: 16px;
    list-style-type: none
}

.report-tab-wrap:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #3b5160
}

.report-tab-wrap .report-tab {
    display: inline-block;
    padding: 5px 10px 9px;
    background-color: #fff;
    border: 1px solid #3b5160;
    border-radius: 3px 3px 0 0;
    color: #3b5160;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer
}

.report-tab-wrap .report-tab:nth-child(10) {
    position: relative
}

.report-tab-wrap .report-tab:nth-child(10):after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 4px 0 4px;
    border-color: #3b5160 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    margin-left: 5px
}

.report-tab-wrap .report-tab:nth-child(10):hover:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 2;
    width: 100%;
    max-width: 130px;
    height: 4px;
    background-color: #fff
}

.report-tab-wrap .report-tab:nth-child(10):hover .report-tab_content {
    display: block !important
}

.report-tab-wrap .report-tab:nth-child(10).select:hover:before {
    background-color: #3b5160
}

.report-tab-wrap .report-tab:nth-child(10).select:hover .report-tab_content {
    display: block !important
}

.report-tab-wrap .report-tab.select {
    background-color: #3b5160;
    color: #fff
}

.report-tab-wrap .report-tab.select:nth-child(10):after {
    border-color: #fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.report-tab-wrap .report-tab .report-tab_content {
    position: absolute;
    top: 30px;
    left: -1px;
    z-index: 10;
    width: 130px;
    padding: 9px 0;
    background-color: #fff;
    border: 1px solid #3b5160;
    border-top: 0px;
    border-radius: 0 0 3px 3px
}

.report-tab-wrap .report-tab .report-tab_content a {
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 10px;
    border-bottom: 1px solid #dcdcdc;
    color: #3b5160;
    font-weight: normal;
    word-wrap: break-word;
    text-decoration: none
}

.report-tab-wrap .report-tab .report-tab_content a:hover {
    background-color: #f2dca7
}

.casino-grand-total {
    border-top: 1px solid #7e97a7;
    background-color: #d9e4ec;
    font-weight: bold
}

.table-trans {
    width: 100%;
    border-top: 1px solid #7e97a7;
    border-bottom: 1px solid #7e97a7
}

.table-trans tr {
    background-color: #fff
}

.table-trans tr:nth-child(odd) {
    background-color: #f2f4f7
}

.table-trans th {
    padding: 8px;
    border-right: 1px solid #7e97a7;
    border-bottom: 1px solid #7e97a7;
    background-color: #e4e4e4;
    color: #243a48
}

.table-trans th:last-child {
    border-right: none
}

.table-trans td {
    padding: 8px
}

.table-trans td span {
    display: block
}

.trans-replay {
    margin: 0 auto;
    background-image: url(../images/report/btn-replay.png);
    background-repeat: no-repeat;
    height: 24px;
    width: 24px
}

.data-del {
    position: relative;
    color: #999 !important
}

.data-del:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #666
}

.data-del span {
    color: #999 !important
}

.casino-result {
    width: 1200px
}

.casino-result iframe {
    width: calc(100% - 16px);
    height: 544px;
    padding: 8px;
    overflow-y: scroll
}

.casino-result .announce-header span {
    padding: 2px 10px;
    margin: 0 5px;
    border-radius: 4px;
    background-color: #243a48;
    color: #fff;
    font-size: 16px;
    font-weight: normal
}

.casino-result .announce-header .close_pop {
    top: 18px;
    transform: scale(1.4)
}

.trans-wrap .input-list,.trans-wrap .filter-list {
    display: inline-block;
    margin-left: 12px
}

.trans-wrap .input-list:first-of-type,.trans-wrap .filter-list:first-of-type {
    margin-left: 0
}

.trans-wrap .input-list label,.trans-wrap .filter-list label {
    margin-right: 0
}

.trans-wrap .input-list select,.trans-wrap .filter-list select {
    margin: 0
}

.trans-wrap .btn-send {
    margin-left: 20px
}

.trans-wrap .pages {
    position: relative;
    height: 24px;
    margin: 0 auto;
    padding: 12px 0;
    background: #fff
}

.trans-wrap .pages:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1))
}

.trans-wrap .pop-title {
    height: calc(100% - 35px - 48px);
    overflow-y: auto;
    margin-bottom: 0;
    padding-bottom: 16px;
    border: none;
    box-sizing: border-box
}

.mb-0 {
    margin-bottom: 0
}

.sr-bb {
    font-family: "Roboto","Noto","Helvetica Neue","Helvetica","Arial",sans-serif;
    background: #1e1e1e
}

.sr-bb .sr-bb {
    background: none
}

.sr-bb .srt-base-1 {
    background-color: rgba(0,0,0,0);
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-win {
    background-color: rgba(0,0,0,0);
    color: #b38108;
    border-color: #b38108
}

.sr-bb .srt-base-1-draw {
    background-color: rgba(0,0,0,0);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-lose {
    background-color: rgba(0,0,0,0);
    color: #ffde8d;
    border-color: #ffde8d
}

.sr-bb .srt-base-1-is-active {
    background-color: rgba(255,184,12,.12);
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-is-active-2 {
    background-color: #e6e6e6;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: rgba(255,184,12,.12);
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-primary {
    background-color: rgba(0,0,0,0);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-home-1 {
    background-color: rgba(0,0,0,0);
    color: #1a8ee1;
    border-color: #1a8ee1
}

.sr-bb .srt-base-1-away-1 {
    background-color: rgba(0,0,0,0);
    color: #f4496d;
    border-color: #f4496d
}

.sr-bb .srt-base-1-home-2 {
    background-color: rgba(0,0,0,0);
    color: #1a8ee1;
    border-color: #946b07
}

.sr-bb .srt-base-1-away-2 {
    background-color: rgba(0,0,0,0);
    color: #f4496d;
    border-color: #946b07
}

.sr-bb .srt-base-1-home-3 {
    background-color: rgba(0,0,0,0);
    color: #1a8ee1;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-away-3 {
    background-color: rgba(0,0,0,0);
    color: #f4496d;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-home-4 {
    background-color: rgba(0,0,0,0);
    color: #1b6ca7;
    border-color: #1b6ca7
}

.sr-bb .srt-base-1-away-4 {
    background-color: rgba(0,0,0,0);
    color: #b43c55;
    border-color: #b43c55
}

.sr-bb .srt-base-1-home-5 {
    background-color: rgba(0,0,0,0);
    color: #115c92;
    border-color: #115c92
}

.sr-bb .srt-base-1-away-5 {
    background-color: rgba(0,0,0,0);
    color: #9f2f47;
    border-color: #9f2f47
}

.sr-bb .srt-base-1-background {
    background-color: #1e1e1e;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-2 {
    background-color: #1e1e1e;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-2-is-active {
    background-color: #fff6e2;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-2-is-hoverable:hover {
    background-color: #fff6e2;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-3 {
    background-color: #fff6e2;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-3-is-active {
    background-color: #fff4d8;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #fff4d8;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-3-background {
    background-color: #1e1e1e;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-4 {
    background-color: #fffbf3;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-5-is-active {
    background-color: #ffedc0;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #ffedc0;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-6 {
    background-color: rgba(0,0,0,0);
    color: #fff;
    border-color: rgba(0,0,0,.3)
}

.sr-bb .srt-primary-1 {
    background-color: #ffb80c;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-1-is-active {
    background-color: #cc930a;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #cc930a;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-1-is-disabled {
    background-color: #ffbc1b;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-2 {
    background-color: #ffb80c;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-3 {
    background-color: #b38108;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-4 {
    background-color: #b38108;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-5 {
    background-color: #ffd161;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: #ffb80c;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-6 {
    background-color: #ffb80c;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-7 {
    background-color: #ffb80c;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-8 {
    background-color: #ffb80c;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-8-is-active-1 {
    background-color: #cc930a;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-8-is-active-2 {
    background-color: #cc930a;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-primary-9 {
    background-color: #ffeab6;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-primary-10 {
    background-color: #ffc63d;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-11 {
    background-color: #ffd161;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-primary-12 {
    background-color: #ffb80c;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-primary-13 {
    background-color: #fffbf3;
    color: #fff;
    border-color: rgba(255,184,12,.3)
}

.sr-bb .srt-base-1-primary-1 {
    background-color: rgba(0,0,0,0);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-primary-2 {
    background-color: rgba(0,0,0,0);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-primary-3 {
    background-color: rgba(0,0,0,0);
    color: #b38108;
    border-color: #b38108
}

.sr-bb .srt-base-1-primary-4 {
    background-color: rgba(0,0,0,0);
    color: #b38108;
    border-color: #b38108
}

.sr-bb .srt-base-1-primary-5 {
    background-color: rgba(0,0,0,0);
    color: #ffd161;
    border-color: #ffd161
}

.sr-bb .srt-base-1-primary-6 {
    background-color: rgba(0,0,0,0);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-primary-7 {
    background-color: rgba(0,0,0,0);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-primary-8 {
    background-color: rgba(0,0,0,0);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-primary-9 {
    background-color: rgba(0,0,0,0);
    color: #ffeab6;
    border-color: #ffeab6
}

.sr-bb .srt-base-1-primary-10 {
    background-color: rgba(0,0,0,0);
    color: #ffc63d;
    border-color: #ffc63d
}

.sr-bb .srt-base-1-primary-11 {
    background-color: rgba(0,0,0,0);
    color: #ffd161;
    border-color: #ffd161
}

.sr-bb .srt-base-1-primary-13 {
    background-color: #1e1e1e;
    color: #fffbf3;
    border-color: rgba(255,184,12,.3)
}

.sr-bb .srt-base-1-neutral-1 {
    background-color: rgba(0,0,0,0);
    color: #ccc;
    border-color: #ccc
}

.sr-bb .srt-base-1-neutral-2 {
    background-color: rgba(0,0,0,0);
    color: #1b1b1b;
    border-color: #1b1b1b
}

.sr-bb .srt-base-1-neutral-3 {
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.12);
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-neutral-4 {
    background-color: rgba(0,0,0,0);
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-neutral-5 {
    background-color: rgba(0,0,0,0);
    color: #404040;
    border-color: #404040
}

.sr-bb .srt-base-1-neutral-6 {
    background-color: rgba(0,0,0,0);
    color: #171717;
    border-color: #171717
}

.sr-bb .srt-base-1-neutral-7 {
    background-color: rgba(0,0,0,0);
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-neutral-8 {
    background-color: rgba(0,0,0,0);
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-neutral-9 {
    background-color: rgba(0,0,0,0);
    color: #1d1d1d;
    border-color: #1d1d1d
}

.sr-bb .srt-base-1-neutral-10 {
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,.12);
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-neutral-11 {
    background-color: rgba(0,0,0,0);
    color: #121212;
    border-color: #121212
}

.sr-bb .srt-base-1-neutral-12 {
    background-color: rgba(0,0,0,0);
    color: #090909;
    border-color: #090909
}

.sr-bb .srt-base-1-neutral-13 {
    background-color: rgba(0,0,0,0);
    color: #1b1b1b;
    border-color: #1b1b1b
}

.sr-bb .srt-base-1-is-active-primary {
    background-color: rgba(255,184,12,.12);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-is-active-home-1 {
    background-color: rgba(255,184,12,.12);
    color: #1a8ee1;
    border-color: #1a8ee1
}

.sr-bb .srt-base-1-is-active-away-1 {
    background-color: rgba(255,184,12,.12);
    color: #f4496d;
    border-color: #f4496d
}

.sr-bb .srt-base-1-is-active-home-2 {
    background-color: rgba(255,184,12,.12);
    color: #1a8ee1;
    border-color: #946b07
}

.sr-bb .srt-base-1-is-active-away-2 {
    background-color: rgba(255,184,12,.12);
    color: #f4496d;
    border-color: #946b07
}

.sr-bb .srt-base-1-is-active-home-3 {
    background-color: rgba(255,184,12,.12);
    color: #1a8ee1;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-is-active-away-3 {
    background-color: rgba(255,184,12,.12);
    color: #f4496d;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-is-active-home-4 {
    background-color: rgba(255,184,12,.12);
    color: #1b6ca7;
    border-color: #1b6ca7
}

.sr-bb .srt-base-1-is-active-away-4 {
    background-color: rgba(255,184,12,.12);
    color: #b43c55;
    border-color: #b43c55
}

.sr-bb .srt-base-1-is-active-home-5 {
    background-color: rgba(255,184,12,.12);
    color: #115c92;
    border-color: #115c92
}

.sr-bb .srt-base-1-is-active-away-5 {
    background-color: rgba(255,184,12,.12);
    color: #9f2f47;
    border-color: #9f2f47
}

.sr-bb .srt-base-1-is-active-primary-1 {
    background-color: rgba(255,184,12,.12);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: rgba(255,184,12,.12);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: rgba(255,184,12,.12);
    color: #b38108;
    border-color: #b38108
}

.sr-bb .srt-base-1-is-active-primary-4 {
    background-color: rgba(255,184,12,.12);
    color: #b38108;
    border-color: #b38108
}

.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: rgba(255,184,12,.12);
    color: #ffd161;
    border-color: #ffd161
}

.sr-bb .srt-base-1-is-active-primary-6 {
    background-color: rgba(255,184,12,.12);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-is-active-primary-7 {
    background-color: rgba(255,184,12,.12);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: rgba(255,184,12,.12);
    color: #ffb80c;
    border-color: #ffb80c
}

.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: rgba(255,184,12,.12);
    color: #ffeab6;
    border-color: #ffeab6
}

.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: rgba(255,184,12,.12);
    color: #ffc63d;
    border-color: #ffc63d
}

.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: rgba(255,184,12,.12);
    color: #ffd161;
    border-color: #ffd161
}

.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: rgba(255,184,12,.12);
    color: #ccc;
    border-color: #ccc
}

.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: rgba(255,184,12,.12);
    color: #1b1b1b;
    border-color: #1b1b1b
}

.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: rgba(255,184,12,.12);
    color: rgba(0,0,0,.12);
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: rgba(255,184,12,.12);
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: rgba(255,184,12,.12);
    color: #404040;
    border-color: #404040
}

.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: rgba(255,184,12,.12);
    color: #171717;
    border-color: #171717
}

.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: rgba(255,184,12,.12);
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: rgba(255,184,12,.12);
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: rgba(255,184,12,.12);
    color: #1d1d1d;
    border-color: #1d1d1d
}

.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: rgba(255,184,12,.12);
    color: rgba(0,0,0,.12);
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: rgba(255,184,12,.12);
    color: #121212;
    border-color: #121212
}

.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: rgba(255,184,12,.12);
    color: #090909;
    border-color: #090909
}

.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: rgba(255,184,12,.12);
    color: #1b1b1b;
    border-color: #1b1b1b
}

.sr-bb .srt-home-1 {
    background-color: #1a8ee1;
    color: #fff;
    border-color: #1a8ee1
}

.sr-bb .srt-away-1 {
    background-color: #f4496d;
    color: #fff;
    border-color: #f4496d
}

.sr-bb .srt-home-2 {
    background-color: #1a8ee1;
    color: #fff;
    border-color: #946b07
}

.sr-bb .srt-away-2 {
    background-color: #f4496d;
    color: #fff;
    border-color: #946b07
}

.sr-bb .srt-home-3 {
    background-color: #1a8ee1;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-away-3 {
    background-color: #f4496d;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-home-4 {
    background-color: #1b6ca7;
    color: #fff;
    border-color: #1b6ca7
}

.sr-bb .srt-away-4 {
    background-color: #b43c55;
    color: #fff;
    border-color: #b43c55
}

.sr-bb .srt-home-5 {
    background-color: #115c92;
    color: #fff;
    border-color: #115c92
}

.sr-bb .srt-away-5 {
    background-color: #9f2f47;
    color: #fff;
    border-color: #9f2f47
}

.sr-bb .srt-neutral-1 {
    background-color: #ccc;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-neutral-2 {
    background-color: #1b1b1b;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-neutral-3 {
    background-color: rgba(0,0,0,.12);
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-neutral-4 {
    background-color: #fff;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-neutral-5 {
    background-color: #404040;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-neutral-6 {
    background-color: #171717;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-neutral-7 {
    background-color: #fff;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-neutral-8 {
    background-color: #dedede;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-neutral-9 {
    background-color: #1d1d1d;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-neutral-10 {
    background-color: rgba(0,0,0,.12);
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-neutral-11 {
    background-color: #121212;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-neutral-12 {
    background-color: #090909;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-neutral-13 {
    background-color: #1b1b1b;
    color: #fff;
    border-color: rgba(0,0,0,.12)
}

.sr-bb .srt-win {
    background-color: #b38108;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-draw {
    background-color: #ffb80c;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-lose {
    background-color: #ffde8d;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-text-secondary {
    opacity: .7
}

.sr-bb .srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-primary-1 .srt-text-secondary,.sr-bb .srt-primary-1.srt-text-secondary,.sr-bb .srt-primary-1-is-active .srt-text-secondary,.sr-bb .srt-primary-1-is-active.srt-text-secondary,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,.sr-bb .srt-primary-2 .srt-text-secondary,.sr-bb .srt-primary-2.srt-text-secondary,.sr-bb .srt-primary-3 .srt-text-secondary,.sr-bb .srt-primary-3.srt-text-secondary,.sr-bb .srt-primary-4 .srt-text-secondary,.sr-bb .srt-primary-4.srt-text-secondary,.sr-bb .srt-primary-5 .srt-text-secondary,.sr-bb .srt-primary-5.srt-text-secondary,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,.sr-bb .srt-primary-6 .srt-text-secondary,.sr-bb .srt-primary-6.srt-text-secondary,.sr-bb .srt-primary-7 .srt-text-secondary,.sr-bb .srt-primary-7.srt-text-secondary,.sr-bb .srt-primary-8 .srt-text-secondary,.sr-bb .srt-primary-8.srt-text-secondary,.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,.sr-bb .srt-primary-9 .srt-text-secondary,.sr-bb .srt-primary-9.srt-text-secondary,.sr-bb .srt-primary-10 .srt-text-secondary,.sr-bb .srt-primary-10.srt-text-secondary,.sr-bb .srt-primary-11 .srt-text-secondary,.sr-bb .srt-primary-11.srt-text-secondary,.sr-bb .srt-primary-12 .srt-text-secondary,.sr-bb .srt-primary-12.srt-text-secondary,.sr-bb .srt-primary-13 .srt-text-secondary,.sr-bb .srt-primary-13.srt-text-secondary {
    opacity: .7
}

.sr-bb .srt-primary-1 .srt-text-disabled,.sr-bb .srt-primary-1.srt-text-disabled,.sr-bb .srt-primary-1-is-active .srt-text-disabled,.sr-bb .srt-primary-1-is-active.srt-text-disabled,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,.sr-bb .srt-primary-2 .srt-text-disabled,.sr-bb .srt-primary-2.srt-text-disabled,.sr-bb .srt-primary-3 .srt-text-disabled,.sr-bb .srt-primary-3.srt-text-disabled,.sr-bb .srt-primary-4 .srt-text-disabled,.sr-bb .srt-primary-4.srt-text-disabled,.sr-bb .srt-primary-5 .srt-text-disabled,.sr-bb .srt-primary-5.srt-text-disabled,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,.sr-bb .srt-primary-6 .srt-text-disabled,.sr-bb .srt-primary-6.srt-text-disabled,.sr-bb .srt-primary-7 .srt-text-disabled,.sr-bb .srt-primary-7.srt-text-disabled,.sr-bb .srt-primary-8 .srt-text-disabled,.sr-bb .srt-primary-8.srt-text-disabled,.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,.sr-bb .srt-primary-9 .srt-text-disabled,.sr-bb .srt-primary-9.srt-text-disabled,.sr-bb .srt-primary-10 .srt-text-disabled,.sr-bb .srt-primary-10.srt-text-disabled,.sr-bb .srt-primary-11 .srt-text-disabled,.sr-bb .srt-primary-11.srt-text-disabled,.sr-bb .srt-primary-12 .srt-text-disabled,.sr-bb .srt-primary-12.srt-text-disabled,.sr-bb .srt-primary-13 .srt-text-disabled,.sr-bb .srt-primary-13.srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-primary-1 .srt-text-tertiary,.sr-bb .srt-primary-1.srt-text-tertiary,.sr-bb .srt-primary-1-is-active .srt-text-tertiary,.sr-bb .srt-primary-1-is-active.srt-text-tertiary,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,.sr-bb .srt-primary-2 .srt-text-tertiary,.sr-bb .srt-primary-2.srt-text-tertiary,.sr-bb .srt-primary-3 .srt-text-tertiary,.sr-bb .srt-primary-3.srt-text-tertiary,.sr-bb .srt-primary-4 .srt-text-tertiary,.sr-bb .srt-primary-4.srt-text-tertiary,.sr-bb .srt-primary-5 .srt-text-tertiary,.sr-bb .srt-primary-5.srt-text-tertiary,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,.sr-bb .srt-primary-6 .srt-text-tertiary,.sr-bb .srt-primary-6.srt-text-tertiary,.sr-bb .srt-primary-7 .srt-text-tertiary,.sr-bb .srt-primary-7.srt-text-tertiary,.sr-bb .srt-primary-8 .srt-text-tertiary,.sr-bb .srt-primary-8.srt-text-tertiary,.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,.sr-bb .srt-primary-9 .srt-text-tertiary,.sr-bb .srt-primary-9.srt-text-tertiary,.sr-bb .srt-primary-10 .srt-text-tertiary,.sr-bb .srt-primary-10.srt-text-tertiary,.sr-bb .srt-primary-11 .srt-text-tertiary,.sr-bb .srt-primary-11.srt-text-tertiary,.sr-bb .srt-primary-12 .srt-text-tertiary,.sr-bb .srt-primary-12.srt-text-tertiary,.sr-bb .srt-primary-13 .srt-text-tertiary,.sr-bb .srt-primary-13.srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-icon {
    opacity: .33
}

.sr-bb .srt-icon-secondary {
    opacity: .7
}

.sr-bb .srt-elevation-1 {
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,.2),0px 1px 3px 0px rgba(0,0,0,.1)
}

.sr-bb .srt-elevation-2 {
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,.23),0px 3px 6px 0px rgba(0,0,0,.16)
}

.sr-bb .srt-elevation-3 {
    box-shadow: 0px 6px 6px 0px rgba(0,0,0,.26),0px 10px 20px 0px rgba(0,0,0,.19)
}

.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px rgba(0,0,0,.23),0 1px 5px rgba(0,0,0,.16)
}

.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px 0 rgba(0,0,0,.23)
}

.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px 0 rgba(0,0,0,.23)
}

.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px 0 rgba(0,0,0,.23)
}

.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px 0 rgba(0,0,0,.23)
}

.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px 0 rgba(0,0,0,.23)
}

.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px 0 rgba(0,0,0,.23)
}

.sr-bb .srt-fill-blue-card {
    fill: #2579ad
}

.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad
}

.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00
}

.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00
}

.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b
}

.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: rgba(0,0,0,0)
}

.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30
}

.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: rgba(0,0,0,0)
}

.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: rgba(0,0,0,0)
}

.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b
}

.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835
}

.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835
}

.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848
}

.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848
}

.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00
}

.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00
}

.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34
}

.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34
}

.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d
}

.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d
}

.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #005100
}

.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #005100
}

.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b
}

.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b
}

.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #51d151
}

.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #51d151
}

.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #1976d2
}

.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #1976d2
}

.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #64b5f6
}

.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #64b5f6
}

.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-nfl-timeout-2 {
    background-color: rgba(245,166,35,.3);
    color: #fff;
    border-color: rgba(255,255,255,.16)
}

.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    color: #fff;
    border-color: #f4a621
}

.sr-bb .srt-nfl-negative-yards-1 {
    background-color: #ac182e;
    color: #fff;
    border-color: #ac182e
}

.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    color: #fff;
    border-color: #ac182e
}

.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #fff;
    border-color: #4b90de
}

.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #fff;
    border-color: #f5a623
}

.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621
}

.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de
}

.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de
}

.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623
}

.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623
}

.sr-bb .srt-mlb-run-1 {
    background-color: #090;
    color: #fff;
    border-color: #090
}

.sr-bb .srt-mlb-run-2 {
    background-color: #fff;
    color: #090;
    border-color: #090
}

.sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    color: #fff;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-2 {
    background-color: #fff;
    color: #f7ab11;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    color: #fff;
    border-color: #00a4ff
}

.sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    color: #fff;
    border-color: #d0021b
}

.sr-bb .srt-mlb-error-2 {
    background-color: #fff;
    color: #d0021b;
    border-color: #d0021b
}

.sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-fill-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-fill-change-increase {
    fill: #4fbe30
}

.sr-bb .srt-stroke-change-increase {
    stroke: #4fbe30
}

.sr-bb .srt-fill-change-decrease {
    fill: #e43b3b
}

.sr-bb .srt-stroke-change-decrease {
    stroke: #e43b3b
}

.sr-bb .srt-fill-text {
    fill: #fff
}

.sr-bb .srt-fill-text-invert {
    fill: #fff
}

.sr-bb .srt-fill-text-secondary {
    fill-opacity: .7
}

.sr-bb .srt-fill-text-disabled {
    fill-opacity: .35
}

.sr-bb .srt-fill-base-1 {
    fill: rgba(0,0,0,0)
}

.sr-bb .srt-stroke-base-1 {
    stroke: rgba(0,0,0,0)
}

.sr-bb .srt-fill-base-1-active {
    fill: rgba(255,184,12,.12)
}

.sr-bb .srt-stroke-base-1-active {
    stroke: rgba(255,184,12,.12)
}

.sr-bb .srt-fill-base-1-active-2 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-base-1-primary {
    fill: rgba(0,0,0,0)
}

.sr-bb .srt-stroke-base-1-primary {
    stroke: rgba(0,0,0,0)
}

.sr-bb .srt-fill-base-1-home {
    fill: rgba(0,0,0,0)
}

.sr-bb .srt-stroke-base-1-home {
    stroke: rgba(0,0,0,0)
}

.sr-bb .srt-fill-base-1-away {
    fill: rgba(0,0,0,0)
}

.sr-bb .srt-stroke-base-1-away {
    stroke: rgba(0,0,0,0)
}

.sr-bb .srt-fill-base-2 {
    fill: #1e1e1e
}

.sr-bb .srt-stroke-base-2 {
    stroke: #1e1e1e
}

.sr-bb .srt-fill-base-2-active {
    fill: #fff6e2
}

.sr-bb .srt-stroke-base-2-active {
    stroke: #fff6e2
}

.sr-bb .srt-fill-base-2-hover {
    fill: #fff6e2
}

.sr-bb .srt-stroke-base-2-hover {
    stroke: #fff6e2
}

.sr-bb .srt-fill-base-3 {
    fill: #fff6e2
}

.sr-bb .srt-stroke-base-3 {
    stroke: #fff6e2
}

.sr-bb .srt-fill-base-3-active {
    fill: #fff4d8
}

.sr-bb .srt-stroke-base-3-active {
    stroke: #fff4d8
}

.sr-bb .srt-fill-base-3-hover {
    fill: #fff4d8
}

.sr-bb .srt-stroke-base-3-hover {
    stroke: #fff4d8
}

.sr-bb .srt-fill-primary-1 {
    fill: #ffb80c
}

.sr-bb .srt-stroke-primary-1 {
    stroke: #ffb80c
}

.sr-bb .srt-fill-primary-2 {
    fill: #ffb80c
}

.sr-bb .srt-stroke-primary-2 {
    stroke: #ffb80c
}

.sr-bb .srt-fill-primary-3 {
    fill: #b38108
}

.sr-bb .srt-stroke-primary-3 {
    stroke: #b38108
}

.sr-bb .srt-fill-primary-4 {
    fill: #b38108
}

.sr-bb .srt-stroke-primary-4 {
    stroke: #b38108
}

.sr-bb .srt-fill-primary-5 {
    fill: #ffd161
}

.sr-bb .srt-stroke-primary-5 {
    stroke: #ffd161
}

.sr-bb .srt-fill-primary-6 {
    fill: #ffb80c
}

.sr-bb .srt-stroke-primary-6 {
    stroke: #ffb80c
}

.sr-bb .srt-fill-primary-7 {
    fill: #ffb80c
}

.sr-bb .srt-stroke-primary-7 {
    stroke: #ffb80c
}

.sr-bb .srt-fill-primary-8 {
    fill: #ffb80c
}

.sr-bb .srt-stroke-primary-8 {
    stroke: #ffb80c
}

.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #cc930a
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #cc930a
}

.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #cc930a
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #cc930a
}

.sr-bb .srt-fill-primary-9 {
    fill: #ffeab6
}

.sr-bb .srt-stroke-primary-9 {
    stroke: #ffeab6
}

.sr-bb .srt-fill-primary-10 {
    fill: #ffc63d
}

.sr-bb .srt-stroke-primary-10 {
    stroke: #ffc63d
}

.sr-bb .srt-fill-primary-11 {
    fill: #ffd161
}

.sr-bb .srt-stroke-primary-11 {
    stroke: #ffd161
}

.sr-bb .srt-fill-primary-12 {
    fill: #ffb80c
}

.sr-bb .srt-stroke-primary-12 {
    stroke: #ffb80c
}

.sr-bb .srt-fill-home-1 {
    fill: #1a8ee1
}

.sr-bb .srt-stroke-home-1 {
    stroke: #1a8ee1
}

.sr-bb .srt-fill-home-2 {
    fill: #1a8ee1
}

.sr-bb .srt-stroke-home-2 {
    stroke: #1a8ee1
}

.sr-bb .srt-fill-home-3 {
    fill: #1a8ee1
}

.sr-bb .srt-stroke-home-3 {
    stroke: #1a8ee1
}

.sr-bb .srt-fill-home-4 {
    fill: #1b6ca7
}

.sr-bb .srt-stroke-home-4 {
    stroke: #1b6ca7
}

.sr-bb .srt-fill-home-5 {
    fill: #115c92
}

.sr-bb .srt-stroke-home-5 {
    stroke: #115c92
}

.sr-bb .srt-fill-away-1 {
    fill: #f4496d
}

.sr-bb .srt-stroke-away-1 {
    stroke: #f4496d
}

.sr-bb .srt-fill-away-2 {
    fill: #f4496d
}

.sr-bb .srt-stroke-away-2 {
    stroke: #f4496d
}

.sr-bb .srt-fill-away-3 {
    fill: #f4496d
}

.sr-bb .srt-stroke-away-3 {
    stroke: #f4496d
}

.sr-bb .srt-fill-away-4 {
    fill: #b43c55
}

.sr-bb .srt-stroke-away-4 {
    stroke: #b43c55
}

.sr-bb .srt-fill-away-5 {
    fill: #9f2f47
}

.sr-bb .srt-stroke-away-5 {
    stroke: #9f2f47
}

.sr-bb .srt-fill-neutral-1 {
    fill: #ccc
}

.sr-bb .srt-stroke-neutral-1 {
    stroke: #ccc
}

.sr-bb .srt-fill-neutral-2 {
    fill: #1b1b1b
}

.sr-bb .srt-stroke-neutral-2 {
    stroke: #1b1b1b
}

.sr-bb .srt-fill-neutral-3 {
    fill: rgba(0,0,0,.12)
}

.sr-bb .srt-stroke-neutral-3 {
    stroke: rgba(0,0,0,.12)
}

.sr-bb .srt-fill-neutral-4 {
    fill: #fff
}

.sr-bb .srt-stroke-neutral-4 {
    stroke: #fff
}

.sr-bb .srt-fill-neutral-5 {
    fill: #404040
}

.sr-bb .srt-stroke-neutral-5 {
    stroke: #404040
}

.sr-bb .srt-fill-neutral-6 {
    fill: #171717
}

.sr-bb .srt-stroke-neutral-6 {
    stroke: #171717
}

.sr-bb .srt-fill-neutral-7 {
    fill: #fff
}

.sr-bb .srt-stroke-neutral-7 {
    stroke: #fff
}

.sr-bb .srt-fill-neutral-8 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-8 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-9 {
    fill: #1d1d1d
}

.sr-bb .srt-stroke-neutral-9 {
    stroke: #1d1d1d
}

.sr-bb .srt-fill-neutral-10 {
    fill: rgba(0,0,0,.12)
}

.sr-bb .srt-stroke-neutral-10 {
    stroke: rgba(0,0,0,.12)
}

.sr-bb .srt-fill-neutral-11 {
    fill: #121212
}

.sr-bb .srt-stroke-neutral-11 {
    stroke: #121212
}

.sr-bb .srt-fill-neutral-12 {
    fill: #090909
}

.sr-bb .srt-stroke-neutral-12 {
    stroke: #090909
}

.sr-bb .srt-fill-neutral-13 {
    fill: #1b1b1b
}

.sr-bb .srt-stroke-neutral-13 {
    stroke: #1b1b1b
}

.sr-bb .srt-fill-win {
    fill: #b38108
}

.sr-bb .srt-stroke-win {
    stroke: #b38108
}

.sr-bb .srt-fill-draw {
    fill: #ffb80c
}

.sr-bb .srt-stroke-draw {
    stroke: #ffb80c
}

.sr-bb .srt-fill-lose {
    fill: #ffde8d
}

.sr-bb .srt-stroke-lose {
    stroke: #ffde8d
}

.sr-bb .srt-stop-base-1 {
    stop-color: rgba(0,0,0,0)
}

.sr-bb .srt-stop-primary-1 {
    stop-color: #ffb80c
}

.sr-bb .srt-stop-primary-2 {
    stop-color: #ffb80c
}

.sr-bb .srt-stop-primary-3 {
    stop-color: #b38108
}

.sr-bb .srt-stop-primary-4 {
    stop-color: #b38108
}

.sr-bb .srt-stop-primary-5 {
    stop-color: #ffd161
}

.sr-bb .srt-stop-primary-6 {
    stop-color: #ffb80c
}

.sr-bb .srt-stop-primary-7 {
    stop-color: #ffb80c
}

.sr-bb .srt-stop-primary-8 {
    stop-color: #ffb80c
}

.sr-bb .srt-stop-primary-9 {
    stop-color: #ffeab6
}

.sr-bb .srt-stop-primary-10 {
    stop-color: #ffc63d
}

.sr-bb .srt-stop-primary-11 {
    stop-color: #ffd161
}

.sr-bb .srt-stop-primary-12 {
    stop-color: #ffb80c
}

.sr-bb .srt-stop-home-1 {
    stop-color: #1a8ee1
}

.sr-bb .srt-stop-away-1 {
    stop-color: #f4496d
}

.sr-bb .srt-fill-neutral-14 {
    fill: #fff
}

.sr-bb .srt-stroke-neutral-14 {
    stroke: #fff
}

.sr-bb .srt-logo-powered-by-light {
    display: inline-block
}

.sr-bb .srt-logo-powered-by-dark {
    display: none
}

.sr-bb .sr-lmt-plus__segment.srm-timeline {
    background-color: rgba(0,0,0,.7)
}

.sr-bb .sr-lmt-plus__footer-wrapper {
    height: 27px;
    padding-bottom: 7px
}

.sr-lmt-plus.sr-large .sr-lmt-plus__expand-wrapper {
    height: 20px;
    width: 15%;
    background-color: rgba(255,255,255,.2);
    border-radius: 3px;
    margin: 0 auto
}

.sr-bb .sr-poweredby__link {
    display: none
}

.error-wrap {
    position: relative;
    width: 1024px;
    height: 600px;
    background: url(/images/bg-error.jpg) no-repeat;
    background-size: contain;
    margin: 0 auto
}

.col-center.gamehall {
    margin-left: auto;
    margin-right: auto;
    width: 76.3888888889%;
    height: auto;
    overflow: initial;
    margin: 0 auto
}

.gamehall-wrap-simple {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px
}

.gamehall-wrap-simple a {
    position: relative;
    grid-column: span 2
}

.gamehall-wrap-simple a img {
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%
}

.gamehall-wrap-simple a:before {
    content: "";
    padding-top: 38.3561643836%;
    float: left
}

.gamehall-wrap-simple a:after {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.gamehall-wrap-simple .entrance-half {
    grid-column: span 1
}

.gamehall-wrap-simple .entrance-half:before {
    content: "";
    padding-top: 77.7777777778%;
    float: left
}

.on_live {
    position: absolute;
    z-index: 3;
    right: 0;
    width: 120px;
    padding: 6px;
    background-image: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.7) 82%, rgba(0, 0, 0, 0) 100%)
}

.on_live dt {
    margin-bottom: 12px
}

.on_live .live_icon {
    height: 20px;
    line-height: 20px;
    color: #fff;
    padding-right: 5px;
    font-size: 12px;
    font-weight: bold;
    background-image: linear-gradient(180deg, #fb3434 0%, #e80505 100%);
    border-radius: 3px;
    margin-bottom: 0;
    display: inline-flex
}

.on_live .live_icon span {
    height: 100%;
    padding: 0 3px;
    margin-right: 5px;
    background-image: linear-gradient(180deg, #ffffff 0%, #e8e8e8 100%);
    border-radius: 3px 0 0 3px
}

.on_live .live_icon span:before {
    width: 16px;
    height: 10px;
    background: url('data:image/svg+xml,<svg width="14" height="8" xmlns="http://www.w3.org/2000/svg"><g fill="rgb(255,0,0)" fill-rule="evenodd"><path d="M12.012 0l-.698.727c1.734 1.808 1.734 4.738 0 6.546l.698.727c2.117-2.207 2.117-5.79 0-8zM10.3 1.714l-.7.735c.967 1.014.967 2.66 0 3.673l.7.735c1.352-1.418 1.352-3.721 0-5.143zM1.588 0l.698.727c-1.734 1.808-1.734 4.738 0 6.546L1.588 8c-2.117-2.207-2.117-5.79 0-8zM3.3 1.714l.7.735c-.967 1.014-.967 2.66 0 3.673l-.7.735c-1.352-1.418-1.352-3.721 0-5.143z"/><circle cx="6.8" cy="4.4" r="1.6"/></g></svg>') no-repeat;
    background-size: contain;
    content: ""
}

.on_live dd {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 7px;
    vertical-align: top;
    flex-wrap: wrap
}

.on_live dd p {
    flex: 1;
    margin-bottom: 0;
    line-height: 16px
}

.on_live dd span {
    color: #333;
    background: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 0 3px;
    min-width: 16px;
    height: 16px
}

.entrance-title {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    background-image: linear-gradient(270deg, rgba(69, 94, 104, 0) 4%, #000000 97%);
    border-bottom: 5px solid #ffb80c;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.entrance-title dt {
    flex: 1;
    font-size: 17px;
    line-height: 28px;
    text-indent: 10px;
    color: #fff;
    font-weight: bold
}

.entrance-title dd {
    width: 80px;
    line-height: 30px;
    height: 100%;
    background-image: url('data:image/svg+xml,<svg width="16" height="26" xmlns="http://www.w3.org/2000/svg"><path d="M11.853 0H16v26H0L11.853 0z" fill="rgb(255, 184, 12)" fill-rule="evenodd"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    text-indent: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #000 !important
}

.entrance-title dd:after {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: 0;
    width: 64px;
    height: 100%;
    background-color: #ffb80c;
    content: ""
}

@media screen and (min-width: 1600px) {
    .entrance-title {
        height:42px
    }

    .entrance-title dt {
        line-height: 42px;
        font-size: 18px
    }

    .entrance-title dd {
        width: 98px;
        font-size: 14px;
        line-height: 42px;
        text-indent: 25px
    }

    .entrance-title dd:after {
        width: 74px
    }
}

.result .marquee-box {
    margin-bottom: 10px
}

.result-search select {
    line-height: 29px;
    height: 29px;
    margin: 0px;
    width: 180px;
    height: 29px;
    -webkit-height: 40px;
    -moz-height: 40px
}

.support-wrap.extend-support {
    display: block;
    width: 690px;
    background-color: rgba(0,0,0,0);
    border-radius: 8px;
    margin: 0 auto 20px auto;
    padding: 5px 0px
}

.support-wrap.extend-support a {
    color: rgba(0,0,0,.5);
    line-height: 40px;
    text-align: center
}

.support-wrap.extend-support a.split-line {
    border-left: 1px solid rgba(0,0,0,.5);
    padding-left: 10px
}

.support-wrap.extend-support a:hover {
    color: #000;
    text-decoration: none
}

.extend-wrap {
    display: flex;
    justify-content: space-between
}

.extend-btn {
    flex-basis: 49%;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 8px;
    border: 1px solid rgba(151,151,151,.5);
    font-size: 13px;
    justify-content: center;
    margin-bottom: 8px
}

.extend-btn a {
    margin-right: 8px
}

.extend-btn a:last-child {
    margin-right: 0
}

.extend-btn img {
    width: 26px;
    height: 26px;
    margin-right: 5px;
    vertical-align: middle
}

.support-social {
    flex-basis: 32%;
    background-color: #fff;
    padding: 8px 0;
    border-radius: 8px;
    margin-bottom: 8px;
    border: 1px solid rgba(151,151,151,.5);
    font-size: 13px;
    justify-content: center;
    text-align: center
}

.support-social img {
    width: 26px;
    height: 26px;
    margin-right: 5px;
    vertical-align: middle
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .game-scores .scores-inns {
        display:inline-block;
        transform: scale(0.8)
    }

    .slider {
        display: flex
    }

    .fancy-info {
        padding: 0 6px;
        transform: scale(0.9)
    }

    td .fancy-info {
        padding: 0
    }

    .table-pt td {
        padding: 8px 3px
    }
}

.dd-tips .fancy-tips:not(*:root) {
    transform: scale(0.9)
}

.tag-new:not(*:root) {
    padding: 6px;
    transform: scale(0.8)
}

.other-tab .tag-new:not(*:root) {
    top: -12px;
    right: -16px
}

.menu .tag-new:not(*:root),.setting-wrap .tag-new:not(*:root) {
    padding: 0 10px 0 20px;
    transform: none
}

.game-E:not(*:root) {
    transform: scale(0.9)
}

.btn-send {
    color: #ffb600 !important;
    border-color: #222;
    background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}

.btn-send:hover {
    background-image: linear-gradient(0deg, #474747 0%, #070707 100%)
}

.btn-send.disable {
    color: #ffb600 !important;
    background-image: linear-gradient(180deg, #474747 0%, #070707 100%);
    opacity: .4
}

.set-content .btn-send {
    color: #ffb600
}

.btn.select,.select.btn-send,.pages a.select,.calendarTable_inputBox input.select,.calendarTable_inputBox textarea.select {
    color: #ffb600;
    background: #444;
    border-color: #222
}

.btn.select:hover,.select.btn-send:hover,.pages a.select:hover,.calendarTable_inputBox input.select:hover,.calendarTable_inputBox textarea.select:hover {
    background: #444;
    border-color: #222
}

.header h1 {
    background-image: url(../assets/logo.png)
}

.top {
    background: #000;
    background-image: linear-gradient(180deg, #383838 0%, #010101 100%)
}

.login-wrap li.user::before {
    background: url('data:image/svg+xml,<svg width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 8.135c1.368 0 2.794.297 4.276.893C12.26 9.623 13 10.403 13 11.365V13H0v-1.635c0-.962.741-1.742 2.224-2.337 1.482-.596 2.908-.893 4.276-.893zm0-1.635c-.887 0-1.647-.317-2.28-.95-.634-.634-.951-1.394-.951-2.281 0-.887.317-1.653.95-2.3C4.853.323 5.613 0 6.5 0c.887 0 1.647.323 2.28.97.634.646.951 1.412.951 2.299s-.317 1.647-.95 2.28c-.634.634-1.394.951-2.281.951z" fill="%23FFB600" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat
}

.login-wrap .error {
    color: #f8d61c
}

.account-wrap li {
    color: #ffb600
}

.account-wrap a {
    color: #ffb600
}

.account-wrap p.loading-bar span {
    background-color: #ffb600
}

.account-wrap .main-wallet {
    border-color: #000;
    background: rgba(255,255,255,.1)
}

.account-wrap .main-wallet .nums {
    border-color: rgba(255,182,0,.5)
}

.account-wrap .main-wallet .red {
    background-color: #fff;
    padding: 0 3px;
    border-radius: 2px
}

.account-wrap .main-wallet.no-multi .a-refresh {
    border-color: #000
}

.account-wrap .a-refresh {
    border-color: #000;
    background: rgba(255,255,255,.1)
}

.account-wrap .a-refresh img {
    height: 14px;
    background: url('data:image/svg+xml,<svg width="13" height="16" viewBox="0 0 13 16" xmlns="http://www.w3.org/2000/svg"><path d="M6.408 3.223c1.164 0 2.238.288 3.223.863.972.563 1.739 1.324 2.302 2.283.588.998.882 2.072.882 3.223 0 1.151-.294 2.225-.882 3.223-.563.972-1.33 1.739-2.302 2.302-.998.588-2.072.882-3.223.882-1.151 0-2.225-.294-3.223-.882-.972-.563-1.739-1.33-2.302-2.302-.588-.998-.882-2.072-.882-3.223h1.612c0 .87.214 1.672.643 2.408.428.735 1.01 1.317 1.746 1.746.735.428 1.538.643 2.408.643.87 0 1.672-.214 2.408-.643.735-.428 1.317-1.01 1.746-1.746.428-.735.643-1.538.643-2.408 0-.87-.214-1.672-.643-2.408-.428-.735-1.01-1.317-1.746-1.746-.735-.428-1.538-.643-2.408-.643v3.223l-4.01-4.01 4.01-4.01v3.223z" fill="%23FFB600"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.account-wrap .account {
    border-color: #000;
    background: rgba(255,255,255,.1)
}

.account-wrap .account::before {
    background-image: url('data:image/svg+xml,<svg width="13" height="13" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 8.135c1.368 0 2.794.297 4.276.893C12.26 9.623 13 10.403 13 11.365V13H0v-1.635c0-.962.741-1.742 2.224-2.337 1.482-.596 2.908-.893 4.276-.893zm0-1.635c-.887 0-1.647-.317-2.28-.95-.634-.634-.951-1.394-.951-2.281 0-.887.317-1.653.95-2.3C4.853.323 5.613 0 6.5 0c.887 0 1.647.323 2.28.97.634.646.951 1.412.951 2.299s-.317 1.647-.95 2.28c-.634.634-1.394.951-2.281.951z" fill="%23FFB600" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat
}

.account-wrap .account::after {
    border-color: #ffb600 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0)
}

.menu-wrap {
    background-color: none;
    background-image: none;
    background-image: linear-gradient(180deg, #ffcc2e 0%, #ffbd14 100%)
}

.menu-wrap li {
    border-right-color: rgba(0,0,0,.2)
}

.menu-wrap .menu a,.menu-wrap .setting-wrap a {
    color: #000
}

.menu-wrap .menu a:hover,.menu-wrap .setting-wrap a:hover {
    background-color: rgba(255,255,255,.2)
}

.menu-wrap .menu .select,.menu-wrap .setting-wrap .select {
    color: #000;
    background: #ffdc7a;
    box-shadow: inset 0 0px 5px 0 rgba(83,33,33,.5)
}

.menu-wrap .menu .select:hover,.menu-wrap .setting-wrap .select:hover {
    color: #000;
    background: #ffdc7a
}

.menu-wrap .menu .time_zone,.menu-wrap .setting-wrap .time_zone {
    color: #000
}

.menu-wrap .menu .time_zone span,.menu-wrap .setting-wrap .time_zone span {
    color: rgba(0,0,0,.6)
}

.menu-wrap .setting {
    border-left-color: rgba(0,0,0,.2)
}

.menu-wrap .setting img {
    background: url('data:image/svg+xml,<svg width="12" height="12" xmlns="http://www.w3.org/2000/svg"><path d="M6 8.106c.385 0 .745-.096 1.081-.289.336-.192.602-.45.8-.771a2.002 2.002 0 0 0 0-2.099 2.19 2.19 0 0 0-.8-.779A2.139 2.139 0 0 0 6 3.88c-.385 0-.743.096-1.074.288-.33.193-.594.452-.792.78a2.002 2.002 0 0 0 0 2.098c.198.322.462.579.792.771.331.193.689.289 1.074.289zm4.605-1.515l1.288.981c.06.048.094.11.104.188a.333.333 0 0 1-.044.216l-1.244 2.077a.269.269 0 0 1-.156.13.336.336 0 0 1-.214-.015l-1.526-.591c-.394.279-.745.476-1.05.591L7.54 11.74a.364.364 0 0 1-.111.188.272.272 0 0 1-.185.072H4.756a.29.29 0 0 1-.281-.26l-.237-1.572A3.752 3.752 0 0 1 3.2 9.577l-1.54.591c-.158.068-.28.03-.37-.115L.047 7.976a.333.333 0 0 1-.044-.216.278.278 0 0 1 .104-.188l1.303-.98A4.395 4.395 0 0 1 1.38 6c0-.26.01-.457.03-.591L.107 4.428a.278.278 0 0 1-.104-.188.333.333 0 0 1 .044-.216l1.244-2.077c.09-.144.212-.183.37-.115l1.54.591c.356-.26.701-.457 1.037-.591L4.475.26A.29.29 0 0 1 4.756 0h2.488c.069 0 .13.024.185.072.054.048.091.11.111.188l.222 1.572a3.87 3.87 0 0 1 1.051.591l1.526-.591a.336.336 0 0 1 .214-.015c.064.02.116.063.156.13l1.244 2.077c.04.067.054.14.044.216a.278.278 0 0 1-.104.188l-1.288.98c.02.135.03.332.03.592 0 .26-.01.457-.03.591z" fill="%23000000" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat
}

.menu-wrap .live-menu {
    border-left-color: rgba(0,0,0,.2)
}

.menu-wrap .one_click {
    color: #ffc828 !important;
    border-top-color: #ffb600;
    background-image: linear-gradient(180deg, #4b4b4b 0%, #1e1e1e 100%)
}

.menu-wrap .one_click::after {
    background: rgba(255,255,255,.2)
}

.menu-wrap .one_click:hover {
    background-image: linear-gradient(0deg, #4b4b4b 0%, #1e1e1e 100%)
}

.menu-wrap .one_click.select {
    color: #000 !important;
    background-image: linear-gradient(180deg, #02bd58 0%, #06883f 100%);
    box-shadow: none
}

.menu-wrap .one_click.select:hover {
    background-image: linear-gradient(0deg, #02bd58 0%, #06883f 100%)
}

.menu-wrap .one_click.select::before {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"><path d="M13.56 3.18c.228.157.369.364.422.623a.831.831 0 0 1-.185.716l-5.465 7.09c-.176.203-.4.328-.673.375a.989.989 0 0 1-.752-.165c-.14-.093-.51-.426-1.109-.997a87.437 87.437 0 0 1-1.69-1.655l-.818-.798A.914.914 0 0 1 3 7.688c0-.266.106-.493.317-.681.211-.188.457-.278.739-.27.282.008.52.114.713.317l2.613 2.512 4.752-6.174c.176-.204.4-.329.673-.376a.989.989 0 0 1 .752.165Z" fill="%23000" fill-rule="evenodd"/></svg>')
}

.menu-wrap .one_click.select::after {
    border-color: rgba(255,255,255,.4);
    background: rgba(255,255,255,.15)
}

.setting-wrap li {
    border-right-color: rgba(0,0,0,.2)
}

.one_click-setting {
    background-image: linear-gradient(180deg, #00bb5a 0%, #009246 100%);
    box-shadow: inset 0 1px 0 0 rgba(0,92,44,.6)
}

.one_click-setting .a-edit {
    color: #000;
    border-color: #005f2d
}

.one_click-setting .a-edit img {
    background-image: url('data:image/svg+xml,<svg width="9" height="9" xmlns="http://www.w3.org/2000/svg"><path d="m8.856 2.016-.912.912-1.872-1.872.912-.912A.481.481 0 0 1 7.338 0c.14 0 .258.048.354.144l1.164 1.164A.481.481 0 0 1 9 1.662c0 .14-.048.258-.144.354ZM0 7.128l5.532-5.532 1.872 1.872L1.872 9H0V7.128Z" fill="%23000000" fill-rule="evenodd"/></svg>')
}

.one_click-setting .btn-send {
    border-color: #222
}

.one_click-stake {
    background: url(../images/main-ds/stake-1click-Yl02.png)
}

.one_click-stake .btn.select,.one_click-stake .select.btn-send,.one_click-stake .pages a.select,.pages .one_click-stake a.select,.one_click-stake .calendarTable_inputBox input.select,.calendarTable_inputBox .one_click-stake input.select,.one_click-stake .calendarTable_inputBox textarea.select,.calendarTable_inputBox .one_click-stake textarea.select {
    color: #ffb600;
    border-color: #222;
    background-color: #444
}

.one_click-stake input,.one_click-stake textarea {
    color: #000;
    border-color: #919191;
    background-color: #fff
}

.one_click-stake input:focus,.one_click-stake textarea:focus {
    color: #fff;
    border-color: #005f2d;
    background-color: #1f8c52
}

.path {
    color: #fff;
    background-image: linear-gradient(180deg, #000 0%, #000 100%)
}

.path a {
    color: #fff
}

.menu-list {
    background-color: auto
}

.menu-list li {
    border-bottom-color: #eee1c0
}

.menu-list li.menu-select-head {
    background-color: #000
}

.menu-list li.menu-select-head a {
    color: #fff
}

.menu-list li.menu-select-head a:hover {
    background-color: #000
}

.menu-list li.menu-group-title {
    background-color: #dddcd6;
    color: #000
}

.menu-list a {
    color: #222
}

.menu-list a:hover {
    background-color: rgba(238,225,192,.4)
}

.menu-list a.select {
    background-color: rgba(0,0,0,.6);
    color: #fff
}

.menu-list a.select:hover {
    background-color: rgba(0,0,0,.6);
    color: #fff
}

.menu-list .select {
    color: #222;
    background-color: #ece4b9
}

.menu-list .select:hover {
    background-color: #ece4b9
}

.game-highlight-wrap h3 {
    background-color: #ffb80c
}

.game-highlight-wrap .tab-highlight,.game-highlight-wrap .tab-markets {
    background-image: linear-gradient(180deg, #ffb80c 15%, #ffa00c 100%)
}

.announce-header h1::before {
    background: #ffbd14
}

.icon-login {
    background: url('data:image/svg+xml,<svg width="10" height="11" xmlns="http://www.w3.org/2000/svg"><path d="M5.71 7.706l1.432-1.604H1.778V4.898h5.39L5.71 3.294l.781-.86L9.278 5.5 6.49 8.565l-.78-.86zM1.12 0C.825 0 .564.124.339.372a1.24 1.24 0 0 0-.339.86v8.536c0 .325.113.611.339.86.225.248.486.372.78.372H8.88c.295 0 .556-.124.781-.372a1.24 1.24 0 0 0 .339-.86V7.333H8.88v2.435H1.12V1.232h7.76v2.435H10V1.232a1.24 1.24 0 0 0-.339-.86C9.436.124 9.175 0 8.881 0H1.12z" fill="%23FFB600" fill-rule="evenodd"/></svg>');
    background-repeat: no-repeat
}

.login_to_go {
    background-image: linear-gradient(180deg, #ffb600 1%, #ffb600 100%)
}

.login_to_go .kv {
    background-image: url(../../images/defaultDS/ds_Yl02-KV.png)
}

.login_to_go .kv:before {
    background-image: url(../assets/logo.png);
    top: 75%
}

.login_to_go dt {
    color: #000
}

.login_to_go .error {
    color: #d0021b
}

.login_to_go .close {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M17 0a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H3a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3h14Zm-3.014 5L10 8.986 6.014 5 5 6.014 8.986 10 5 13.986 6.014 15 10 11.014 13.986 15 15 13.986 11.014 10 15 6.014 13.986 5Z" fill="%23000" fill-rule="evenodd"/></svg>')
}

.change_pass dt {
    color: initial
}

.change_pass .error {
    color: #d0021b
}

.change_pass .btn-send {
    color: #ffb600;
    border-color: #222;
    background-image: linear-gradient(180deg, #474747 0%, #070707 100%)
}

.change_pass .btn-send:hover {
    background-image: linear-gradient(0deg, #474747 0%, #070707 100%)
}

.maintain-footer h1 {
    background-image: url(../../images/sky247io/logo.png)
}

.header h1 {
    margin: -4px 15px 0 0;
    width: 145px;
    height: 40px
}

.login_to_go .kv:before {
    height: 58px;
    filter: drop-shadow(5px 0px 5px rgba(20, 20, 20, 0.9))
}

.maintain-footer h1 {
    height: 40px
}