.Blog_MainImg{
	position: relative;
	overflow: hidden;
}

.Blog_MainImg img {
	width: 100%;
	position: absolute;
	top: 50%;
    	transform: translateY(-50%);
}

.Blog_MainImg:before {
	content: '';
	width: 100%;
	display: block;
	position: relative;
	padding: 10% 0;
}

.Blog_ClassAndTime {
	/*display: flex;*/
}
.Blog_ClassAndTime >div {
    display: inline-block;
}

.Blog_Date {
    margin-left: auto;
    float: right;
}

.Blog_Title {
    	font-size: 24px;
    	font-weight: bold;
	line-height: 1.3em;
}

.Blog_MainContent {
	overflow: hidden;
    	display: -webkit-box;
    	-webkit-box-orient: vertical;
    	-webkit-line-clamp: 5;
    	text-overflow: ellipsis;
}

.Blog_Go a {
    	padding: 5px 10px;
    	background: black;
    	color: white;
    	display: inline-block;
}

.Blog_ClassAndTime ,
.Blog_Content,
.Blog_MainContent,
.Blog_Btn{
	margin-top: 20px;
}

/*.BlogListList .MsgInfoList {
	display: flex;
    	flex-wrap: wrap;
}*/
.BlogListList .MsgRowN {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 15px;
}
.BlogListList .MsgRowN:nth-child(odd) {
    float: right;
}
.BlogListList .MsgRowN:nth-child(even) {
    float: left;
}

.BlogListList .MsgRGap + .MsgRowN {
	margin-top: 30px;
}

.BlogListList .MsgRowN {
    /* width: calc(50% - 20px); */
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid rgb(10, 10, 10, 0.3);
}
.BlogListList .MsgRow1 {
	width: 100%;
}

.BlogListList .MsgRowN:nth-child(4n + 1) {
	margin-left: auto;
}

.BlogListList .MsgRowN > table {
	width: 100%;
}

@media( max-width: 600px ) {
	.BlogListList .MsgRowN {
		width: 100%;
		padding-bottom: 15px;
	    	border-bottom: 1px solid rgb(10, 10, 10, 0.3);
	}
}