.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;flex-wrap:wrap;justify-content:flex-end}
#articleInfo7 .photoBox{position:absolute;padding:0;width:50%;top:0;height:100%;left:0;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;border-radius:15px;overflow:hidden}
#articleInfo7 .photoBox img{width:100%;height:100%;object-fit:cover}
#articleInfo7 .info{width:45%;margin:30px 0}
#articleInfo7 .info h3{position:relative;font-size:50px;font-family:'Montserrat','Noto Sans TC',sans-serif;color:#eee}
#articleInfo7 .info p{font-size: 16px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;line-height:200%;}
#articleInfo7 .info p a{color:#333;font-weight: 500;vertical-align: baseline;}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
@media screen and (max-width:1024px){
#articleInfo7 .photoBox{position:relative;width: 100%;}
#articleInfo7 .info{position:relative;padding: 10px 0;background:none;width: 100%;margin: 0;}
#articleInfo7 .info h3{left:0;}
}
@media screen and (max-width:480px){
#articleInfo7 .info{}
#articleInfo7 .info h3{text-align:left;font-size: 32px;}
#articleInfo7 .info article{margin-left:0}
}