.video-banner-container {  width: 93%;; margin: 0 auto; padding-top: 5.25rem; min-height: 26.25rem; overflow: hidden; }
.video-banner { width: 100%; position: relative; margin-bottom: 0; }
.video-item { border-radius: 1rem; position: relative; }
.video-item.slick-active { display: block; }
.video-item-container {  display: flex; flex-wrap: wrap; }
.video-item-container .video-txt-container { flex: 0 0 50%; flex-wrap: wrap; position: relative; display: flex; order: 1; }
.video-item-container .video-img-container { flex: 0 0 50%; order: 2; }
.video-img-container > img  { border-radius: 15px; width: 100%;}
.video-item-container .video-txt-container > h5 { flex: 0 0 100%; color: #6b6b6b; font-size: 1.25rem; text-align: left; }
.video-item-container .video-txt-container > h1 { flex: 0 0 100%; color: #000; font-size: 3.25rem; line-height: 1; font-weight: 400; text-align: left; }
.video-item-container .video-txt-container > p { text-align: left; height: fit-content; font-size: 1.25rem; color: #919191; padding-right: 10.3125rem; padding-top: 0;
    display: -webkit-box;
    word-break: break-word;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}
.video-banner .btn-more { color: #ff5c18; font-size: 1.375rem; text-align: left; position: absolute; bottom: 0; left: 0; display: flex; align-items: center;}
.video-banner .btn-more > img { padding-left: 8px;}
.video-banner-container .slick-arrow { width: 3rem; height: 3rem; left: unset; top: unset; cursor: pointer; background-color: transparent; border: #c5c5c5 1px solid; border-radius: 50%; color: #c5c5c5; position: absolute; bottom: 1.75rem; }
.video-banner-container .cr-slick-prev { right: 5.875rem; z-index: 999; }
.video-banner-container .cr-slick-next { right: 1.875rem; z-index: 999; }
.video-banner-container .slick-arrow:hover { color: #ff5c18; border: #ff5c18 1px solid; }

.top-btn-container { padding-top: 11.25rem; }

.link-more { display: flex; flex: 0 0 100%; height: fit-content;}
.link-more > span{ width: fit-content; padding-right: 5px; color: #ff5c18;}
.link-more > img{ flex: 0; height: 1.6875rem; width: 1.6875rem;}

.like-container {  width: 100%; display: flex; justify-content: center; align-items: center; padding-bottom: 3.25rem;}
.like-container > a { padding: 1rem; border-radius: 50%; border: #cfcfcf 1px solid; }
.like-container img{ height: 2.5rem; width: 2.5rem; }
.like-container:hover img, .like-container.active img { content: url(/images/like-over-icon.png); height: 2.5rem; width: 2.5rem; }
@media only screen and (min-width: 990px) and (max-width: 1024px) { 
    .video-item-container .video-txt-container > p { padding-right: 4.3125rem; }
}
@media only screen and (min-width: 300px) and (max-width: 989px) { 
    .video-item-container .video-txt-container > p { padding-right: 4.3125rem; }
    .video-item-container .video-txt-container { flex: 0 0 100%; flex-wrap: wrap; position: relative; padding-bottom: 3.25rem; margin-bottom: 1.725rem; }
    .video-item-container .video-img-container { flex: 0 0 100%; }
    .top-btn-container { padding: 3.25rem 0 0 0;}
}
.detail-title { padding-bottom: 0;}