@charset "utf-8";

html {

      /* Prevent font scaling in landscape */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}

.contentsWrap{
    
    position:relative;
    min-height: 300px;
}

.st_b_cont_bg ul
,.st_b_cont_bg div{
    
    font-weight:inherit;
}

.st_b_cont_bg {
    width: 100%;
    min-height: 850px;
    margin: 0 auto;
    
    font-weight:inherit;
}

.bt_g_tabs3_pl {
    padding-left: 4px;
    margin-bottom: 10px;
}
.g_tabs_spo {
    position: relative;
    height: 80px;
    line-height: 85px;
    background: url(/images/style/sub_tit_bg.png) left top #120808 no-repeat;
        background-size: auto;
    background-size: 100% 100%;
}

.g_tabs_spo_tit {
    position: absolute;
    top: 10px;
    left: 18px;
    color: #fff;
    line-height: 65px;
    font-family: 'Godo', sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    padding-left: 10px;
}

.g_tabs_spo ul {
    position: relative;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: inherit;

}
.bt_off:hover {
  border: none;
  color: #fff !important;
    background: #790505;
}
.bt_off.act {
    border: none;
    border-radius: 5px;
    color: #fff !important;
    /*background: #790505;*/
    background: #790505;
}

.tabWrap{
    position:relative;
}

.tabNav{
    position: absolute;
    top: 33%;
    left: 33%;
    /*
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    */
}
.tabNav ul{
    /*display:flex;*/
}

.tabNav .menu_arrow{
    display:none;
}

.tabNav ul li {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 0.84rem;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-right:3px;
    padding:0px 10px;
}
.bt_off {
    border: none;
    border-radius: 5px;
    color: #FFF !important;
    font-weight: 600;
    background: #505050;
}
.g_tabs_60 {
    width: 60px;
    text-align: center;
}
.pointer {
    cursor: pointer;
}

.clear {
    clear: both;
}

.width_98_ {
    width: 99%;
    margin: 0 auto;
    height: 100%;
    min-height:620px;
}

.bt_g_tabs {
    width: 99.99%;
    color: #fff;
    font-size: 0.74rem;
    line-height: 18px;
    float: left;
    margin-bottom: 10px;
    cursor: pointer;
}
.clearfix::after {
  clear: both;
}
.clearfix::before, .clearfix::after {
    display: table;
    line-height: 0;
    content: "";
}

