* {
  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: none;
  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, 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;
  accent-color: #0275ff;
}

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,
.filter-pop .btn-wrap .marquee-pop .pages a,
.marquee-pop .pages .filter-pop .btn-wrap a,
.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,
.marquee-pop .filter-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 .marquee-pop .pages a span,
.marquee-pop .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,
.marquee-pop .filter-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,
.marquee-pop .filter-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: -webkit-min-content;
  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;
}

.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, 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, 0.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, 0.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, 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, 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, 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, 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, 0.15);
  border-radius: 4px;
  border: 1px solid #7e97a7;
  cursor: pointer;
}

.btn-recall:hover {
  background-color: rgba(94, 190, 255, 0.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/icon-time.png);
}

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

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

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

.icon-cashout {
  background: url(../images/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;
}

.back {
  color: #1f72ac;
}

.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, 0.5);
}

.expand > td,
.head-bets-agent,
.for-agent,
.slip-head,
.matched-head {
  box-shadow: inset 0 2px 0 rgba(0, 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, 0.5);
  border-top-color: rgba(255, 255, 255, 0.3);
}

.moreinfo-wrap .policy-link a {
  color: rgba(255, 255, 255, 0.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: 0.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, 0.1);
  margin: 0;
}

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

.login-panel .btn {
  padding-bottom: 40px;
}
.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 0.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 0.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 0.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 0.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 0.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 0.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, 0.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, 0.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, 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, 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: 0.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/icon-irun.png) no-repeat;
}

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

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

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

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

.power-wrap {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  padding: 5px 10px;
  color: rgba(0, 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, 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/transparent.gif) 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, 0.6);
  text-decoration: underline;
}

.power-wrap-b {
  width: 107px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.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, 0.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: 0.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, 0.3);
}

.policy-link a {
  color: rgba(0, 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: 77px;
  padding-top: 20px;
}

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

.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, 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, 0.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, 0.3) !important;
  box-shadow: inset 0 1px 0 0 rgba(0, 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: 0.7;
  font-weight: normal;
}

.account-wrap .main-wallet .nums {
  height: 14px;
  font-size: 11px;
  line-height: 14px;
  border: 1px solid rgba(0, 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, 0.3);
  border-radius: 0 4px 4px 0;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.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 0.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: 0.1s;
}

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

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

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

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

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

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

@keyframes loadBar {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
    transform: scale(1.4);
  }
  100% {
    opacity: 0.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, 0.3);
  border-radius: 4px;
}

.account-wrap .account {
  position: relative;
  text-indent: 27px;
  width: 110px;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.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, 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, 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, 0.15);
  border-radius: 4px;
  border: 1px solid #7e97a7;
  cursor: pointer;
}

.btn-recall:hover {
  background-color: rgba(94, 190, 255, 0.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, 0.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, 0.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, 0.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, 0.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, 0.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, 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: 2px 5px;
  text-align: center;
}

.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, 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, 0.3);
  box-shadow: inset 0 1px 2px 0 rgba(255, 255, 255, 0.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, 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 0.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: block;
}

.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, 0.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, 0.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: 0.4;
}

.promo-banner .promo-direction-nav li:hover,
.promo-banner .promo-direction-nav li:active {
  opacity: 0.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, 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, 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/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, 0.4);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.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, 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, 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: #FFA500;
  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, 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, 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, 0.2);
  padding: 7px 0;
}

.dialog-wrap .btn-wrap,
.dialog-wrap-w .btn-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.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, 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, 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, 0.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, 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, 0.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, 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;
  top: 10px;
  right: 10px;
  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, 0.5);
  color: rgba(0, 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, 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, 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, 0.2);
  border-right: 1px solid rgba(0, 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, 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, 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, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.5);
  padding: 3px 7px 6px;
  margin-top: 4px;
}

.power-wrap-b img {
  opacity: 0.5;
  background: url(../images/transparent.gif) no-repeat;
}

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

.browser-wrap img {
  height: 20px;
  width: 50px;
  opacity: 0.5;
  background: url(../images/transparent.gif) 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, 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, 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;
}
/*header Right*/
.header-right-bar {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-end;
}

