.hide {
 display:none
}
.CloseshowLive {
 height:35px;
 background:0 0
}
.CloseshowLive .LiveComm_Butt {
 width:30px;
 height:30px;
 position:relative;
 border:1px solid #c9c6cd;
 border-radius:5px;
 display:inline-block;
 float:right;
 margin:2px 10px
}
.CloseshowLive .LiveComm_Butt_Close {
 -webkit-mask:url(../images/LiveComm_Close_Icon.svg?v=20220328) no-repeat 100% 100%;
 mask:url(../images/LiveComm_Close_Icon.svg?v=20220328) no-repeat 100% 100%;
 mask-size:auto;
 -webkit-mask-size:cover;
 mask-size:cover;
 background-color:#0a2900;
 width:26px;
 height:26px;
 margin:1px 0 0 1px
}
.CloseshowLive .LiveComm_Butt:hover {
 background:grey
}
.LiveComm_Div {
position:relative;
background:#fff;
z-index:999;
left:0;
overflow:visible;
}

.LiveCommentaries,
.LiveComm_Div,.CloseshowLive {
 display:none
}

.ShowLive {
    height: calc(57vw+35px);
}

.ShowLive .LiveCommentaries,
.ShowLive .LiveComm_Div,
.ShowLive .CloseshowLive {
 display:block
}
.ShowLive .LiveComm_Div,
.ShowLive .LiveComm_DivBack {
 width:100vw;
 border:0;
 margin:0;
 display:block
}
.ShowLive .LiveComm_Div {
 position:fixed;
 top:100px;
}

.ShowLive .LiveCommentaries {
 width:100%;
 height: calc(100vw*0.5625);
 position:fixed;
 z-index:1000;
 background:0 0;
 border:0;
 margin:0;
 display:block;
 overflow:hidden;
}

.ShowLive .LiveComm_DivBack {
 background:#fff;
 position:relative
}

.res568 .ShowLive .LiveComm_DivBack {
 height:0px;
}

.res568 .ShowLive .LiveCommentaries,
.res568 .ShowLive .LiveComm_Div {
 width:433px;
}
.res568 .ShowLive .LiveCommentaries {
 height:150px; 
 height: auto;
 overflow:visible
}
.res568 .ShowLive #SportMenuDiv {
 margin-left:433px
}
.res320 .ShowLive #MainOddsContent {
 margin-left:0
}

.ShowLive {
    height: calc(57vw+35px);
}
/* 
@media screen and (min-width: 320px) and (max-width: 360px)  {
    .ShowLive .LiveCommentaries {
        height: 280px;
    }
}

@media screen and (min-width: 360px) and (max-width: 400px)  {
    .ShowLive .LiveCommentaries {
        height: calc(100vw*9/16);
    }
}

@media screen and (min-width: 400px) and (max-width: 440px)  {
    .ShowLive .LiveCommentaries {
        height: calc(100vw*9/16);
    }
}

@media screen and (min-width: 440px) and (max-width: 480px)  {
    .ShowLive .LiveCommentaries {
        height: calc(100vw*9/16);
    }
}

@media screen and (min-width: 480px) and (max-width: 520px)  {
    .ShowLive .LiveCommentaries {
        height: 365px;
    }
}

@media screen and (min-width: 520px) and (max-width: 540px)  {
    .ShowLive .LiveCommentaries {
        height: 385px;
    }
}

@media screen and (min-width: 540px) and (max-width: 570px)  {
    .ShowLive .LiveCommentaries {
        height: 400px;
    }
}

@media screen and (min-width: 570px) and (max-width: 1600px) {
    .res568 .ShowLive .LiveCommentaries {
        height: 300px;
    }
} */