#newsList ul { text-align: center; font-size: 0; }
#newsList ul li {
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    padding: 40px 0;
}
#newsList ul li >div {
    float: left;
    width: 25%;
}
#newsList ul li .img {}
#newsList ul li .info {
    width: 50%;
    margin: 0 3% 0 2%;
}
#newsList ul li .date {
    width: 20%;
    color: #b8d6cc;
}
#newsList ul li .date p {font-family: 'Cinzel', 微軟正黑體;text-align: center;font-size: 14px;letter-spacing: 2px;}
#newsList ul li .date p font{
    display: block;
    text-align: center;
    font-size: 40px;
    font-family: 'Cinzel', 微軟正黑體;
    margin-top: 40px;
}
#newsList ul li .info p a { margin-right: 15px; padding: 2px 15px; background: #ffd9db; display: inline-block; color: #ff5860; }
#newsList ul li .info p font { font-family: 'Rubik', sans-serif; color: #656565; }
#newsList ul li .info h3 a {height: 70px;font-weight: 500;font-size: 20px;color: #3f8e91;-webkit-line-clamp: 2;margin-bottom: 20px;letter-spacing: 3px;}
#newsList ul li .info article{
    font-size: 14px;
    color: #777;
    letter-spacing: 3px;
    overflow: hidden;
    height: 46px;
}

@media screen and (min-width:1281px) {
	#newsList ul li:hover .img a.photo img {}
}
@media screen and (max-width:980px) {
	#newsList ul li .info {}
	#newsList ul li:nth-child(2n) >div { margin: 20px 0 20px 10px; }
}
@media screen and (max-width:768px) {
	#newsList ul li .info {
    width: 70%;
}
	#newsList ul li .img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
}
@media screen and (max-width:500px) {
	#newsList ul li { width: 100%; }
	#newsList ul li .date p{
    letter-spacing: 0;
    font-size: 14px;
}
}