/*贊助廣告(小)*/
.article_flex{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	max-width: 1370px;
	display: grid;
  	grid-template-columns: 1fr 1fr 1fr;
}
.articleBorderTxt{
	width: 89%;
	margin-left: 4%;
	margin-right: 7%;
	height: auto;
	clear: both;
	font-size: 0.7em;
	text-align: right;
}
.articleBorder{
	position: relative;
    margin: auto;
    overflow: hidden;
	width: 356px;
    height: 356px;
	background:#f0b994;
}
.articleBorder img{
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
@media (max-width: 1140px) {
	.articleBorder{
		width: 300px;
    	height: 300px;
		}
}
@media (max-width: 970px) {
	.articleBorder{
		width: 250px;
    	height: 250px;
		}
}
@media (max-width: 810px) {
	.articleBorder{
		width: 200px;
    	height: 200px;
		}
}
@media (max-width: 640px) {
	.articleBorder{
		width: 150px;
    	height: 150px;
		}
}
@media (max-width: 540px) {
	.articleBorder{
		width: 125px;
    	height: 125px;
		}
}
.article_flex span.articleDate{
	font-size:0.9em;
	color:#7d7d7d;
	font-weight:500;
	float:left;
	width:98%;
	height:auto;
	line-height:1.2em;
	margin-bottom:3px;
	margin-left: 1%;
	margin-top: 20px;
	overflow:hidden;
}
.article_flex span.articleSub{
	font-size:1.3em;
	color:#000;
	font-weight:700;
	float:left;
	width:98%;
	height:auto;
	margin-left:1%;
	margin-right:auto;
	line-height:1.2em;
	margin-bottom:13px;
	margin-top:2px;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.article_flex span.articleTxt{
	font-size:1.1em;
	color:#7d7d7d;
	font-weight:300;
	float:left;
	width:98%;
	height:80px;
	line-height:1.4em;
	margin-top:6px;
	padding-bottom: 6px;
	margin-bottom:6px;
	margin-left:1%;
	border-bottom: 0.5px solid #e4e4e4;
}
.article_flex span.articleIcon{
	position: absolute;
	right: 15px;
	top:175px;
}