.balance-box {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 4px 10px;
  font-size: 11px;
  color: #ffc31f;
  border-radius: 3px;
  line-height: 14px;
  text-align: center;
  min-width: 285px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
}

.balance-box span {
  display: block;
  font-size: 11px;
}

.balance-box strong {
  font-size: 12px;
  color: #ffc31f;
  font-weight: bold;
}

.btn-plus {
  background: linear-gradient(#5c5c5c, #2b2b2b);
  border: 1px solid #111;
  color: #ffc31f;
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 12px;
  cursor: pointer;
}

.btn-plus:hover {
  background: linear-gradient(#777, #333);
}

.btn-refresh {
  background: linear-gradient(#5c5c5c, #2b2b2b);
  border: none;
  color: #ffc31f;
  padding: 4px 10px;
  border-radius: 3px;
  font-size: 14px;
  cursor: pointer;
  line-height: 1;
}

.btn-refresh:hover {
  background: linear-gradient(#777, #333);
}

.btn-account {
  background: linear-gradient(#5c5c5c, #2b2b2b);
  border: 1px solid #111;
  padding: 8px 30px;
  border-radius: 3px;
  color: #ffc31f;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.btn-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;
  display: flex;
  position: absolute;
  top: 47%;
  right: 105px;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background-size: contain;
  content: "";
}

.btn-account .arrow {
  font-size: 10px;
  margin-right: -20px;
}

/* NEWS BAR */
.news-bar {
  height: 24px;
  background: var(--navdark);
  color: #fff;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #09202c;
}
.news-left {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #0a2635;
  height: 100%;
  padding: 0 10px;
  font-weight: 900;
  font-size: 13px;
  border-right: 1px solid #08202c;
}
.news-scroll {
  flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  background: #0a2635;
}
.news-track {
  display: flex;
  white-space: nowrap;
  position: absolute;
  height: 100%;
  align-items: center;
  animation: mar 18s linear infinite;
}
.news-track span {
  padding: 0 60px;
  font-weight: 600;
  font-size: 13px;
}
@keyframes mar {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
.marquee-box1 {
  display: none;
}
.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/transparent.gif) 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/transparent.gif);
  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, 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, 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, 0.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/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, 0.3);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  margin: 7px;
}

.tv-control li {
  list-style: none;
  border-right: 1px solid rgba(255, 255, 255, 0.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, 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, 0.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, 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, 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, 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, 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, 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, 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/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-backall.png);
  background-repeat: repeat-x;
}

.bets .back-all:hover,
.bets-HS .back-all:hover,
.bets-GH .back-all:hover {
  background-image: url(../images/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-backall_hover.png);
  background-repeat: repeat-x;
}

.bets .lay-all,
.bets-HS .lay-all,
.bets-GH .lay-all {
  background-image: url(../images/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-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/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-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: 0.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, 0.2) url(../images/bg-disabled.png);
  width: 100%;
  height: 100%;
}

.disabled td a {.disabled .back-all
  cursor: not-allowed;
  background: rgba(51, 51, 51, 0.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/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/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, 0.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, 0.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, 0.4);
}

.cooldown .back-2 a:after {
  background-color: rgba(0, 46, 85, 0.4);
}

.cooldown .back-3 a:after {
  background-color: rgba(0, 46, 85, 0.4);
}

.cooldown .lay-1 a:after {
  background-color: rgba(89, 10, 21, 0.4);
}

.cooldown .lay-2 a:after {
  background-color: rgba(89, 10, 21, 0.4);
}

.cooldown .lay-3 a:after {
  background-color: rgba(89, 10, 21, 0.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, 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, 0.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, 0.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 0.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, 0.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, 0.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, 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, 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, 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, 0.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: 0.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, 0.1);
  transition: width 0.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, 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, 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, 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, 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, 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, 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, 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-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/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, 0.2);
  justify-content: center;
  align-items: center;
}

.special_bets-tab {
  width: auto;
  background-color: rgba(255, 255, 255, 0.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, 0.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, 0.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, 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: 0.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, 0.4);
  width: 100%;
  height: 100%;
}

.multi_suspend:hover:before {
  opacity: 1;
}

.multi_suspend:hover:after {
  background-color: rgba(36, 58, 72, 0.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: 0.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, 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, 0.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, 0.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 0.3s ease 1s 1 alternate forwards;
}

.urgent-notice .announce-header {
  padding: 0;
  background: #121212 url(../images/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, 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, 0.9);
}

.tc-content h4,
.tc-content h5 {
  margin-left: 8px;
  font-size: 14px;
  color: rgba(30, 30, 30, 0.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;
  padding-top: 8px;
}

.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, 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, 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, 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, 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, 0.12);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-2 {
  background-color: #e6e6e6;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-hoverable:hover {
  background-color: rgba(255, 184, 12, 0.12);
  color: #fff;
  border-color: rgba(0, 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, 0.12);
}

.sr-bb .srt-base-1-away-3 {
  background-color: rgba(0, 0, 0, 0);
  color: #f4496d;
  border-color: rgba(0, 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, 0.12);
}

.sr-bb .srt-base-2 {
  background-color: #1e1e1e;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-2-is-active {
  background-color: #fff6e2;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-2-is-hoverable:hover {
  background-color: #fff6e2;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3 {
  background-color: #fff6e2;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-is-active {
  background-color: #fff4d8;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-is-hoverable:hover {
  background-color: #fff4d8;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-background {
  background-color: #1e1e1e;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-4 {
  background-color: #fffbf3;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-5-is-active {
  background-color: #ffedc0;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-5-is-hoverable:hover {
  background-color: #ffedc0;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-6 {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.3);
}

.sr-bb .srt-primary-1 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-active {
  background-color: #cc930a;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-hoverable:hover {
  background-color: #cc930a;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-disabled {
  background-color: #ffbc1b;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-2 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-3 {
  background-color: #b38108;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-4 {
  background-color: #b38108;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-5 {
  background-color: #ffd161;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-5-is-hoverable:hover {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-6 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-7 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-8 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-8-is-active-1 {
  background-color: #cc930a;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.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, 0.12);
}

.sr-bb .srt-primary-10 {
  background-color: #ffc63d;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-11 {
  background-color: #ffd161;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.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, 0.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, 0.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, 0.12);
  border-color: rgba(0, 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, 0.12);
  border-color: rgba(0, 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, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-home-1 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1a8ee1;
  border-color: #1a8ee1;
}

.sr-bb .srt-base-1-is-active-away-1 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #f4496d;
  border-color: #f4496d;
}

.sr-bb .srt-base-1-is-active-home-2 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1a8ee1;
  border-color: #946b07;
}

.sr-bb .srt-base-1-is-active-away-2 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #f4496d;
  border-color: #946b07;
}

