.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: 80px;}
#articleInfo20 ul li{padding: 70px 0 70px 70px;display:flex;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;justify-content:space-between;align-items:center;box-shadow:0 0 15px rgb(0 0 0 / 8%);position:relative;margin:40px 0;background: #fff;}
#articleInfo20 ul li .info{width: 60%;}
#articleInfo20 ul li .info *{text-align: justify;}
#articleInfo20 ul li h3{font-size:20px}
#articleInfo20 ul li h5{font-size:16px;color:var(--primary);}
#articleInfo20 ul li p.photo{width:30%;border-radius: 220px 0 0 220px;overflow: hidden;box-shadow: -15px 15px 0px rgb(181 179 179 / 10%);}
#articleInfo20 ul li p a{display: inline-block;background: var(--primary);color: var(--white);padding: 8px 30px;border-radius: 5px;margin-top: 10px;}
#articleInfo20 ul li article{margin-top: 30px;}
#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: 768px){
	#articleInfo20 ul li{padding: 30px;flex-wrap: wrap;}
	#articleInfo20 ul li .info{width:100%;}
	#articleInfo20 ul li p.photo{width:100%;margin-top: 20px;box-shadow: none;border-radius: 0;}
	#articleInfo20 ul li p.photo img{width:100%;}
}
@media screen and (max-width:480px){
	#articleInfo20 ul li{margin-bottom:10px;width:calc(100% - 55px)}
}