.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{display:flex;flex-wrap:wrap;justify-content:space-between}
#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{width:calc(100% - 300px)}
#articleInfo18 .secBox >.photoBox{overflow:hidden;margin-bottom:50px;display:flex;flex-wrap:wrap}
#articleInfo18 .secBox .item{margin-bottom:50px}
#articleInfo18 .secBox .item h5{border-left:4px solid var(--secondary);color:#383737;font-size:1.6rem;font-weight:400;background:rgb(230 230 230 / 75%);padding:5px 0 5px 20px}
#articleInfo18 .secBox .item article{float:left;width:calc(100% - 220px)}
#articleInfo18 .secBox .photoBox > div{overflow:hidden;width:calc((100%/3) - 15px);animation-name:fadeInDown;-webkit-animation-name:fadeInDown;margin:0 20px 20px 0}
#articleInfo18 .secBox .photoBox > div:nth-child(3n){margin-right:0}
#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.05)}
#articleInfo18 .mealintro{display:flex;flex-wrap:wrap;}
#articleInfo18 .mealintro .info{width: calc((100%/3) - 20px);margin-bottom: 30px;}
#articleInfo18 .mealintro .info:nth-child(3n-1){margin: 0 30px 30px;}
#articleInfo18 .mealintro .info .photo{border-radius: 15px;overflow: hidden;}
#articleInfo18 .mealintro .info h5{margin-top: 10px;display:block;font-size: 24px;color: #4e4e4e;font-weight: 400;}
#articleInfo18 .mealintro .info p{font-size: 15px;text-align: justify;}
#articleInfo7{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom: 40px;}
#articleInfo7 .photoBox{width:50%;animation-name:fadeInLeft;-webkit-animation-name:fadeInLeft;border-radius: 25px;    overflow: hidden;}
#articleInfo7 .info{width:45%}
#articleInfo7 .info h3{position:relative;margin-bottom:15px;font-size:24px;color:#4e4e4e;font-weight:400}
#articleInfo7 .info p{font-size: 16px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;line-height:200%}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}

@media screen and (max-width:1024px){
	#articleInfo18 .mealintro .info, #articleInfo18 .mealintro .info:nth-child(3n-1){width:calc((100%/2) - 25px);margin: 0 0 30px;}
	#articleInfo18 .mealintro{justify-content: space-between;}
}
@media screen and (max-width:768px){
	#articleInfo18{display:block;}
	#articleInfo18 .secBox{width:100%;}
}
@media screen and (max-width:640px){
	#articleInfo18 .mealintro .info, #articleInfo18 .mealintro .info:nth-child(3n-1), #articleInfo7 .photoBox{width:100%;}
	#articleInfo7 .info{width:100%;margin-top:20px;}
}