.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;margin:60px 0;display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfo16 .item > div{width:45%;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;order:1}
#articleInfo16 .item .photo img{width:100%;height:100%;object-fit:cover}
#articleInfo16 .item .info{width:50%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;margin:50px 0}
#articleInfo16 .item:nth-child(2n) .info{animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft}
#articleInfo16 .item .info h5,#articleInfo16 .item_stronghold .info h5{padding:0 15px;color:#444;font-weight:600;font-size:40px;font-family:'Kanit',sans-serif}
#articleInfo16 .item_stronghold .info h5,#articleInfo16 .item_stronghold .info h3{text-align:center}
#articleInfo16 .item .info h3,#articleInfo16 .item_stronghold .info h3{padding:0 15px 20px;font-size:20px;color:var(--info)}
#articleInfo16 .item .info article{text-align:justify}
#articleInfo16 ul{list-style: circle;padding-left: 20px;margin-top: 20px;}
@media screen and (max-width:1024px){
    #articleInfo16 .item .photo{width:100%;margin-bottom:10px}
    #articleInfo16 .item:nth-child(2n) .photo{order:0}
    #articleInfo16 .item .info{margin:10px 0 0;width:100%}
    #articleInfo16 .item:nth-child(2n) .info h5,#articleInfo16 .item:nth-child(2n) .info h3{margin:0 auto 0 0}
}
@media screen and (max-width:480px){
    #articleInfo16 .item > div,#articleInfo16 .item:nth-child(2n) > div{float:none}
    #articleInfo16 .item .photo{position:relative;margin:0 auto 10px;width:100%;display:block}
    #articleInfo16 .item .info h5{font-size:35px;line-height:120%;margin-bottom:10px}
}