.newsList{display:flex;flex-wrap: wrap;}
.newsList >div{margin-bottom:35px;width: calc(100%/3);}
.newsList .border{position:relative;overflow:hidden;display: flex;flex-direction: column;padding: 15px;}
.newsList .border a,#product #prolay .p-box a{position:absolute;display:block;width:100%;height:100%;left:0;top:0;z-index:5}
.newsList .photo{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;margin-bottom: 15px;}
.newsList .photo img,#product #prolay .photo img{width:100%}
.newsList .news-info{}
.newsList .news-info p{font-size:14px;color: #9b9b9b;font-family: 'Lato', sans-serif;text-align: center;}
.newsList .news-info h3{font-size:24px;line-height: 120%;font-weight:400;margin:7px 0 20px;color:#3c3838;transition:all linear .2s;text-align: justify;overflow: hidden;height: 56px;}
.newsList .news-info .describe{color:#888;font-weight:400;font-size:16px;position:relative}
.newsList .news-info .describe h4{font-weight:400;font-size: 13px;text-align: justify;overflow: hidden;height: 47px;}
.newsList .more{font-family:'Merriweather',serif;padding-top: 15px;font-size:13px;}
.newsList .more b{font-weight: 400;color: #fff;font-size: 16px;transition: all linear .2s;background: #1c6b96;padding: 25px 60px;border-radius: 50px;display: inline-block;font-family: "Noto Sans TC","Lucida Grande","Arial","Arial Narrow";}
.newsList >div:hover .more b{background: #283b42;}

@media (min-width: 1025px) {
.newsList .border:hover .news-info h3{color:#283b42}
}
@media screen and (max-width: 1280px) {
	
}
@media screen and (max-width: 768px) {
	.newsList >div{width:50%}
	
}
@media screen and (max-width: 640px) {
	.newsList >div{width:100%;margin-bottom: 15px;}
.newsList .news-info p.more{display:none}
.newsList .news-info .describe h4,#about-slide .about .arts,#about-slide .free p,#about-slide .about .more{width:100%}
}
@media screen and (max-width: 480px) {
.newsList .news-info h3{margin:0 0 10px;font-size:18px;height: 45px;}
.newsList .news-info p{text-align:left;}
	
}