.wow{animation:fadeIn 1.5s both;-webkit-animation:fadeIn 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo16 .item{overflow:hidden;position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items: flex-start;}
#articleInfo16 .item > div{float:left;width: 60%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item:nth-child(2n) > div{float:right}
#articleInfo16 .item:nth-child(2n) .photo{animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item .photo{/* overflow:hidden; */}
#articleInfo16 .item .photo img{width:100%;height:100%;object-fit: contain;}
#articleInfo16 .item .info{width: 38%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5{padding: 10px 0;font-size: 23px;color: #d5bd8c;letter-spacing: 3px;font-family: 'Noto Serif TC', serif;font-weight: 300;}
#articleInfo16 .item .info h3{font-size:50px;color: #d5bd8c;font-weight:400;border-bottom: 1px solid #f0e8d747;margin-bottom:40px;line-height: 140%;font-family: 'Cinzel', serif;position: relative;}
#articleInfo16 .item .info h3:after{content:'';display:block;width:65px;height:1px;background: #d5bd8c;margin-top:15px}
#articleInfo16 .item .info article{font-weight:300;line-height:200%;text-align:justify}

@media screen and (max-width:1140px){
	#articleInfo16 .item{display:block;}
	#articleInfo16 .item > div{width:100%;}
	#articleInfo16 .item .info{width:100%;}
}
@media screen and (max-width:768px){
	#articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
#articleInfo16 .item .info h3{
    font-size: 30px;
    margin-bottom: 10px;
}
	#articleInfo16 .item .info h5{
    font-size: 20px;
}
}