.sr-bb .srt-base-1-is-active-home-3 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1a8ee1;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-away-3 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #f4496d;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-home-4 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1b6ca7;
  border-color: #1b6ca7;
}

.sr-bb .srt-base-1-is-active-away-4 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #b43c55;
  border-color: #b43c55;
}

.sr-bb .srt-base-1-is-active-home-5 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #115c92;
  border-color: #115c92;
}

.sr-bb .srt-base-1-is-active-away-5 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #9f2f47;
  border-color: #9f2f47;
}

.sr-bb .srt-base-1-is-active-primary-1 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-2 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-3 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #b38108;
  border-color: #b38108;
}

.sr-bb .srt-base-1-is-active-primary-4 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #b38108;
  border-color: #b38108;
}

.sr-bb .srt-base-1-is-active-primary-5 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffd161;
  border-color: #ffd161;
}

.sr-bb .srt-base-1-is-active-primary-6 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-7 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-8 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-9 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffeab6;
  border-color: #ffeab6;
}

.sr-bb .srt-base-1-is-active-primary-10 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffc63d;
  border-color: #ffc63d;
}

.sr-bb .srt-base-1-is-active-primary-11 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffd161;
  border-color: #ffd161;
}

.sr-bb .srt-base-1-is-active-neutral-1 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ccc;
  border-color: #ccc;
}

.sr-bb .srt-base-1-is-active-neutral-2 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1b1b1b;
  border-color: #1b1b1b;
}

.sr-bb .srt-base-1-is-active-neutral-3 {
  background-color: rgba(255, 184, 12, 0.12);
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-neutral-4 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #fff;
  border-color: #fff;
}

