.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:25px;width:calc((100%/6) - 74px);display:inline-block;border:1px #ccc solid;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;margin:15px 0;border-radius:10px;box-shadow:0 0 10px rgb(0 0 0 / 10%)}
#articleInfo20 ul li h3{font-size:20px}
#articleInfo20 ul li h5{font-size:16px;color:#141414;text-align:center}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 .bottomBox h3{font-size:27px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin:20px 0}
#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;margin:20px 0}
#articleInfo7{display:flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
#articleInfo7 >div{width:calc(50% - 30px);}
#articleInfo7 .info h3{font-size: 30px;font-weight: 600;letter-spacing: 2px;}
#articleInfo7 .info p{text-align: justify;margin-top: 20px;}

@media screen and (max-width:1024px){
	#articleInfo20 ul li{width: calc((100%/3) - 74px);}
}
@media screen and (max-width:768px){
	#articleInfo7{display:block;}
	#articleInfo7 >div{width: 95%;margin: 20px auto;}
	#articleInfo20 .bottomBox{width: 95%;margin: 0 auto;}
}
@media screen and (max-width:480px){
	#articleInfo20 ul li{width: calc((100%/2) - 58px);margin: 5px 0;}
}