.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:var(--color-white);
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
}

.maincontainer.res1024 .ShowLive .LiveComm_Div,
.maincontainer.res1024 .ShowLive .LiveComm_DivBack {
 width:auto;
 border:0;
 margin:0;
 display:block;
}

.ShowLive .LiveComm_Div,
.ShowLive .LiveComm_DivBack {
 width:100vw;
 border:0;
 margin:0;
 display:block;
}

.maincontainer.res1024 .ShowLive .LiveComm_Div {
    position:revert;
    top:0;
    right: 0;
    height: calc(100vw*0.5625);
}

.res320 .ShowLive, .res568 .ShowLive {
    position: relative;
    top: 0;
}

.res568 .ShowLive {
    position: absolute;
    top: 0;
}

.res320 .ShowLive .LiveComm_Div, .res568 .ShowLive .LiveComm_D {
    position:fixed;
    top:0;
}

.maincontainer.res1024 .dplayer{
    height: 280px;
}

/* .maincontainer.res1024 .CloseshowLive{
    display: none;
} */

.maincontainer.res568 .CloseshowLive, .maincontainer.res320 .CloseshowLive, .maincontainer .CloseshowLive{
    display: block;
    background: var(--color-white);
}

.maincontainer.res1024 .ShowLive .LiveCommentaries {
    width: 100%;
    height: 250px;
    position:relative;
    z-index:1000;
    background:0 0;
    border:0;
    margin:0;
    display:block;
    overflow:hidden;
}

.ShowLive .LiveCommentaries {
    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;
    }
} */