.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}
#articleInfo15 .tit{position:relative;text-align:center;z-index:2;position:relative;padding-bottom:20px}
#articleInfo15 .tit h3{font-size:17px}
#articleInfo15 .tit h5{font-size:22px;color:#d5bd8c;font-weight:400;border-bottom:1px solid #f0e8d747;margin-bottom:0px;line-height:140%;position:relative;font-family:'Noto Serif TC',serif;letter-spacing:1.5px}
#articleInfo15 .tit h5:after{content:'';display:block;width:65px;height:1px;background:#d5bd8c;margin-top:15px}
#articleInfo15 .tit font{padding:0 20px;background:#fff;display:inline-block;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
#articleInfo15 ul{overflow:hidden;position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:column;margin-bottom:30px}
#articleInfo15 ul li{width:calc(100% - 120px);margin:20px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;box-shadow:0 10px 20px rgb(7 12 21 / 100%);padding:25px 40px}
#articleInfo15 ul li .item h3{padding-bottom:20px;font-size:20px;font-weight:300;line-height:1.6;letter-spacing:.05em;border-bottom:1px solid #f0e8d747;margin-bottom:25px;color:var(--primary);position:relative;font-family:'Noto Serif TC',serif}
#articleInfo15 ul li .item .circle{position:relative;margin:0 auto 15px;width:114px;height:114px;border:1px rgba(60,75,53,0.5) solid;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;text-align:center;font-size:55px;line-height:114px}
#articleInfo15 ul li .item:hover .circle{animation:flipInX 1.5s both;-webkit-animation:flipInX 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
#articleInfo15 ul li .item .circle:before{position:absolute;width:124px;height:124px;border:2px rgba(60,75,53,0.8) solid;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;box-sizing:border-box;left:-6px;top:-6px;z-index:-1;content:""}
#articleInfo15 ul li .item p{font-size:17px;margin:10px 0;font-family: 'Noto Sans TC',serif;}
#articleInfo15 ul li .item p svg{width:19px;height:19px;margin-right:10px;fill:#707586}
#articleInfo15 .imgBox{overflow:hidden}
#articleInfo15 .imgBox p{margin:0 1% 0 0;overflow:hidden;float:left;width:49%;animation-name:fadeInLeft;-webkit-animation-name:fadeInUp}
#articleInfo15 .imgBox p:nth-child(2){margin:0 0 0 1%;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#articleInfo15 .imgBox p:hover img{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg)}

@media screen and (max-width: 640px) {
    #articleInfo15 ul li .item p{font-size:15px}
	#articleInfo15 ul li:nth-child(3){width:100%}
	#articleInfo15 ul li:nth-child(2) .item{border-left:0}
}

@media screen and (max-width: 480px) {
    #articleInfo15 ul li{padding:20px;width:calc(100% - 60px);margin:10px;box-shadow:0 10px 10px rgb(7 12 21 / 60%)}
	#articleInfo15 .imgBox p{margin:10px 0;width:100%}
}