.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 ul{margin-bottom:20px;min-height:500px;text-align:center;display:flex;flex-direction:column}
#articleInfo20 ul li{padding:25px;width:calc((100%/1) - 55px);display:inline-block;border-bottom:1px #e0e0e0 solid;animation-name:fadeInDown;-webkit-animation-name:fadeInDown;transition:all linear 0.3s;display:flex;flex-wrap:nowrap;justify-content:space-evenly;align-items:center;align-content:stretch}
#articleInfo20 ul li .img{margin-right:70px}
#articleInfo20 ul li.wow.delay1{}
#articleInfo20 ul li article{text-align:initial;margin:0 40px;letter-spacing:0.5px;line-height:160%;color:#444}
#articleInfo20 ul li article span{display:block;margin-bottom:20px;font-size:20px;font-weight:600}
#articleInfo20 ul li h3{line-height:120%;font-size:22px;writing-mode:vertical-lr;color:#4e4e4e;letter-spacing:4.5px;font-weight:400}
#articleInfo20 ul li h5{font-size:23px;font-weight:400;color:#9f7d4d;line-height:160%}
#articleInfo20 ul li.focus h5{color:#fff}
#articleInfo20 ul li p.photo{margin:15px 0;width:460px}
#articleInfo20 .bottomBox{padding-top:30px;padding-bottom:160px;display:flex;position:relative;align-items:flex-start;justify-content:center}
#articleInfo20 .bottomBox h3{padding:0 0 10px 0;color:#444;line-height:160%;margin:0px 0 20px;font-size:24px;width:35%;font-weight:400}
#articleInfo20 .bottomBox p{font-size:16px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;padding:0 20px;line-height:180%;position:relative}
#articleInfo20 .bottomBox article{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;text-align:center;letter-spacing:1.5px;line-height:160%;padding:10px 0 90px;color:#7b7b7b;position:relative;font-size:16px}
#articleInfo20 .bottomBox h5{text-align:center;font-size:23px;padding-bottom:20px;font-weight:300;position:absolute;bottom:20px;letter-spacing:3.5px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;font-size:23px;font-weight:400;color:#9f7d4d}
#articleInfo20 .bottomBox h5::before{content:'';position:absolute;width:1px;height:50px;background-color:#caae80;left:50%;bottom:-60px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease}
.TxtBox{margin-top:50px}
.TxtBox .titleBox,.TxtBox .ellipsis{text-align:center}
.TxtBox .title{font-size:28px;font-weight:400;font-family:"EB Garamond",serif;color:#9f7d4d;line-height:1;text-align:center}
.TxtBox .subTitle{font-size:20px;font-weight:400;color:#9f7d4d;line-height:180%;text-transform:uppercase;text-align:center}


@media screen and (max-width:960px){#articleInfo20 ul li{display:flex;flex-direction:column;flex-wrap:nowrap}
#articleInfo20 ul li article{width:100%;margin:10px 0px 0}
#articleInfo20 ul li p.photo{width:100%}
#articleInfo20 ul li .img{margin-right:0}
#articleInfo20 ul li:first-child{margin-bottom:10px;width:calc(100% - 40px)}
#articleInfo20 ul li h3{writing-mode:horizontal-tb}
#articleInfo20 .bottomBox{display:flex;flex-direction:column;align-items:center}
#articleInfo20 .bottomBox h3{width:auto}
#articleInfo20 .bottomBox p{padding:0;text-align:center;font-size:14px;letter-spacing:-1px}
}

@media screen and (max-width:480px){#articleInfo20 ul li{margin-bottom:0px;width:calc(100% - 55px)}
margin-bottom{}
}