.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}
#articleInfo20{padding-top:30px}
#articleInfo20 ul{margin-bottom:20px;min-height:500px;text-align:center;display:flex;flex-wrap:wrap}
#articleInfo20 ul li{padding:40px;margin:10px;width:calc((100%/2) - 120px);display:inline-block;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;position:relative;border-radius:20px}
#articleInfo20 ul li:nth-child(2),#articleInfo20 ul li:nth-child(4){margin-top:130px}
#articleInfo20 ul li article::before{content:"";width:60px;height:60px;background-color:#9d8a69;position:absolute;top:-30px;right:20px;z-index:2;border-radius:50%}
#articleInfo20 ul li article::after{content:"";display:block;width:15px;height:15px;background-color:transparent;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg);position:absolute;bottom:auto;top:-5px;right:42px;margin-left:-12px;margin-top:-7px;z-index:10}
#articleInfo20 ul li h3{color:#231f17;margin-bottom:-10px;font-size:36px;font-weight:600}
#articleInfo20 ul li h5{font-size:16px;color:#888}
#articleInfo20 ul li.focus h5{color:#888}
#articleInfo20 ul li p.photo{margin:15px 0;padding-right:40px}
#articleInfo20 ul li p.photo img{box-shadow:4px 7px 30px #d4d3d3b5}
#articleInfo20 ul li article{background-color:#fff;-webkit-box-shadow:0px 0px 22.8px 1.2px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 22.8px 1.2px rgba(0,0,0,0.15);box-shadow:0px 0px 22.8px 1.2px rgba(0,0,0,0.15);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-moz-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:40px;margin-top:-60px;padding:35px 32px 40px;position:relative;line-height:180%}
#articleInfo20 .bottomBox h3{text-align:center;font-size:30px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-weight:300;line-height:34px;letter-spacing:3px;font-size:24px;display:none}
#articleInfo20 .bottomBox{display:none}
#articleInfo20 .bottomBox p{margin:0px 0 10px;text-align:center;font-size:18px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;vertical-align:baseline;font-family:'Cormorant',serif;text-transform:uppercase}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
@media screen and (max-width:1280px){#articleInfo20 ul li:nth-child(2),#articleInfo20 ul li:nth-child(4){margin-top:0}
#articleInfo20 ul li{width:calc((100%/2) - 60px);padding:20px;margin:10px}
}@media screen and (max-width:960px){#articleInfo20 ul li{width:calc((100%/1) - 170px)}
#articleInfo20 ul li{margin-bottom:50px;width:calc((100%/1) - 0px);padding:0}
#articleInfo20 ul li h3{font-size:30px}
#articleInfo20 ul li::before{top:-20px;width:60px}
}@media screen and (max-width:480px){#articleInfo20 ul li{margin-bottom:60px}
#articleInfo20{padding-top:0px}
}