.related-articles{
display: block;
border: 1px solid #B9B9B9;
padding: 10px 15px;
}
.related-articles-content{
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 25px;
}
.related-articles-title{
font-size: 18px;
color: #006699;
line-height: 24px;
margin-bottom: 12px;
font-weight: 800;
}
.related-articles .article-related-body + style + .article-related-body {
border-right: 1px solid #707070;
padding-right: 28px;
}
.titleContent, .related-article-title{
font-size: 13px !important;
color: black !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.titleContent, .related-article-title p{
margin: 0;
}
.article-related-body {display:flex; align-items: center;}
.article-related-body .imgStyle{width: 129px;}
.article-related-body .imgStyle .layout-ratio{padding-bottom:69%;}
.article-related-body .titleContent{padding-right:8px;width:calc(100% – 129px);max-width:70%;}
.article-related-body .related-article-title{font-size:20px;line-height:22px;}
@media screen and (max-width: 992px) {
.article-related-body .imgStyle{width:140px;}
.article-related-body .imgStyle .layout-ratio{padding-bottom:100%;}
.article-related-body .titleContent{padding-right:20px;width:calc(100% – 140px);}
}
@media screen and (max-width: 767px) {
.related-articles-content{
grid-template-columns: 1fr;
}
.related-articles .article-related-body + style + .article-related-body {
border-right: none;
padding-right: 0;
}
}
.related-articles{
display: block;
border: 1px solid #B9B9B9;
padding: 10px 15px;
}
.related-articles-content{
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 25px;
}
.related-articles-title{
font-size: 18px;
color: #006699;
line-height: 24px;
margin-bottom: 12px;
font-weight: 800;
}
.related-articles .article-related-body + style + .article-related-body {
border-right: 1px solid #707070;
padding-right: 28px;
}
.titleContent, .related-article-title{
font-size: 13px !important;
color: black !important;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.titleContent, .related-article-title p{
margin: 0;
}
.article-related-body {display:flex; align-items: center;}
.article-related-body .imgStyle{width: 129px;}
.article-related-body .imgStyle .layout-ratio{padding-bottom:69%;}
.article-related-body .titleContent{padding-right:8px;width:calc(100% – 129px);max-width:70%;}
.article-related-body .related-article-title{font-size:20px;line-height:22px;}
@media screen and (max-width: 992px) {
.article-related-body .imgStyle{width:140px;}
.article-related-body .imgStyle .layout-ratio{padding-bottom:100%;}
.article-related-body .titleContent{padding-right:20px;width:calc(100% – 140px);}
}
@media screen and (max-width: 767px) {
.related-articles-content{
grid-template-columns: 1fr;
}
.related-articles .article-related-body + style + .article-related-body {
border-right: none;
padding-right: 0;
}
}
