.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}
#articleInfo20 ul li{padding:25px;width:calc((100%/4) - 55px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;box-shadow:0 0 10px rgb(0 0 0 / 15%);margin:15px;background:#fff}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li h3{font-size:20px}
#articleInfo20 ul li h5{font-size:20px;color:#d73660;font-weight:600;margin:10px 0}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 .bottomBox{margin:0 15px}
#articleInfo20 .bottomBox h3{font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight:600;letter-spacing:0;line-height:150%}
#articleInfo20 .bottomBox p{margin:10px 0 20px;font-size:17px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;text-align:justify;font-weight:400;line-height:200%}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
@media screen and (max-width:1024px){#articleInfo20 ul{flex-wrap:wrap}
#articleInfo20 ul li{width:calc((100%/2) - 80px)}
}@media screen and (max-width:768px){
#articleInfo20 ul li.focus{padding:25px}
}@media screen and (max-width:480px){#articleInfo20 ul li{margin-bottom:10px;width:calc(100% - 55px)}
}