.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}
.delay3{animation-delay:1.5s;-webkit-animation-delay:1.5s}
#articleInfo17{overflow:hidden}
#articleInfo17 > div{}
#articleInfo17 .info h2{font-size:35px;color:#5f326d;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
#articleInfo17 .info h5{margin-bottom:20px;font-size:16px;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
#articleInfo17 .info .item{padding:20px 0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo17 .info .item h3{margin-bottom:3px;color:#080404;font-size:25px;font-weight:400}
#articleInfo17 .info .item h3 span{font-size:16px;color:#9c9a9a;font-family:'Arsenal',sans-serif}
#articleInfo17 .info .item h3 span:before{margin:0 15px;content:"/"}
#articleInfo17 .info .item ol{padding-left:30px}
#articleInfo17 .info .item ol li{list-style: disc;}
#articleInfo17 .photoBox{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;display:flex;flex-wrap:wrap;margin-top:10px}
#articleInfo17 .photoBox > div{width:calc((100%/3) - 7px);margin:0 10px 10px 0}
#articleInfo17 .photoBox > div:nth-child(3n){margin-right:0}
#articleInfo17 .photoBox > div img{width:100%;height:200px;object-fit:cover}
#articleInfo17 .photo > div .photo-box{overflow:hidden;position:relative;background-position:50%;background-repeat:no-repeat;background-size:cover;line-height:0;cursor:pointer}
#articleInfo17 .photo .focus{top:5px;right:-12px;-webkit-box-shadow:0 0 10px 2px rgba(28,8,50,0.2);box-shadow:0 0 10px 2px rgba(28,8,50,0.2);-webkit-animation-name:LeftToFront;animation-name:LeftToFront}
#articleInfo17 .photo .focus:nth-child(2){left:-12px;-wanimation-name:RightToFront;animation-name:RightToFront}
#articleInfo17 .photo .blur{-webkit-animation-name:LeftToBack;animation-name:LeftToBack}
#articleInfo17 .photo .blur:nth-child(2){-wanimation-name:RightToBack;animation-name:RightToBack}
#articleInfo17 .photo > div .photo-box img{height:340px}
#articleInfo17 .photo .focus .photo-box img{height:420px}

@media screen and (max-width:768px){
	#articleInfo17 > div,#articleInfo17 .photo{margin-left:0;width:100%}
	#articleInfo17 .photo > div,#articleInfo17 .photo .focus{margin:10px 2%;width:40%;top:0;-webkit-box-shadow:0 0 10px 2px rgba(28,8,50,0.2);box-shadow:0 0 10px 2px rgba(28,8,50,0.2)}
	#articleInfo17 .photo .focus{right:0}
	#articleInfo17 .photo .focus:nth-child(2){left:0}
	#articleInfo17 .photo > div .photo-box img,#articleInfo17 .photo .focus .photo-box img{height:auto}
}
@media screen and (max-width:640px){
	#articleInfo17 .photoBox{justify-content: space-between;}
	#articleInfo17 .photoBox > div{width: calc((100%/2) - 7px);margin: 0 0 12px;}
}