@import url('/css/animate.css');
#articleInfo20 .map{margin: 0 0 30px;}
#articleInfo20 >h3{text-align:center;font-size:30px;font-weight: 500;margin-bottom:50px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#articleInfo20 ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo20 ul li{width: calc((100%/2) - 17px);display:inline-block;border:1px var(--primary) solid;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;transition:all linear 0.3s;border-radius:7px}
#articleInfo20 ul li.focus{padding:55px 25px;background:#caa34b;border-color:#775e27;color:#242425}
#articleInfo20 ul li h3{font-size:18px;text-align:center;background:var(--primary);color:var(--white);font-weight:400;padding:30px 0}
#articleInfo20 ul li article{font-size:16px;color:#666666;text-align:center;font-weight:300;padding:50px 0;letter-spacing:1px}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:15px 0}
#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{width: calc(100% - 2px);margin: 10px 0;}
}
@media screen and (max-width:640px){
	#articleInfo20 ul li article{letter-spacing: 0;padding: 35px 0;}
}