.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 .secBox{margin-bottom:30px}
#articleInfo20 .photoBox{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom: 25px;}
#articleInfo20 .photoBox >div{width:49%}
#articleInfo20 .photoBox >div img{width:100%}
#articleInfo20 .photoBox >div p{text-align:center;background:#eee;padding:10px 0}
#articleInfo20 ul.topBox{margin-bottom:30px;display:flex;flex-wrap:wrap;justify-content:flex-start}
#articleInfo20 ul.topBox li{display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;margin:10px 20px 10px 0}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li h3{font-size:20px}
#articleInfo20 ul li article{font-size:16px;color:#323231;background:#f1f1f1;padding:10px 30px}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:15px 0}
#articleInfo20 h3{font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;margin-bottom:25px;border-bottom:1px solid #eee;position:relative;padding-bottom:10px}
#articleInfo20 h3:after{content:'';width:50px;height:5px;background:#0a98a4;position:absolute;bottom:0;left:0}
#articleInfo20 .bottomBox p{margin:10px 0 20px;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{width: 48%;}
	#articleInfo20 ul li.focus{padding:25px}
	#articleInfo20 ul.topBox li{margin:10px 0;}
	#articleInfo20 ul.topBox{justify-content: space-between;}
}
@media screen and (max-width:480px){
	#articleInfo20 ul li{margin-bottom:10px;width: 100%;}
	#articleInfo20 .photoBox >div{width:100%;margin-bottom: 30px;}
	#articleInfo20 .secBox{margin:0;}
}