@import url('/css/animate.css');

#articleInfo47 .topBox { padding: 70px 0 30px; background: url(/images/style/18/img-topBg.png) no-repeat 0 0; }
#articleInfo47 .topBox .text { margin: 0 0 0 auto; width: 40%; }
#articleInfo47 .topBox .text h3 { margin-bottom: 15px; font-weight: normal; font-size: 30px; color: #004285; animation-name: fadeInUp; -webkit-animation-name: fadeInUp; }
#articleInfo47 .topBox .text article { animation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
#articleInfo47 .secBox { display: flex; flex-wrap: wrap; justify-content: space-between; }
#articleInfo47 .secBox>div { width: calc((100%/3) - 30px); margin-bottom: 50px; position: relative; }
#articleInfo47 .secBox .photoBox { overflow: hidden; margin: 0 0 20px; }
#articleInfo47 .secBox .item h5 { font-weight: 400; font-size: 18px; color: #886d5c; margin-bottom: 5px; line-height: 130%; }
#articleInfo47 .secBox .item h5 img { width: 25px; display: inline-block; vertical-align: text-bottom; margin-right: 10px; margin-bottom: 4px; }
#articleInfo47 .secBox .item article { font-size: 15px; text-align: justify; }
#articleInfo47 .secBox .photoBox>div { overflow: hidden; }
#articleInfo47 .secBox .photoBox>div:nth-child(3n-1) { margin: 0 30px; }
#articleInfo47 .fillatag { position: absolute; width: 100%; height: 100%; z-index: 2; }

@media screen and (max-width:768px) {
	#articleInfo47 .topBox { position: relative; }
	#articleInfo47 .topBox:before { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.35); top: 0; left: 0; z-index: 1; content: ""; }
	#articleInfo47 .topBox .text { position: relative; width: 50%; z-index: 2; }
}
@media screen and (max-width:640px) {
	#articleInfo47 .secBox>div { width: 100%; margin-bottom: 20px; }
	#articleInfo47 .topBox:before { background: rgba(255, 255, 255, 0.6); }
	#articleInfo47 .secBox .item h5, #articleInfo47 .secBox .item article { width: 100%; }
	#articleInfo47 .secBox .item h5 { margin-bottom: 15px; text-align: left; }
}
@media screen and (max-width:480px) {
	#articleInfo47 .topBox:before { background: rgba(255, 255, 255, 0.75); }
	#articleInfo47 .topBox .text { width: 80%; }
	#articleInfo47 .secBox .photoBox>div { width: calc((100%/2) - 10px); }
	#articleInfo47 .secBox .photoBox>div:nth-child(3) { margin: 10px 0; width: 100%; }
}
@media screen and (max-width:450px) {
	#articleInfo47 .topBox { padding: 30px 0; }
	#articleInfo47 .topBox .text { width: 95%; }
	#articleInfo47 .secBox .photoBox>div { margin: 10px 0; width: 100%; }
}