.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 { margin-bottom: 20px;text-align: center;}
#articleInfo20 ul li { padding: 20px;margin: 20px 10px;width: calc((100%/3) - 80px);display: inline-block;border: 1px #ebebeb solid;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;transition:all linear 0.3s;}
#articleInfo20 ul li h3 { font-size: 20px;text-align: center;}
#articleInfo20 ul li h5 { font-size: 16px;}
#articleInfo20 ul li p.photo { margin: 15px 0;}
#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: 1140px) { 
	#articleInfo20 ul li { width: calc((100%/2) - 80px);}
}
@media screen and (max-width: 480px) { 
	#articleInfo20 ul li { margin-bottom: 30px;width: calc((100%/1) - 80px);}
}