.live-box-left{
  width:calc( 964 / 1440 * 100% );
  position:relative;
}
.live-box .live-box-right{
  width:calc( (1 - 964 / 1440) * 100% - 14px );
  display:flex;
  justify-content:space-between;
  flex-direction:column;
}
.live-box .story-list{
  margin-top:0;
}
.live-box .column-title-box1{
  margin-bottom:clamp(10px,2vw,21px);
}
.live-box-left .story-list-unit{
  position:relative;
  z-index:10;
}
.live-box-left-tip{
  position:absolute;
  right:0;
  top:0;
  background-image: linear-gradient(10deg, 
		#6975dd 0%, 
		#7355b0 100%), 
	linear-gradient(
		#a6d3f9, 
		#a6d3f9);
	border-radius: 0px 5px 5px 5px;
  padding:0 clamp(10px,1.3vw,13px);
  height:clamp( 40px,5.1vw,51px );
  align-items:center;
  z-index:99;
}
.live-box-left-tip-img{
  width:clamp(30px,4.4vw,44px)
}
.live-box-left-title{
  flex:none;
  color:#ffffff;
  font-size: clamp(18px,2.4vw,24px);
  margin-left:8px;
}
.live-box-left .img-box-video-message{
  width: clamp(40px, 6vw, 60px);
  left:1%;
  bottom:2%;
}
.live-box-right .story-list-unit-title{
  flex:none;
}
.live-box-right .story-list-unit-bottom{
  flex:none;
}
.live-box{
  background-image:url(https://tkww-static.tkww.hk/v5/column/video/live_bg.png);
  background-size:100% 100%;
  padding: clamp( 10px,1.8vw,18px ) 0 clamp( 20px,6.4vw,64px);
}
@media (min-width:577px){
  .live-box .live-box-right .story-list-unit{
    margin-top:5px;
  }
  .live-box .live-box-right .story-list-unit:first-of-type{
    margin-top:0;
  }
  .live-box-left .story-list-unit-title{
    font-size: clamp(16px, 1.2vw, 22px);
    line-height: clamp(20px, 3vw, 30px);
    height:clamp(40px, 6vw, 60px);
  }
  .live-box-right .story-list-unit:nth-child(n+5){
    display:none;
  }
}
@media (max-width:576px){
  .live-box{
    background-image:url(https://tkww-static.tkww.hk/v5/column/video/wap/live_bg.png);
  }
  .live-box>.main-box>.flex{
    display:block;
  }
  .live-box-left,.live-box .live-box-right{
    width:100%;
  }
  .live-box .live-box-right{
    margin-top:clamp(1px,3.3vw,19px);
    flex-direction: row;
    flex-wrap: wrap;
  }
  .live-box-left .story-list-unit-title{
    height:unset;
  }
}