.bt_g_tabs ul li {
    width: 33%;
    padding: 10px;
    color: #fff;
    margin-right: 1.5px;
    font-size: 0.8rem;
    line-height: 18px;
    float: left;
    cursor: pointer;
    /*background: linear-gradient(to bottom, #440000 0%,#730000 100%);*/
    /*background: linear-gradient(to bottom, #826a14 0%,#b7910f 100%);*/
    background: linear-gradient(to bottom, #2272d4 0%,#0a418f7d 100%);
    background-size: 100% 100%;
    /*border-bottom: 1px solid #333;*/
    border-bottom: 1px solid rgb(255 255 255 / 22%);
    font-weight: 300;
}

@media (hover: hover) {
.selectable:hover {
    cursor: pointer;
    background: #cf0000;
    /*background: #9F740A;*/
    color: #fff !important;
}
}

.selectable.on {
    background: linear-gradient(to bottom, #440000 0%,#730000 100%);
    /*background: linear-gradient(to bottom, #715c11 0%,#917413 100%);*/
    color: #fff !important;
    font-weight: 600;
}

@media (hover: hover) {
.selectable.underOver:hover{
    background: #3023c1;
    color: #fff !important;
} 
}

.selectable.underOver.on{
    background: linear-gradient(to bottom, #140460 0%,#2613aa 100%);
}

.txt_co5 {
    color: #fff !important;
}

.bt_gr_area {
    width: 45px;
    color: #fff;
    float: right;
    text-align: center;
    border-radius: 7px;
    background: #000;
    line-height: 20px;
}

.list_st4{
    font-weight:300 !important;
    padding-bottom: 100px;
}

.list_st4 ul
,.list_st4 div{
    font-weight:300 !important;
}

.list_st4 ul li:nth-child(1) {
    margin-top: 50px !important;
}
.list_st4 .tr {
    padding: 0px 2px;
    height: 26px;
    line-height: 26px;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
.list_st4 ul li {
    font-size: 0.74rem;
    color: #fff;
    line-height: 32px;
    margin: 0 auto;
        margin-top: 0px;
    position: relative;
}

.st_game_leg {
    width: 47%;
    display: inline-block;
    padding: 0px 5px;
    color: #ff0000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.74rem;
}

.st_marb1 {
    margin-bottom: 1px;
}
.st_marr3 {
    margin-right: 3px;
}
.st_game_ico {
    padding: 2px;
    background: #000;
    border-radius: 3px;
    margin-left: -4px;
    
}

.list_st4 ul li {
    font-size: 0.74rem;
    color: #fff;
    line-height: 32px;
    margin: 0 auto;
    position: relative;
    clear: both;
}
.list_flex {
    display: flex;
}
.list_flex i{margin:0;}
.list_st4 ul li > div {
    line-height: 30px;
    border-radius: 5px;
}
.st_wd15_l {
    padding: 4px 5px;
    display: inline-block;
    width: 15%;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}
.txt_ac {
    text-align: center !important;
}

.st_wd30_l {
    padding: 4px 5px;
    display: inline-block;
    width: 31% !important;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}

.f_right {
    float: right;
}

.txt_size22 {
    font-size: 0.56rem !important;
}
.txt_co6 {
    color: #ff8400 !important;
}
.txt_co8 {
    color: #0072ff !important;
}
.txt_co9 {
    color: #ff0000 !important;
}

.txt_co10{color: #34c4f0 !important;}

.txt_co13 {
    color: #00d2ff !important;
}
.f_w6 {
    font-weight: 600;
}

.st_wd7_l {
    padding: 4px 0px;
    display: inline-block;
    width: 7%;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}

.st_wd11_l {
    padding: 4px 5px;
    display: inline-block;
    width: 11%;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}

.st_wd5_l2 {
    padding: 4px 5px;
    display: inline-block;
    width: 5.36%;    
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}

.st_wd21 {
    display: inline-block;
    width: 21% !important;
}
.st_game_time2 {
    height: 22px;
    padding: 2px 5px;
    line-height: 19px;
    color: #fff !important;
    font-size: 0.74rem;
    font-weight: 600;
    text-align: center !important;
    margin: 0px 0 0 0;
    border-radius: 5px;
    background: #6f0000;
    float: left;
    line-height: 22px !important;
    display:none;
}

.txt_co3 {
    color: #ffde00 !important;
}

.pagination-centered {
    text-align: center;
    font-size: 1.3em;
}
.pagination {
    margin: 10px 0;
}

.pagination ul {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    color: #fff;
    cursor: default;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #790505;
    color: #fff;
}
.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    font-size: 1em;
    padding: 2px 8px;
    color: #790505;
    line-height: 20px;
    text-decoration: none;
    border-left-width: 0;
}

.st_game_tbtn {
    position: absolute;
    display: inline-block;
    top: 23px;
    right: 33px;
    margin: 5px 0 0 10px;
    z-index: 10;
}
.st_game_tbtn .st_button1.act {
    border-radius: 2px;
    background-color: #790505;
    color: #fff;
    border: 1px solid #790505;
    width: 75px;
    height: 30px;
    border-radius: 5px;
    font-size: 0.73rem;
    text-align: center;
    cursor: pointer;
}

.st_game_tbtn .st_button2 {
    border-radius: 2px;
    background-color: #000;
    color: #fff;
    font-weight: 600;
    border: 1px solid #333;
    width: 75px;
    height: 30px;
    border-radius: 5px;
    font-size: 0.73rem;
    text-align: center;
    cursor: pointer;
}

.st_game_area {
    width: 100%;
    margin: 0 auto;
}

.st_con_total {
    width: 100%;
}

.sst_left {
    
    position: relative;
    width: 50% ;
    padding-right: 10px !important;
    overflow-x: hidden;
    overflow-y: hidden;
    bottom: 3px !important;
    
    padding-bottom: 90px;
    float: left;
    
}

.st_con_style1-1 {
    display: block;
    width: 99.7%;
    margin-right: 5px;
    padding-bottom: 10px;
    float: left;
}

.sst_right {
    position: relative;
    width: 50% !important;
    overflow-x: hidden;
    overflow-y: hidden;
    bottom: 3px !important;
    padding-bottom: 90px;
    float: left;
    
}
.st_con_style1-2 {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    float: left;
}

.list_st1 ul li:nth-child(1) {
    margin-top: 0px !important;
}
.list_st1 .tr {
    padding: 2px 2px 0 2px;
    overflow: hidden;
    height: 26px;
    line-height: 23px;
    font-size: 0.68rem;
    margin: 0px;
        margin-top: 0px;
}
.list_st1 ul li {
    width: 100%;
    font-size: 0.67rem;
    color: #fff;
    margin: -1px 0 1px 0;
}

.list_flex {
    display: flex;
}

.list_st1 ul li > div {
    line-height: 30px;
    border-radius: 5px;
}
.st_wd44_l {
    padding: 4px 5px;
    display: inline-block;
    width: 45.6% !important;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}

.st_wd100{ padding: 4px 5px;
    display: inline-block;
    line-height: 30px;border-radius: 5px;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;width:100%;!important}
    
.txt_cut {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.st_wd10_l {
    padding: 4px 0px;
    display: inline-block;
    width: 9.6%;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}

.st_marr3 {
    margin-right: 3px;
}
.bt_game_more.act {
    text-align: center;
    color: #fff !important;
    background: #e64848;
    /*background: #9F740A;*/
}
.bt_game_more {
    width: 48px;
    height: 23px;
    float: right;
    font-weight: 600;
    font-size: 0.70rem;
    padding: 0 0;
    background: #a2a2a2;
    color: #fff !important;
    border-radius: 2px;
    border: 1px solid #000;
}

.st_game_time {
    width: 110px;
    height: 22px;
    display: inline-block;
    line-height: 22px;
    color: #fff !important;
    font-size: 0.74rem;
    font-weight: 600;
    text-align: center;
    margin: 0px 5px 0 0;
        margin-right: 5px;
    border-radius: 5px;
    float: left;
    background: #6f0000;
}
.st_game_time.st_game_internal{display:none;}
.st_marr5 {
    margin-right: 5px !important;
}

.st_con_style1-1 .bt_g_tabs ul li{
    width:32.5%;
}

.st_b_tit4 {
    width: 100%;
    height: 83px;
    padding: 0 20px;
    line-height: 83px;
    color: #fff;
    font-size: 0.8rem;
    font-weight: 600;
    border-top: 3px solid #b60000;
    background: #2e2e2e;
        
    background-size: 100% 100%;
    border-bottom: 1px solid #333;
}

.st_wd42 {
    display: inline-block;
    width: 42% !important;
    line-height: inherit;
}
.txt_al {
    text-align: left !important;
}
.f_left {
    float: left;
}

.st_wd16 {
    display: inline-block;
    width: 16%;
}
.txt_ar {
    text-align: right !important;
}
.f_right {
    float: right;
}
.list_st2 {
    line-height: 30px;
}
.list_st2 ul li:nth-child(1) {
    margin-top: 0px !important;
}
.list_st2 .tr {
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0px 5px;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    font-size: 0.76rem;
}
.list_st2 ul li {
    font-size: 0.74rem;
    color: #fff;
    line-height: 8px;
    margin: 1px auto;
        margin-top: 1px;
    position: relative;
}
.list_st2 ul li {
    font-size: 0.74rem;
    color: #fff;
    line-height: 8px;
    margin: 1px auto;
    position: relative;
}
.list_st2 ul li > div {
    line-height: 30px;
    border-radius: 5px;
}
.st_wd50_l {
    padding: 4px 5px;
    display: inline-block;
    width: 50% !important;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}

.st_padl5 {
    padding-left: 5px;
}
.st_wd33_l {
    padding: 4px 5px;
    display: inline-block;
    width: 33.33% !important;
    background: linear-gradient(180deg, #3c3c3c, #222);
    border: 1px solid #000;
}

.game_bottom {
    width: 100%;
    padding: 5px;
    margin: 0 auto;
    /*border: 5px solid #790505;*/
    border-bottom: 1px solid #424040;
    margin-bottom: 40px;
}
._hidden {
    display: none;
}

.st_wd45 {
    display: inline-block;
    width: 45% !important;
    line-height:inherit;
}
.st_wd10 {
    display: inline-block;
    width: 10%;
}

.list_st1 ul li:nth-child(1) {
    margin-top: 0px !important;
}
.game_bottom .list_st2 .tr {
    padding: 3px 2px 3px 20px;
    margin: 0;
    color: #34fc67;
    line-height: 18px;
}

.t_right{text-align:right;}

.st_real_l2-3 {
  width: 75%;
  height: 45px;
  margin-right: 1px;
  float: left;
}

.st_real_l2-3 ul li {
  display: inline-block;
  padding: 0 5px;
  height: 34px;
  width: 32.5%;
  font-size: 0.7rem;
  line-height: 34px;
  text-align: left;
  border-right: 1px solid #333;
  background: url(linear-gradient.png) 0 0 repeat-x;
  background: -webkit-linear-gradient(180deg, #3c3c3c, #222);
  background: -moz-linear-gradient(180deg, #3c3c3c, #222);
  background: -ms-linear-gradient(180deg, #3c3c3c, #222);
  background: -o-linear-gradient(180deg, #3c3c3c, #222);
  background: linear-gradient(180deg, #3c3c3c, #222);
  border: 1px solid #000;
}

.list_st7 {
  position: relative;
  margin: 0 0 7px 0;
  border: 1px solid #000;
}
.list_st7.st_on {
  border: 2px solid #790505;
}
.list_st7 ul li {
  font-size: 0.74rem;
  color: #fff;
  line-height: 24px;
  margin: 0 auto;
  position: relative;
}
.list_st7 .tr {
  height: 30px;
  line-height: 21px;
  background: rgba( 0, 0, 0, 0.5 );
  font-weight: 300;
}

.list_st7 ul li > div {
  padding: 3px 5px;
  
}

.st_marr3 {
  margin-right: 3px;
}

.st_mart3 {
  margin-top: 3px;
}
.st_marr10 {
  margin-right: 10px !important;
}

.st_marb1 {
  margin-bottom: 1px;
}
.st_real_l {
  width: 74%;
  padding: 5px 0;
  margin-right: 1px;
  border-bottom: 1px solid #4c4e53;
  float: left;
  background: url('/images/style/st_real_bg.png')center center no-repeat;
    background-size: auto;
  background-size: 100%;
}

.st_real_l-1 {
  width: 74%;
  padding: 5px 0;
  margin-right: 1px;
  border-bottom: 1px solid #4c4e53;
  float: left;
  background: url('/images/style/st_real_bg1.png')center center no-repeat;
    background-size: auto;
  background-size: 100%;
}

.st_real_l-2 {
  width: 74%;
  padding: 5px 0;
  margin-right: 1px;
  border-bottom: 1px solid #4c4e53;
  float: left;
  background: url('/images/style/st_real_bg2.png')center center no-repeat;
    background-size: auto;
  background-size: 100%;
}

.st_real_l-3 {
  width: 74%;
  padding: 5px 0;
  margin-right: 1px;
  border-bottom: 1px solid #4c4e53;
  float: left;
  background: url('/images/style/st_real_bg3.png')center center no-repeat;
    background-size: auto;
  background-size: 100%;
}

.st_real_l-4 {
  width: 74%;
  padding: 5px 0;
  margin-right: 1px;
  border-bottom: 1px solid #4c4e53;
  float: left;
  background: url('/images/style/st_real_bg4.png')center center no-repeat;
    background-size: auto;
  background-size: 100%;
}

.st_real_l-5 {
  width: 74%;
  padding: 5px 0;
  margin-right: 1px;
  border-bottom: 1px solid #4c4e53;
  float: left;
  background: url('/images/style/st_real_bg5.png')center center no-repeat;
    background-size: auto;
  background-size: 100%;
}

.no_st1 {
  display: inline-block;
  height: 30px;
  width: 50px;
  color: #fff;
  font-weight: 600;
  line-height: 30px;
  border-radius: 10px;
  font-size: 1.6em;
  text-align: center;
  background: #b60000;
}
.no_st2 {
  display: inline-block;
  height: 30px;
  width: 50px;
  color: #fff;
  line-height: 30px;
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
}
.st_real_l ul li,.st_real_l-1 ul li, .st_real_l-2 ul li, .st_real_l-3 ul li, .st_real_l-4 ul li, .st_real_l-5 ul li {
  vertical-align: middle;
  display: inline-block;
  height: 30px;
  width: 19%;
  text-align: center;
}



.st_real_l2 ul li {
  display: inline-block;
  padding: 0 5px;
  height: 34px;
  width: 49.3%;
  font-size: 0.7rem !important;
  line-height: 34px !important;
  text-align: left;
  border: 1px solid #000;
}



.st_real_l2 {
  width: 75%;
  height: 45px;
  margin-right: 1px;
  float: left;
}

.st_real_l2 .homeTeam{text-align:left;padding-left:5px;display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;width: 100%;}

.st_real_l2 .awayTeam{text-align:right;padding-right:5px;display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;width: 100%;}

.selectable_none {
  background: #1d1d1d !important;
  color: #484848 !important;
}



.ds_f2 {
  display: inline-block;
  width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.st_real_r {
  position: absolute !important;
  top: 1px !important;
  right: 2px;
  width: 25%;
  padding: 2px;
  border: 1px solid #404040;
  border-radius: 5px;
  float: right;
}

.st_real_r ul li {
  text-align: center;
  font-size: 0.8rem !important;
}
.st_real_r ul li span {
  display: inline-block;
  width: 100%;
  height: 24px;
  font-weight: 600;
  font-size: 0.8rem !important;
  color: #000;
  text-align: center;
  border-radius: 10px;
  background: #ff1c1c;
}

.live_no_game{height: 100px;
font-weight: 600;
font-size: 0.8rem;
line-height: 99px;
color: #fff;
text-align: center;
background: url(/images/style/live_no_game.png)center center no-repeat;
  background-size: auto;
background-size: 100%;}

.line_no_game_tv{overflow: hidden;}

.line_no_game_tv img{border: 1px solid #790505;border-radius: 10px;}

.europeRight .st_wd44_l{width:44% !important;}
.europeRight .st_wd10_l{width: 12% !important; text-align: center;}

.menuNav{margin:10px 0px;}
.menuNav ul li {
    position: relative;
    display: inline-block;
    color: #fff;
    font-size: 0.84rem;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-right:3px;
    padding:0px 10px;
    min-width: 120px;
}

@media screen and (max-width:800px) {
	.menuNav ul li{
	   min-width: 70px;
	}
}

.st_game_area4{position:relative;}
.iframeCover{position: absolute;width: 100%;height: 100%;}

/* virtual */
.virtual .st_game_area4{border-top: 3px solid #cf0000;}
.virtual .st_wd44_l, .virtual .st_wd10_l{line-height: 30px;border-radius: 5px;}
.virtual .dog .st_wd44_l{width:100% !important;}
.virtual .bt_game_more{width:100px}

.virtual .title{padding: 11px 0px;text-align: center;border: 1px solid #cf0000;display:block;margin-bottom: 7px;}
.virtual .result.head{background-color:#161b1f;padding:10px 0px;}
.virtual .result.body li{padding: 10px 0px;background-color: #353232;}
.virtual .result li{display:flex;}
.virtual .result li div{text-align:center;}
.virtual .result li div.num{width: 10%;}
.virtual .result li div.location{width: 20%;}
.virtual .result li div.home{width: 30%;}
.virtual .result li div.vs{width: 10%;}
.virtual .result li div.away{width: 30%;}
.virtual .result li div.horse.location{width: 40%;}
.virtual .result li div.horse.home{width: 40%;}

/*.virtual .sst_left, .virtual .sst_right{display:block !important;}*/

.virtual .sst_left ul li{position:relative;}
.virtual .sst_left ul li .st_game_leg{width:100%;padding-left: 120px;}
.virtual .sst_left ul li .st_game_time{position:absolute;left:0;top:0;}
.virtual .sst_left ul li .bt_game_more{position:absolute;right:0;top:0;}
.virtual .sst_left ul li .list_flex{position:relative;}
.virtual .sst_left ul li .list_flex .block{display:none;position:absolute;top:0;width:100%;height:100%;background-color:#000;opacity:0.6;}
.mTabHead{display:none;}
.mTabHead li{width: 50%;}
.mTabHead li a{display:block;padding:10px 0;text-align: center;font-size: 16px;border:1px solid #cf0000;color:#fff;}
.mTabHead li.ui-state-active{background-color:#cf0000}

.locList{text-align:left;width:100%;}
.locList li{display:inline-block;}
.locList li a{color: #fff;padding: 0px 15px}
.locList li a.act{/*color:#DBA933;*/text-decoration:underline;}

.virtual .virtualIframe{background: #000;text-align: center;padding-bottom:10px;}
.virtual .virtualIframe .gameIframe{width:830px;height:370px;}

@media screen and (max-width:800px) {
    .virtual .mTabHead{display:flex;}
    .virtual .title{display:none;}
    .virtual .sst_left, .virtual .sst_right{width:100% !important;display:block;}
    .virtual .sst_left{margin-top:10px;}
    .virtual .sst_right{margin-top:5px;}
}

/** loading **/

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading-container,
        .loading {
            height: 100px;
            position: relative;
            width: 100px;
            border-radius: 100%;
        }


        .loading-container { 
            
             position: absolute;
             z-index: 10;
             top: 35%;
            left: 50%;
            transform: translate(-35%, -50%);

        
            display:none;}

        .loading {
            border: 2px solid transparent;
            border-color: transparent #fff transparent #FFF;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }

        .loading-container:hover .loading {
            border-color: transparent #E45635 transparent #E45635;
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        #loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #ffffff;
            font-family: "Helvetica Neue, "Helvetica", ""arial";
            font-size: 10px;
            font-weight: bold;
            margin-top: 45px;
            opacity: 0;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 100px;
        }
/** loading **/


@media screen and (max-width:1200px) {
    header{
        margin-bottom: 0px;
    }
    .g_tabs_spo{
       height:65px !important;
    }
    .g_tabs_spo_tit{
       font-size:1rem;
       top:3px;
    }
    .tabNav{
        position: relative;
        margin: 7px 0;
        text-align: center;
        top:0;
        left:0;
    }
    
    .tabNav .menu_arrow{
       display:block;
       position: absolute;
        top: 9px;
        z-index: 1;
    }
    
    .tabNav .menu_arrow.left{left: 0px;}
    
    .tabNav .menu_arrow.right{right: 0px;}
    
    .tabNav ul{padding-left:20px;padding-right: 20px;}
    .tabNav ul li{
        /*width:15.8%;*/
        margin-right:3px;
        padding:0px 10px;
        min-width:90px;
    } 
    
    .st_game_time.st_game_internal{
        display:block;
    }
    .txt_ac.st_wd15_l, .txt_ac.st_wd11_l, .txt_ac.st_wd5_l2{
        display:none;
    }  
    
    .st_wd30_l{width:45% !important;}
    .st_wd7_l{width:15% !important;}
    
    .st_game_tbtn{display:none;}
    
    .txt_ar{text-align:center !important;}
}

@media screen and (max-width:460px) {
    
    .tabNav ul li{
        /*width:15%;*/
    }
    
    .bt_g_tabs ul li{
        width:32.5%;
    }
    
    .txt_ar{text-align:center !important;}
    
    .st_game_tbtn{display:none;}
    
    .team_name{white-space:nowrap;width: 100px;text-overflow: ellipsis;overflow: hidden;display: inline-block;}
    
    .list_st4 ul li > div{line-height:14px;padding:12px 2px;}
    .list_st1 ul li > div{line-height:12px;padding:12px 2px;}
    
    .list_st7 ul li{
        font-size: 0.6rem;
    }
    
    .st_real_l2-3 .pointer, .st_real_l2-3 .pointer.end{
        width:38.5%;
    }
    .st_real_l2-3 .pointer.txt_ac{
        width:20%;
    }
    
    .st_real ul li:first-child, .st_real ul li:last-child{
        width:18%;
    }
    .st_real_r ul li span{
        font-size: 0.7rem !important;
    }
    
    .st_real_r ul li {
        font-size: 0.6rem !important;
    }
}

@media screen and (max-width:420px) {
    .txt_co5{font-size:11px;}
    .bt_gr_area{font-size: 11px;width: 35px;}

}