@import url('/css/animate.css');.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}
#articleInfo10 .buttom {display: flex;flex-wrap: wrap;justify-content: center;}
#articleInfo10 .buttom a {margin: -1px 0 0 -1px;width: calc((100% / 5) + 1px);display: inline-block;border: 1px #d6d6d6 solid;text-align: center;padding: 0 15px;height: 57px;text-align: center;line-height: 57px;color: #303030;font-weight: 400;}
#articleInfo10 .buttom a:hover {background: #c75a22;color: #fff;}
#articleInfo10 ul {margin-bottom: 60px;display: flex;flex-wrap: wrap;justify-content: space-between}
#articleInfo10 ul li {padding: 35px 45px 35px;width: calc((100%/2) - 100px);margin: 20px 0;background: #fff;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;transition: all linear 0.3s;position: relative;-webkit-box-shadow: 0px 0px 8px 3px rgb(246 246 246 / 50%);box-shadow: 0px 0px 8px 3px rgb(246 246 246 / 50%);border: #e9e9e973 1px solid;}
#articleInfo10 ul li:after {content: '01';-webkit-text-stroke: 1px #eeeeee;color: #f6f6f6;font-family: 'Marcellus', serif;font-size: 80px;position: absolute;right: 35px;line-height: 80%;top: 30px;}
#articleInfo10 ul li:nth-child(2):after {content: '02';}
#articleInfo10 ul li:nth-child(3):after {content: '03';}
#articleInfo10 ul li:nth-child(4):after {content: '04';}
#articleInfo10 ul li:nth-child(5):after {content: '05';}
#articleInfo10 ul li:nth-child(6):after {content: '06';}
#articleInfo10 ul li:nth-child(7):after {content: '07';}
#articleInfo10 ul li:nth-child(8):after {content: '08';}
#articleInfo10 ul li:nth-child(9):after {content: '09';}#articleInfo10 ul li:nth-child(10):after {content: '10';}#articleInfo10 ul li:nth-child(11):after {content: '11';}#articleInfo10 ul li:nth-child(12):after {content: '12';}#articleInfo10 ul li:nth-child(13):after {content: '13';}#articleInfo10 ul li:nth-child(14):after {content: '14';}#articleInfo10 ul li:nth-child(15):after {content: '15';}#articleInfo10 ul li:nth-child(16):after {content: '16';}#articleInfo10 ul li:nth-child(18):after {content: '18';}#articleInfo10 ul li:nth-child(19):after {content: '19';}#articleInfo10 ul li:nth-child(20):after {content: '20';}#articleInfo10 ul li .info {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;border-bottom: 1px solid #ddd;padding-bottom: 20px}
#articleInfo10 ul li .info .title {width: calc(100% - 80px);}
#articleInfo10 ul li h3 {font-size: 20px;color: #5b5b5b;}
#articleInfo10 ul li h5 {font-size: 16px;color: #bebebc;text-transform: capitalize;font-family: 'Marcellus', serif;line-height: 130%;width: 80%;}
#articleInfo10 ul li .more a {font-size: 16px;color: #f16d85;text-transform: capitalize;font-family: 'Marcellus', serif;text-align: right;}
#articleInfo10 ul li article {font-size: 15px;text-align: justify}
#articleInfo10 ul li p.photo {width: 60px;margin-top: 10px;}
#articleInfo10 .bottomBox h3 {text-align: center;font-size: 30px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;margin-bottom: 0;margin-top: 0;}
#articleInfo10 .bottomBox p {margin: 10px 0 20px;text-align: center;font-size: 18px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp}
#articleInfo10 .bottomBox article {animation-name: fadeInUp;-webkit-animation-name: fadeInUp}



@media screen and (max-width: 1024px) {
	#articleInfo10 ul li:after {font-size: 30px;right: 10px;top: unset;bottom: 10px;}
	#articleInfo10 ul li .more {text-align: left;}
}
@media screen and (max-width: 768px) {
	#articleInfo10 .buttom a {width: calc((100% / 3) + 1px);}
	#articleInfo10 ul li {width: calc((100%/2) - 55px)}
	#articleInfo10 ul li:first-child, #articleInfo10 ul li {margin: 10px;width: calc(100% - 55px);padding: 25px 25px 30px;}
	#articleInfo10 ul li:after {position: relative;text-align: end;display: block;right: 0;bottom: -20px;}
	#articleInfo10 .buttom {display: flex;flex-direction: column;}
	#articleInfo10 .buttom a {text-align: center;margin: 5px 0;width: 100%;padding: 0;}
	#articleInfo10 ul li h3 {line-height: 120%;}
	#articleInfo10 ul li h5 {margin-top: 15px;margin-bottom: 5px;width: 100%;}
	#articleInfo10 ul li:first-child, #articleInfo10 ul li {width: 100%;padding: 35px;}
}