.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}
#articleInfo18 .topBox{padding:70px 0 30px;background:url(/images/style/18/img-topBg.png) no-repeat 0 0}
#articleInfo18 .topBox .text{margin:0 0 0 auto;width:40%}
#articleInfo18 .topBox .text h3{margin-bottom:15px;font-weight:normal;font-size:30px;color:#004285;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfo18 .topBox .text article{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;animation-delay:0.5s;-webkit-animation-delay:0.5s}
#articleInfo18 .secBox{}
#articleInfo18 .secBox .photoBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px 0}
#articleInfo18 .secBox .item h5{font-weight:500;font-size:22px;color:var(--secondary)}
#articleInfo18 .secBox .item article{font-size:17px;margin:20px 0;text-align:justify;letter-spacing:1px}
#articleInfo18 .secBox .photoBox > div{width:calc((100%/3) - 10px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;margin:10px 0;overflow:hidden}
#articleInfo18 .secBox .photoBox > div:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}

@media screen and (max-width:768px){
    #articleInfo18 .secBox .photoBox > div{width: calc((100%/2) - 10px);}
}
@media screen and (max-width:640px){