#newslist{width:100%;margin:0 auto}
#newslist ul{display:flex;flex-wrap:wrap}
#newslist li{width:calc(100%/3)}
#newslist li .border{overflow:hidden;display:flex;flex-direction:column;margin: 0 30px 50px;}
#newslist .photo{width:100%}
#newslist .photo a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}
#newslist .photo a img{width:100%}
#newslist .news-info{width:100%;margin-top:15px}
#newslist .inner{}
#newslist .news-info .news-bottom{overflow:hidden}
#newslist .news-info .news-bottom p{display:inline-block;vertical-align:middle;font-size:16px;font-weight:300;color:#585858;font-family:'Kanit',sans-serif}
#newslist .news-info .news-bottom p.catalog{margin-right:10px;font-family:'Noto Sans TC',sans-serif}
#newslist .news-info .news-bottom p.catalog a{display:block;background: #122a88;padding:2px 10px;border-radius:5px;color: #fff;font-weight:300;font-size:14px}
#newslist .news-info h3{line-height:140%;margin:10px 0}
#newslist .news-info h3 a{color:#272727;font-size:22px;overflow:hidden;height:54px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#newslist .news-info h4{font-size:14px;line-height:140%;font-weight:200;color:#676767;overflow:hidden;height:auto;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

@media screen and (min-width: 1025px) {
	#newslist .news-info h3 a:hover{color: #5a5a5a;}
	#newslist .news-info .news-bottom p.catalog a:hover{background: #28a7e1;color:#fff}
}
@media screen and (max-width: 1024px) {
	#newslist li{width:50%;}
	#newslist .news-info h3 a{font-size: 20px;}
}
@media screen and (max-width: 640px) {
	#newslist li{width:100%;}
	#newslist li .border{margin: 0 0 25px;}
	#newslist .news-info h4{display:none}
	#newslist .news-info h3 a{font-size: 18px;line-height: 140%;height: auto;}
	#newslist .news-info .news-bottom p{font-size:12px}
	#newslist .news-info .news-bottom p.catalog a{line-height:120%}
}