.sr-bb .srt-base-1-is-active-neutral-5 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #404040;
  border-color: #404040;
}

.sr-bb .srt-base-1-is-active-neutral-6 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #171717;
  border-color: #171717;
}

.sr-bb .srt-base-1-is-active-neutral-7 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #fff;
  border-color: #fff;
}

.sr-bb .srt-base-1-is-active-neutral-8 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #dedede;
  border-color: #dedede;
}

.sr-bb .srt-base-1-is-active-neutral-9 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1d1d1d;
  border-color: #1d1d1d;
}

.sr-bb .srt-base-1-is-active-neutral-10 {
  background-color: rgba(255, 184, 12, 0.12);
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-neutral-11 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #121212;
  border-color: #121212;
}

.sr-bb .srt-base-1-is-active-neutral-12 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #090909;
  border-color: #090909;
}

.sr-bb .srt-base-1-is-active-neutral-13 {
  background-color: rgba(255, 184, 12, 0.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, 0.12);
}

.sr-bb .srt-neutral-2 {
  background-color: #1b1b1b;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-3 {
  background-color: rgba(0, 0, 0, 0.12);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-4 {
  background-color: #fff;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-5 {
  background-color: #404040;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-6 {
  background-color: #171717;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-7 {
  background-color: #fff;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-8 {
  background-color: #dedede;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-9 {
  background-color: #1d1d1d;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-10 {
  background-color: rgba(0, 0, 0, 0.12);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-11 {
  background-color: #121212;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-12 {
  background-color: #090909;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-13 {
  background-color: #1b1b1b;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-win {
  background-color: #b38108;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-draw {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-lose {
  background-color: #ffde8d;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-text-secondary {
  opacity: 0.7;
}

.sr-bb .srt-text-disabled {
  opacity: 0.35;
}

.sr-bb .srt-text-tertiary {
  opacity: 0.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: 0.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: 0.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: 0.54;
}

.sr-bb .srt-icon {
  opacity: 0.33;
}

.sr-bb .srt-icon-secondary {
  opacity: 0.7;
}

.sr-bb .srt-elevation-1 {
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.2),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.sr-bb .srt-elevation-2 {
  box-shadow:
    0px 3px 6px 0px rgba(0, 0, 0, 0.23),
    0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.sr-bb .srt-elevation-3 {
  box-shadow:
    0px 6px 6px 0px rgba(0, 0, 0, 0.26),
    0px 10px 20px 0px rgba(0, 0, 0, 0.19);
}

.sr-bb .srt-elevation-center-2 {
  box-shadow:
    0 1px 5px rgba(0, 0, 0, 0.23),
    0 1px 5px rgba(0, 0, 0, 0.16);
}

.sr-bb .srt-inset-top-1 {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-1 {
  box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-top-2 {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-2 {
  box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-top-3 {
  box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-3 {
  box-shadow: inset 0 -6px 6px 0 rgba(0, 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, 0.16);
}

.sr-bb .srt-nfl-timeout-2 {
  background-color: rgba(245, 166, 35, 0.3);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.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: 0.7;
}

.sr-bb .srt-fill-text-disabled {
  fill-opacity: 0.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, 0.12);
}

.sr-bb .srt-stroke-base-1-active {
  stroke: rgba(255, 184, 12, 0.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, 0.12);
}

.sr-bb .srt-stroke-neutral-3 {
  stroke: rgba(0, 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, 0.12);
}

.sr-bb .srt-stroke-neutral-10 {
  stroke: rgba(0, 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, 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, 0.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: 66px;
  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, 0.5);
  line-height: 40px;
  text-align: center;
}

.support-wrap.extend-support a.split-line {
  border-left: 1px solid rgba(0, 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, 0.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, 0.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: 0.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(../images/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, 0.1);
}

.account-wrap .main-wallet .nums {
  border-color: rgba(255, 182, 0, 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, 0.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, 0.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, 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, 0.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, 0.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, 0.6);
}

.menu-wrap .setting {
  border-left-color: rgba(0, 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, 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, 0.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, 0.4);
  background: rgba(255, 255, 255, 0.15);
}

.setting-wrap li {
  border-right-color: rgba(0, 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, 0.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, 0.4);
}

.menu-list a.select {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.menu-list a.select:hover {
  background-color: rgba(0, 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/bg-login_wrap.png);
}

.login_to_go .kv:before {
  background-image: url(../images/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/logo.png);
}

.header h1 {
  margin: -8px 15px 0 0;
  width: 56px;
  height: 54px;
}

.login_to_go .kv:before {
  background-image: none;
}

.maintain-footer h1 {
  width: 56px;
  height: 54px;
}

.login-wrap .btn-signup {
  display: block;
}

* {
  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());
}

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, 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;
  accent-color: #0275ff;
}

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,
.filter-pop .btn-wrap .marquee-pop .pages a,
.marquee-pop .pages .filter-pop .btn-wrap a,
.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,
.marquee-pop .filter-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 .marquee-pop .pages a span,
.marquee-pop .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,
.marquee-pop .filter-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,
.marquee-pop .filter-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: -webkit-min-content;
  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;
}

.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, 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, 0.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, 0.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, 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, 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, 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, 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, 0.15);
  border-radius: 4px;
  border: 1px solid #7e97a7;
  cursor: pointer;
}

.btn-recall:hover {
  background-color: rgba(94, 190, 255, 0.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/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;
}

.back {
  color: #1f72ac;
}

.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, 0.5);
}

.expand > td,
.head-bets-agent,
.for-agent,
.slip-head,
.matched-head {
  box-shadow: inset 0 2px 0 rgba(0, 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, 0.5);
  border-top-color: rgba(255, 255, 255, 0.3);
}

.moreinfo-wrap .policy-link a {
  color: rgba(255, 255, 255, 0.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: 0.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, 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 0.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 0.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 0.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 0.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 0.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 0.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, 0.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, 0.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, 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, 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: 0.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/icon-irun.png) no-repeat;
}

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

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

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

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

.power-wrap {
  background: rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  padding: 5px 10px;
  color: rgba(0, 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, 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/transparent.gif) 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, 0.6);
  text-decoration: underline;
}

.power-wrap-b {
  width: 107px;
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.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, 0.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: 0.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, 0.3);
}

.policy-link a {
  color: rgba(0, 0, 0, 0.6) !important;
  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: 75px;
}

.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, 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, 0.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, 0.3) !important;
  box-shadow: inset 0 1px 0 0 rgba(0, 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: 0.7;
  font-weight: normal;
}

