.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
.delay1{animation-delay:0.5s;-webkit-animation-delay:0.5s}
.delay2{animation-delay:1.0s;-webkit-animation-delay:1.0s}
#articleInfo20 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo20 ul li{padding:45px;width:calc((100%/3) - 95px);display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s}
#articleInfo20 ul li h3{font-size:20px;margin-bottom:10px}
#articleInfo20 ul li article{font-size:14px;color:#727170;overflow:hidden;height:auto;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;text-align:justify;font-weight:200}
#articleInfo20 ul li h5{margin-bottom:0}
#articleInfo20 ul li h5 a{display:block;text-align:center;background:#bd8d5c;font-weight:400;padding:10px 0;color:#fff;font-size:15px;border-radius:5px}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 ul li p.photo img{height: 445px;object-fit: cover;}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox p{margin:10px 0 20px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1366px){
	#articleInfo20 ul li p.photo img{height: 390px;}
}
@media screen and (max-width:1024px){
	#articleInfo20 ul li{width: calc((100%/2) - 95px);}
}
@media screen and (max-width:480px){
	#articleInfo20 ul li p.photo img{height: auto;}
	#articleInfo20 ul li{width: calc(100% - 40px);padding: 10px 20px;}
}