.wow{animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-fill-mode:both;-webkit-animation-fill-mode:both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo7{position:relative;display:flex;justify-content:flex-end;margin:30px 0;flex-wrap: wrap;}
#articleInfo7 .photoBox{position:absolute;width:50%;left:0;top:0;height:100%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo7 .photoBox img{height:100%;object-fit:cover}
#articleInfo7 .info{width:45%}
#articleInfo7 .info h3{position:relative;padding:0 0 10px;font-size:27px}
#articleInfo7 .info p{font-size:17px;text-align: justify;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo20 >div h3{font-size:28px;margin-bottom:20px}
#articleInfo20 ul{display:flex;justify-content:space-between;flex-wrap: wrap;}
#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:18px}
#articleInfo20 ul li article{font-size:14px;text-align:justify}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:0 0 10px}
#articleInfo20 ul li p.photo img{height:250px;object-fit:cover}
#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){
	#articleInfo7 .photoBox{position:relative;width: 100%;}
	#articleInfo7 .info{position:relative;margin-left:0;padding: 20px 0 0;background:none;width: 100%;}
	#articleInfo7 .info h3{left:0;}
	#articleInfo20 ul li{width: calc((100%/1) - 55px);margin-bottom: 5px;}
}
@media screen and (max-width:480px){
	#articleInfo7 .info{margin-top:0;}
	#articleInfo7 .info h3{text-align:left;line-height: 130%;}
	#articleInfo7 .info article{margin-left:0}
}