/*template: One Row*/
.related_post_header{ border-bottom: 4px solid #6dbddd; margin: 0px 0px 4px 0px; padding-bottom: 10px; color: #000000 !important; }
.related_articles li{ padding: 5px !important; }
.related_post_main_metabox > div{margin-bottom: 10px; }
.related_post_main_metabox {}
.related_post_main_metabox li{ display: block; width: 100%; padding-top: 12px; padding-bottom: 12px; border-bottom: 2px solid #ccc; }
.related_post_main_metabox li:first-child { padding-top: 0; }
.related_post_main_metabox .related_post_left, .related_post_main_metabox .related_post_right { display: inline-block; width: 50%;  vertical-align: top; }
.related_post_main_metabox .related_post_left { position: relative; padding-bottom: 26.25%;}
.related_post_main_metabox .related_post_left a { display: block; height: 100%; width: 100%; position: absolute; top: 0; left: 0;  overflow: hidden; text-align: center; }
.related_post_main_metabox .related_post_left img{ width: 100%; height: auto; }
.related_post_main_metabox .related_post_right { padding: 12px 0px 0px 24px; }


/*template: Two Column*/
.related_post_up_down_main {width:100%; margin-bottom: 20px; }
.related_post_up_down_list .related_post_up_down_metabox {vertical-align: top; display:inline-block; width: 50%; border-bottom: 2px solid #ccc; padding: 12px; }
.related_post_up_down_list .related_post_up_down_metabox:nth-child(odd) { padding-left: 0; }
.related_post_up_down_list .related_post_up_down_metabox:nth-child(even) { padding-right: 0; }
.related_post_up_down_list .related_post_up_down_metabox .up_down_a_image { width: 100%; height: auto !important; overflow: hidden; position: relative; padding-bottom: 52.5%;}
.related_post_up_down_list .related_post_up_down_metabox .up_down_a_image a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.related_post_up_down_list .related_post_up_down_metabox .up_down_a_image img {width: 100%; height: auto; }
.related_post_up_down_list .related_post_up_down_metabox .related_post_title {line-height: 1.75; margin-bottom: 0px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }
.related_post_up_down_list .related_post_up_down_metabox:last-child .related_post_title {overflow: visible; white-space: normal; }
.related_post_up_down_list {border-bottom: 2px solid #ccc; }


.related_post_compare th,td{border: 1px solid #cccccc !important; }
.intro_test{display: none; }
ul.related_articles {background: repeating-linear-gradient(-45deg, #fff, #fff 8px, #6dbddd16 2px, #6dbddd16 10px); }
.related_articles li {  list-style: outside; margin-left: 30px; }
.related_articles li a {color:#000;}

@media (min-width: 576.02px) {
	.related_post_up_down_list .related_post_up_down_metabox:last-child, .related_post_up_down_list .related_post_up_down_metabox:nth-last-child(2) {border-bottom: none;}
}

@media (max-width: 576px) {
	.related_post_main_metabox .related_post_right {padding-top: 0; padding-left: 16px;}
	.related_post_up_down_list {border-bottom: none;}
	.related_post_up_down_list .related_post_up_down_metabox {width: 100%; padding-left: 0; padding-right: 0;}
	.related_post_left a {max-height: 107px;}
	.related_post_right {padding: 0 0 0 3.5%;}
}

.related_post_in_post{ 
	padding: 20px 0;
	/*display:none;*/
}
.related_post_in_post .related_post_image {
    padding-top: 15px;
	overflow: hidden;
	width: 35%;
	display: inline-block;
	vertical-align: top;
}

.related_post_in_post .related_post_title {
	padding: 15px 0 15px 10px;
	line-height: 1.51;
    margin: 0px;
    display: inline-block;
    width: 63.5%;
    font-size: 20px;
}
.related_post_in_post .related_post_title a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	font-size: 18px!important;
}
@media (max-width:479px){
	.related_post_in_post .related_post_image {
		
		width: 50%;
		
	}
	
	.related_post_in_post .related_post_title {
		
		width: 48.2%;
		font-size: 16px;
		
	}
	.related_post_in_post .related_post_title a{
	font-size: 16px!important;
}
}
@media only screen and (min-width: 1200px){
	.related_post_in_post .post-thumb-outer .related_post_image{
		max-height: 153px;
	}
}
@media only screen and (max-width: 1199px) and (min-width: 992px){
	.related_post_in_post .post-thumb-outer .related_post_image{
		max-height: 128px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
	.related_post_in_post .post-thumb-outer .related_post_image{
		max-height: 102px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
	.related_post_in_post .post-thumb-outer .related_post_image{
		max-height: 89px;
	}
}

@media (max-width: 479px){
	.related_post_in_post .post-thumb-outer .related_post_image{
		max-height: calc((100vw / 2 + 6px) * 1 / 1.91 );
	}
}