.account-wrap .main-wallet .nums {
  height: 14px;
  font-size: 11px;
  line-height: 14px;
  border: 1px solid rgba(0, 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, 0.3);
  border-radius: 0 4px 4px 0;
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.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 0.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: 0.1s;
}

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

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

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

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

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

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

@keyframes loadBar {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
    transform: scale(1.4);
  }
  100% {
    opacity: 0.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, 0.3);
  border-radius: 4px;
}

.account-wrap .account {
  position: relative;
  text-indent: 27px;
  width: 110px;
  height: 25px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.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, 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, 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, 0.15);
  border-radius: 4px;
  border: 1px solid #7e97a7;
  cursor: pointer;
}

.btn-recall:hover {
  background-color: rgba(94, 190, 255, 0.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, 0.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, 0.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, 0.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, 0.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, 0.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, 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: 2px 5px;
  text-align: center;
}

.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, 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, 0.3);
  box-shadow: inset 0 1px 2px 0 rgba(255, 255, 255, 0.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, 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 0.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, 0.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, 0.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: 0.4;
}

.promo-banner .promo-direction-nav li:hover,
.promo-banner .promo-direction-nav li:active {
  opacity: 0.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, 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, 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/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, 0.4);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.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, 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, 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: #FFA500;
  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, 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, 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, 0.2);
  padding: 7px 0;
}

.dialog-wrap .btn-wrap,
.dialog-wrap-w .btn-wrap {
  border-top: 1px solid rgba(255, 255, 255, 0.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, 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, 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, 0.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, 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, 0.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, 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;
  top: 10px;
  right: 10px;
  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, 0.5);
  color: rgba(0, 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, 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, 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, 0.2);
  border-right: 1px solid rgba(0, 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, 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, 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, 0.3);
  border-color: rgba(0, 0, 0, 0.3);
  color: rgba(0, 0, 0, 0.5);
  padding: 3px 7px 6px;
  margin-top: 4px;
}

