.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 {display:flex;flex-wrap: wrap;justify-content: space-between;}
#articleInfo20 ul{margin-bottom:20px;min-height:500px;text-align:center}
#articleInfo20 ul li{padding:25px;width:calc((100%/3) - 55px);display:inline-block;border:1px #ccc solid;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s}
#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:16px;color:#caa34b}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 .bottomBox{width:70%;}
#articleInfo20 .bottomBox h3{font-size:22px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin-bottom:20px;color:#2F4858;font-weight:500}
#articleInfo20 .bottomBox ol{padding-left:30px;margin:20px 0}
#articleInfo20 .bottomBox li{list-style:disc}
#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}
table{margin:15px 0;width:100%;border-collapse:collapse}
td,th{padding:10px;border: 1px solid #e2e2e2;text-align:center}
#articleInfo20 .photo{width: 25%;}
#articleInfo20 .photo img{width:100%;height: 100%;object-fit: cover;}

@media screen and (max-width:768px){
	#articleInfo20 ul li{width:calc((100%/2) - 55px)}
	#articleInfo20 ul li:first-child{margin-bottom:10px;width:calc(100% - 55px)}
	#articleInfo20 ul li.focus{padding:25px}
}
@media screen and (max-width:480px){
	#articleInfo20 .photo{width:100%;}
	#articleInfo20 .bottomBox{width:100%;}
	#articleInfo20 ul li{margin-bottom:10px;width:calc(100% - 55px)}
}