.comment-box .story-list-unit-content{
  padding: clamp(8px,1.5vw,15px) clamp(12px,2.6vw,26px);
}
.comment-box .story-list-unit{
  position:relative;
  background-repeat:no-repeat,no-repeat;
  background-position:left 2px top 2px,right 5px top 50%;
  background-size: clamp(5px,2vw,20px) auto,clamp(5px,2vw,20px) auto;
}
.comment-box .comment-box-down{
  position:absolute;
  width:12px;
  left:19px;
  top:calc( 100% - 1px );
  z-index:10;
}
.comment-box .comment-box-down-active{
  z-index:99;
  opacity:0;
  transition:0.5s;
}
.comment-box .story-list-unit:hover .comment-box-down-active{
  opacity:1;
}
.comment-box .story-list-unit:hover{
  background-image:url(https://tkww-static.tkww.hk/v5/index/index/comment_hover_left.png),url(https://tkww-static.tkww.hk/v5/index/index/comment_hover_right.png);
}
.comment-box .story-list-unit:hover .story-list-unit-title,.comment-box .story-list-unit:hover .story-list-unit-bottom-time{
  color:#b62c2c;
}
.comment-box .story-list-unit-title-box{
  display:flex;
  align-items:flex-start;
}
.comment-box .story-list-unit-title{
  flex:1;
}
.comment-box .story-list-unit-title-box-point{
  margin-right:2px;
  flex:none;
  height: clamp(16px, 1.2vw, 24px);
  display:flex;
  align-items:center;
}
.comment-box .story-list-unit-title-box-point-inner{
  width: 5px;
  height: 5px;
  background-color: #5a5a5a;
  border-radius:50%;
  flex:none;
}
.comment-box .story-list-unit:hover .story-list-unit-title-box-point{
  display:none;
}
@media (max-width:576px){
  .comment-box .story-list-unit:nth-child(n+5){
    display:none;
  }
  .comment-box .story-list-unit-title{
    -webkit-line-clamp: 2;
    height:unset;
  }
}