.power-wrap-b img {
  opacity: 0.5;
  background: url(../images/transparent.gif) no-repeat;
}

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

.browser-wrap img {
  height: 20px;
  width: 50px;
  opacity: 0.5;
  background: url(../images/transparent.gif) 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, 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, 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%);
  display: flex !important;
}

.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/transparent.gif) 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/transparent.gif);
  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, 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, 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, 0.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/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, 0.3);
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 2;
  margin: 7px;
}

.tv-control li {
  list-style: none;
  border-right: 1px solid rgba(255, 255, 255, 0.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, 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, 0.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, 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, 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, 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, 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, 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, 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/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-backall.png);
  background-repeat: repeat-x;
}

.bets .back-all:hover,
.bets-HS .back-all:hover,
.bets-GH .back-all:hover {
  background-image: url(../images/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-backall_hover.png);
  background-repeat: repeat-x;
}

.bets .lay-all,
.bets-HS .lay-all,
.bets-GH .lay-all {
  background-image: url(../images/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-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/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: 0.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, 0.2) url(../images/bg-disabled.png);
  width: 100%;
  height: 100%;
}

.disabled td a {
  cursor: not-allowed;
  background: rgba(51, 51, 51, 0.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/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/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, 0.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, 0.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, 0.4);
}

.cooldown .back-2 a:after {
  background-color: rgba(0, 46, 85, 0.4);
}

.cooldown .back-3 a:after {
  background-color: rgba(0, 46, 85, 0.4);
}

.cooldown .lay-1 a:after {
  background-color: rgba(89, 10, 21, 0.4);
}

.cooldown .lay-2 a:after {
  background-color: rgba(89, 10, 21, 0.4);
}

.cooldown .lay-3 a:after {
  background-color: rgba(89, 10, 21, 0.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, 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, 0.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, 0.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 0.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, 0.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, 0.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, 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, 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, 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, 0.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: 0.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, 0.1);
  transition: width 0.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, 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, 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, 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, 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, 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, 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, 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-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/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, 0.2);
  justify-content: center;
  align-items: center;
}

.special_bets-tab {
  width: auto;
  background-color: rgba(255, 255, 255, 0.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, 0.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, 0.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, 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: 0.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, 0.4);
  width: 100%;
  height: 100%;
}

.multi_suspend:hover:before {
  opacity: 1;
}

.multi_suspend:hover:after {
  background-color: rgba(36, 58, 72, 0.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: 0.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, 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, 0.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, 0.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 0.3s ease 1s 1 alternate forwards;
}

.urgent-notice .announce-header {
  padding: 0;
  background: #121212 url(../images/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, 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, 0.9);
}

.tc-content h4,
.tc-content h5 {
  margin-left: 8px;
  font-size: 14px;
  color: rgba(30, 30, 30, 0.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;
  padding-top: 8px;
}

.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, 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, 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, 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, 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, 0.12);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-2 {
  background-color: #e6e6e6;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-hoverable:hover {
  background-color: rgba(255, 184, 12, 0.12);
  color: #fff;
  border-color: rgba(0, 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, 0.12);
}

.sr-bb .srt-base-1-away-3 {
  background-color: rgba(0, 0, 0, 0);
  color: #f4496d;
  border-color: rgba(0, 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, 0.12);
}

.sr-bb .srt-base-2 {
  background-color: #1e1e1e;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-2-is-active {
  background-color: #fff6e2;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-2-is-hoverable:hover {
  background-color: #fff6e2;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3 {
  background-color: #fff6e2;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-is-active {
  background-color: #fff4d8;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-is-hoverable:hover {
  background-color: #fff4d8;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-3-background {
  background-color: #1e1e1e;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-4 {
  background-color: #fffbf3;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-5-is-active {
  background-color: #ffedc0;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-5-is-hoverable:hover {
  background-color: #ffedc0;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-6 {
  background-color: rgba(0, 0, 0, 0);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.3);
}

