#content_wrap {background: #e2deed;}
.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: 60px 0 0;position:relative;display:flex;justify-content:flex-end;overflow:hidden;flex-wrap: wrap;}
#articleInfo18 .topBox .articleInfo13bg{position:absolute;top:0;left:0;z-index:-1;width:80%}
#articleInfo18 .topBox .text{margin:90px 0 80px auto;width:40%}
#articleInfo18 .topBox .text h3{margin-bottom:15px;font-weight:normal;font-size:44px;color:#606060;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;line-height:140%}
#articleInfo18 .topBox .text article{animation-name:fadeInRight;-webkit-animation-name:fadeInRight;animation-delay:0.5s;-webkit-animation-delay:0.5s;padding:40px;background:rgb(255 255 255 / 85%)}
#articleInfo18 .secBox{padding:50px;background:#fdf4f5}
#articleInfo18 .secBox .photoBox{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:20px}
#articleInfo18 .secBox .item h5{font-weight:normal;font-size:30px;color:#606060}
#articleInfo18 .secBox .item h5:after{content:'';display:inline-block;height:1px;width:57%;background:#606060;margin-left:30px}
#articleInfo18 .secBox .item article{letter-spacing:3px;font-size:15px}
#articleInfo18 .secBox .photoBox > div{overflow:hidden;width:49%;animation-name:fadeInDown;-webkit-animation-name:fadeInDown}
@media screen and (max-width:1024px){
#articleInfo18 .topBox{padding-top:0;}
#articleInfo18 .topBox .articleInfo13bg{position: relative;order: -1;margin: 0 auto;display: block;}
#articleInfo18 .topBox .text{width:100%;margin: 0;}
#articleInfo18 .topBox .text h3{font-size:35px;background: rgb(255 255 255 / 85%);padding: 40px;}
#articleInfo18 .secBox .item h5:after{width: 40%;}
}
@media screen and (max-width:768px){#articleInfo18 .topBox{position:relative}
#articleInfo18 .secBox .item h5:after{display:none;}
}
@media screen and (max-width:640px){#articleInfo18 .topBox:before{background:rgba(255,255,255,0.6)}
#articleInfo18 .secBox .item h5,#articleInfo18 .secBox .item article{width:100%;letter-spacing: 0;}
#articleInfo18 .secBox .item h5{text-align:left;font-size: 26px;line-height: 150%;}
}
@media screen and (max-width: 450px){#articleInfo18 .topBox:before{background:rgba(255,255,255,0.75)}
#articleInfo18 .topBox .articleInfo13bg{width: 100%;}
#articleInfo18 .secBox .photoBox > div{width:calc((100%/2) - 10px)}
#articleInfo18 .secBox .photoBox > div:nth-child(3){margin:10px 0;width:100%}
#articleInfo18 .topBox{padding:30px 0}
#articleInfo18 .topBox .text{}
#articleInfo18 .topBox .text h3{font-size:26px;padding: 20px;}
#articleInfo18 .topBox .text article, #articleInfo18 .secBox{padding:20px;}
#articleInfo18 .secBox .photoBox > div{margin:10px 0;width:100%}
}