/*template: One Row*/
.recommended_post_header{ border-bottom: 4px solid #6dbddd; margin: 0px 0px 4px 0px; padding-bottom: 10px; color: #000000 !important; text-align: left;}
.recommended_articles li{ padding: 5px !important; }
.recommended_post_main_metabox > div{margin-bottom: 10px; }
.recommended_post_main_metabox {}
.recommended_post_main_metabox li{ display: block; width: 100%; padding-top: 12px; padding-bottom: 12px; border-bottom: 2px solid #ccc; }
.recommended_post_main_metabox li:first-child { padding-top: 0; }
.recommended_post_main_metabox .recommended_post_left, .recommended_post_main_metabox .recommended_post_right { display: inline-block; width: 50%;  vertical-align: top; }
.recommended_post_main_metabox .recommended_post_left { position: relative; padding-bottom: 30.25%;}
.recommended_post_main_metabox .recommended_post_left a { display: block; max-height: 100%; width: 100%; position: absolute; top: 0; left: 0;  overflow: hidden; text-align: center; }
.recommended_post_main_metabox .recommended_post_left img{ width: 100%; height: auto; aspect-ratio: 1.91 / 1; object-fit: cover;}
.recommended_post_main_metabox .recommended_post_right { padding: 0px 0px 0px 24px; }


/*template: Two Column*/
.recommended_post_up_down_main {width:100%; margin-bottom: 20px; text-align: left;}
.recommended_post_up_down_list .recommended_post_up_down_metabox {vertical-align: top; display:inline-block; width: 50%; border-bottom: 2px solid #ccc; padding: 12px; }
.recommended_post_up_down_list .recommended_post_up_down_metabox:nth-child(odd) { padding-left: 0; }
.recommended_post_up_down_list .recommended_post_up_down_metabox:nth-child(even) { padding-right: 0; }
.recommended_post_up_down_list .recommended_post_up_down_metabox .up_down_a_image { width: 100%; height: auto !important; overflow: hidden; position: relative; padding-bottom: 52.5%;}
.recommended_post_up_down_list .recommended_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%;}
.recommended_post_up_down_list .recommended_post_up_down_metabox .up_down_a_image img {width: 100%; height: auto; }
.recommended_post_up_down_list .recommended_post_up_down_metabox .recommended_post_title {line-height: 1.75; margin-bottom: 0px !important; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:100%; }
.recommended_post_up_down_list .recommended_post_up_down_metabox:last-child .recommended_post_title {overflow: visible; white-space: normal; }
.recommended_post_up_down_list {border-bottom: 2px solid #ccc; }


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

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

@media (max-width: 576px) {
    .recommended_post_main_metabox .recommended_post_right {padding-top: 0; padding-left: 16px;text-align: left;}
    .recommended_post_main_metabox .recommended_post_right a{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 22px;}
    .recommended_post_up_down_list {border-bottom: none;}
    .recommended_post_up_down_list .recommended_post_up_down_metabox {width: 100%; padding-left: 0; padding-right: 0;}
    .recommended_post_left a {max-height: 107px;}
    .recommended_post_right {padding: 0 0 0 3.5%;}
}

@media (min-width: 768px) {
	.recommended_post_main_metabox .recommended_post_left { width: 35%;  padding-bottom: 21.125%;}
	.recommended_post_main_metabox .recommended_post_right { width: 65%; text-align: left;font-size: 20px !important; line-height:29px;}
	.recommended_post_main_metabox .recommended_post_right a { font-size: 20px !important;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
}

.recommended_post_sponsor .recommended_post_right:after {
    content: "Sponsor";
    display: block;
    font-size: 14px !important;
    color: #8B8B8B;
    letter-spacing: normal;
}