.sr-bb .srt-primary-1 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-active {
  background-color: #cc930a;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-hoverable:hover {
  background-color: #cc930a;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-1-is-disabled {
  background-color: #ffbc1b;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-2 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-3 {
  background-color: #b38108;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-4 {
  background-color: #b38108;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-5 {
  background-color: #ffd161;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-5-is-hoverable:hover {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-6 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-7 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-8 {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-8-is-active-1 {
  background-color: #cc930a;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.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, 0.12);
}

.sr-bb .srt-primary-10 {
  background-color: #ffc63d;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-primary-11 {
  background-color: #ffd161;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.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, 0.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, 0.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, 0.12);
  border-color: rgba(0, 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, 0.12);
  border-color: rgba(0, 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, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-home-1 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1a8ee1;
  border-color: #1a8ee1;
}

.sr-bb .srt-base-1-is-active-away-1 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #f4496d;
  border-color: #f4496d;
}

.sr-bb .srt-base-1-is-active-home-2 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1a8ee1;
  border-color: #946b07;
}

.sr-bb .srt-base-1-is-active-away-2 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #f4496d;
  border-color: #946b07;
}

.sr-bb .srt-base-1-is-active-home-3 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1a8ee1;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-away-3 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #f4496d;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-home-4 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1b6ca7;
  border-color: #1b6ca7;
}

.sr-bb .srt-base-1-is-active-away-4 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #b43c55;
  border-color: #b43c55;
}

.sr-bb .srt-base-1-is-active-home-5 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #115c92;
  border-color: #115c92;
}

.sr-bb .srt-base-1-is-active-away-5 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #9f2f47;
  border-color: #9f2f47;
}

.sr-bb .srt-base-1-is-active-primary-1 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-2 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-3 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #b38108;
  border-color: #b38108;
}

.sr-bb .srt-base-1-is-active-primary-4 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #b38108;
  border-color: #b38108;
}

.sr-bb .srt-base-1-is-active-primary-5 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffd161;
  border-color: #ffd161;
}

.sr-bb .srt-base-1-is-active-primary-6 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-7 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-8 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffb80c;
  border-color: #ffb80c;
}

.sr-bb .srt-base-1-is-active-primary-9 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffeab6;
  border-color: #ffeab6;
}

.sr-bb .srt-base-1-is-active-primary-10 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffc63d;
  border-color: #ffc63d;
}

.sr-bb .srt-base-1-is-active-primary-11 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ffd161;
  border-color: #ffd161;
}

.sr-bb .srt-base-1-is-active-neutral-1 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #ccc;
  border-color: #ccc;
}

.sr-bb .srt-base-1-is-active-neutral-2 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1b1b1b;
  border-color: #1b1b1b;
}

.sr-bb .srt-base-1-is-active-neutral-3 {
  background-color: rgba(255, 184, 12, 0.12);
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-neutral-4 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #fff;
  border-color: #fff;
}

.sr-bb .srt-base-1-is-active-neutral-5 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #404040;
  border-color: #404040;
}

.sr-bb .srt-base-1-is-active-neutral-6 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #171717;
  border-color: #171717;
}

.sr-bb .srt-base-1-is-active-neutral-7 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #fff;
  border-color: #fff;
}

.sr-bb .srt-base-1-is-active-neutral-8 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #dedede;
  border-color: #dedede;
}

.sr-bb .srt-base-1-is-active-neutral-9 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #1d1d1d;
  border-color: #1d1d1d;
}

.sr-bb .srt-base-1-is-active-neutral-10 {
  background-color: rgba(255, 184, 12, 0.12);
  color: rgba(0, 0, 0, 0.12);
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-base-1-is-active-neutral-11 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #121212;
  border-color: #121212;
}

.sr-bb .srt-base-1-is-active-neutral-12 {
  background-color: rgba(255, 184, 12, 0.12);
  color: #090909;
  border-color: #090909;
}

.sr-bb .srt-base-1-is-active-neutral-13 {
  background-color: rgba(255, 184, 12, 0.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, 0.12);
}

