#newslist li { float: left; }
#newslist li .border { position: relative; overflow: hidden; }
#newslist li .photo a { background-size: cover; position: relative; display: block; background-repeat: no-repeat; background-position: 50% 50%; }
#newslist li .photo a img { width: 100%; }
#newslist li .news-info { background: #a78ac6; color: #fff; padding: 20px; font-size: 14px; }
#newslist li .news-info h3 { margin-top: 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 400; font-size: 20px; line-height: 110%; }
#newslist li .news-info h3 a { color: #fff; }
#newslist li .news-info .news-bottom p { font-family: 'Patrick Hand', cursive; line-height: 100%; font-size: 22px; }
#newslist li .news-info .news-bottom p a { color: #fff; font-family: "微軟正黑體", "蘋果儷中黑", "Lucida Grande", "Arial", "Arial Narrow"; font-size: 14px; }
#newslist li .news-info, #newslist li .photo a:before { transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; -webkit-transition: all linear .3s; }
.article-info { margin-bottom: 30px; }
@media screen and (min-width: 1025px) {
	#newslist li .photo a:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; background: rgba(0, 0, 0, 0.45); }
	#newslist li:hover .photo a:before { opacity: 0; }
	#newslist li .news-info { position: absolute; bottom: 0; left: 0; width: calc(100% - 40px); background: rgba(167, 138, 198, 0); }
	#newslist li:hover .news-info { background: #a78ac6; }
}
@media screen and (min-width: 1367px) {
	#newslist li { width: calc((100% - 40px) / 3); margin-bottom: 20px; }
	#newslist li:nth-child(3n-1) { margin: 0 20px 20px; }
}
@media screen and (max-width: 1366px) {
	#newslist li { width: calc((100% - 20px) / 2); margin-bottom: 20px; }
	#newslist li:nth-child(odd) { margin: 0 20px 20px 0; }
}
@media screen and (max-width: 1024px) {
	#newslist li .news-info { padding: 10px 20px; }
	#newslist li .news-info h3 { margin-top: 5px; font-size: 17px; }
	#newslist li .news-info .news-bottom { overflow: hidden; }
	#newslist li .news-info .news-bottom p { float: left; margin-right: 10px; max-width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
}
@media screen and (max-width: 640px) {
	#newslist li { width: calc((100% - 10px) / 2); margin-bottom: 10px; }
	#newslist li:nth-child(odd) { margin: 0 10px 10px 0; }
	#newslist li .news-info { padding: 10px; }
}
@media screen and (max-width: 480px) {
	#newslist li .news-info h3 { font-size: 16px; margin-top: 8px; }
	#newslist li .news-info .news-bottom p a { line-height: 100%; color: #848484; }
	#newslist li { width: calc(100% - 5px); margin-bottom: 5px; border-bottom: 1px solid #ddc7e3; padding-bottom: 5px; }
	#newslist li:nth-child(odd) { margin: 0 5px 5px 0; }
	#newslist li .news-info { float: left; width: calc(100% - 120px); color: #a77bb2; background: none; }
	#newslist li .photo { float: left; width: 100px; }
	#newslist li .news-info .news-bottom p { font-size: 16px; }
	#newslist li .news-info h3 a { color: #5a5b67; }
}