.sr-bb .srt-neutral-2 {
  background-color: #1b1b1b;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-3 {
  background-color: rgba(0, 0, 0, 0.12);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-4 {
  background-color: #fff;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-5 {
  background-color: #404040;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-6 {
  background-color: #171717;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-7 {
  background-color: #fff;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-8 {
  background-color: #dedede;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-9 {
  background-color: #1d1d1d;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-10 {
  background-color: rgba(0, 0, 0, 0.12);
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-11 {
  background-color: #121212;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-neutral-12 {
  background-color: #090909;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-neutral-13 {
  background-color: #1b1b1b;
  color: #fff;
  border-color: rgba(0, 0, 0, 0.12);
}

.sr-bb .srt-win {
  background-color: #b38108;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-draw {
  background-color: #ffb80c;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-lose {
  background-color: #ffde8d;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.16);
}

.sr-bb .srt-text-secondary {
  opacity: 0.7;
}

.sr-bb .srt-text-disabled {
  opacity: 0.35;
}

.sr-bb .srt-text-tertiary {
  opacity: 0.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: 0.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: 0.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: 0.54;
}

.sr-bb .srt-icon {
  opacity: 0.33;
}

.sr-bb .srt-icon-secondary {
  opacity: 0.7;
}

.sr-bb .srt-elevation-1 {
  box-shadow:
    0px 1px 2px 0px rgba(0, 0, 0, 0.2),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
}

.sr-bb .srt-elevation-2 {
  box-shadow:
    0px 3px 6px 0px rgba(0, 0, 0, 0.23),
    0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

.sr-bb .srt-elevation-3 {
  box-shadow:
    0px 6px 6px 0px rgba(0, 0, 0, 0.26),
    0px 10px 20px 0px rgba(0, 0, 0, 0.19);
}

.sr-bb .srt-elevation-center-2 {
  box-shadow:
    0 1px 5px rgba(0, 0, 0, 0.23),
    0 1px 5px rgba(0, 0, 0, 0.16);
}

.sr-bb .srt-inset-top-1 {
  box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-1 {
  box-shadow: inset 0 -1px 2px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-top-2 {
  box-shadow: inset 0 3px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-2 {
  box-shadow: inset 0 -3px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-top-3 {
  box-shadow: inset 0 6px 6px 0 rgba(0, 0, 0, 0.23);
}

.sr-bb .srt-inset-bottom-3 {
  box-shadow: inset 0 -6px 6px 0 rgba(0, 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, 0.16);
}

.sr-bb .srt-nfl-timeout-2 {
  background-color: rgba(245, 166, 35, 0.3);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.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: 0.7;
}

.sr-bb .srt-fill-text-disabled {
  fill-opacity: 0.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, 0.12);
}

.sr-bb .srt-stroke-base-1-active {
  stroke: rgba(255, 184, 12, 0.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, 0.12);
}

.sr-bb .srt-stroke-neutral-3 {
  stroke: rgba(0, 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, 0.12);
}

.sr-bb .srt-stroke-neutral-10 {
  stroke: rgba(0, 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, 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, 0.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: 66px;
  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, 0.5);
  line-height: 40px;
  text-align: center;
}

.support-wrap.extend-support a.split-line {
  border-left: 1px solid rgba(0, 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, 0.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, 0.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: 0.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(../images/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, 0.1);
}

.account-wrap .main-wallet .nums {
  border-color: rgba(255, 182, 0, 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, 0.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, 0.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, 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, 0.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, 0.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, 0.6);
}

.menu-wrap .setting {
  border-left-color: rgba(0, 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, 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, 0.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, 0.4);
  background: rgba(255, 255, 255, 0.15);
}

.setting-wrap li {
  border-right-color: rgba(0, 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, 0.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, 0.4);
}

.menu-list a.select {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
}

.menu-list a.select:hover {
  background-color: rgba(0, 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/bg-login_wrap.png);
}

.login_to_go .kv:before {
  background-image: url(../images/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/logo.png);
}

.header h1 {
  margin: -8px 15px 0 0;
  width: 56px;
  height: 54px;
}

.login_to_go .kv:before {
  background-image: none;
}

.maintain-footer h1 {
  width: 56px;
  height: 54px;
}

.login-wrap .btn-signup {
  display: block;
}

.login-wrap {
  padding-top: 8px;
}