.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;}

/* sideNav */
#sideNav ul.Cate{text-align: center;font-size: 15px;color: #9e9e9e;display: flex;justify-content: center;}
.catBox {position: relative;padding-bottom: 5vh;z-index: 2;}
.fixTop { position: fixed; width: 1420px; top: -15px; }
.fixTop.showheader { top: 50px; }
#sideNav ul.Cate >li {position: relative;display: inline-block;border: 1px solid #e1e1e1;margin: 10px;width: calc((100%/6) - 10px);padding: 0px;}
#sideNav >ul >li.action >h3 a{color: #000;}
#sideNav >ul >li.action >h3 a:before{content: '';background-color: #245fdf;margin-left: -50px;width: 90%;height: 3px;display: block;position: absolute;bottom: 0;left: 55px;transition: 0.6s;}
#sideNav >ul >li >h3 {display: block;}
#sideNav >ul >li >h3 a {letter-spacing: 0px;font-size: 15px;font-weight: 500;color: #35393a;display: block;padding: 25px 0px;transition: 0.9s;line-height: 0;text-align: center;}
.bottomBox {display: none;}
#articleInfo20 .info h5{text-align: center;font-size: 25px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;margin-bottom: 30px;font-weight: 400;letter-spacing: 2.5px;}
#articleInfo20 .video iframe{width: 100%;height: 680px;}
.elementor-image ul {margin-bottom: 50px;text-align: center;display: flex;flex-direction: row;align-items: center;}
.elementor-image ul li {padding: 15px;margin: 5px;width: -webkit-fill-available;display: flex;animation-name: fadeInDown;-webkit-animation-name: fadeInDown;transition:all linear 0.3s;box-shadow: 0 10px 50px rgb(54 53 53 / 12%);align-items: center;background-color: #fff;flex-direction: column;}
.elementor-image ul li p.photo {margin: 0px 0px;}
.elementor-image ul li p.photo img{}
.elementor-image ul li article{font-size: 15px;font-weight: 400;letter-spacing: 0;color: #1d1d1d;line-height: 160%;width: 100%;text-align: center;padding: 10px 10px 0;}



#articleInfo20{margin: 30px auto;}
#articleInfo20 .tit{margin: 20px 10px;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
#articleInfo20 .tit h3{padding-bottom: 10px;margin-bottom: 20px;border-bottom: 1px #d4d4d4 solid;color: #060606;font-weight: 500;letter-spacing: 0.5px;font-size: 18px;}
#articleInfo20 .tit h4{font-weight: 500;margin: 20px 0 5px;font-size: 18px;display: flex;align-items: flex-start;margin-left: 15px;}
#articleInfo20 .tit h4 span{font-weight: 400;}
#articleInfo20 .tit p{margin-left: 20px;color: rgb(80 80 80);font-size: 15px;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;margin-bottom: 10px;}
.elementor-image{margin: 40px 0px 10px;}
.suubtxt{margin: 30px 0 0;}
.suubtxt p{display: flex;flex-direction: column;margin-bottom: 10px;}
.suubtxt p b{font-weight: 600;margin-bottom: 10px;}
#articleInfo20 .tit p a{vertical-align: top;color: #989898;}
h2.TTxt{color: var(--primary);font-weight: 500;font-size: 18px;}
.textEditor{padding: 10px 0 10px 0;}
.textEditor ol{margin: 10px 0 0px;padding-left: 15px;}
.textEditor li{margin: 10px 5px;list-style-type: square;list-style-position: inside;color: rgb(80 80 80);font-size: 15px;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;}
.textEditor h5{font-weight: 500;margin: 30px 0 10px;font-size: 16px;padding-left: 15px;}
.textEditor p{margin: 10px 0 10px;
    font-size: 16px;
    padding-left: 15px;color: #4f4f4f;}
.textEditor li a{color: #989898;}
.textEditor li a:hover{color:#afb5b9}
.photoBox{display: flex;flex-wrap: wrap;}
.photoBox > div {
	overflow: hidden;
	margin: 0 5px;
	width: calc((100%/2) - 20px);
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
margin: 10px;}
.photoBox > div img{width: 100%;
    height: 430px;
    object-position: 50% 50%;
    object-fit: cover;}
.photoBox > div:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

@media screen and (max-width: 1140px) {
	#articleInfo20 ul li {width: calc((100%/2) - 10px);}
	#sideNav ul.Cate >li {width: calc((100%/3) - 0px);}
.photoBox > div {width: calc((100%/1) - 20px);;}
	.photoBox > div img{height: auto;}
}
@media screen and (max-width: 960px) {
	#articleInfo20 ul li article{font-size: 16px;}
}
@media screen and (max-width: 768px) {
	.main-article #describe article{padding: 10px 0px;}
	#articleInfo20 .tit h3{padding-bottom: 10px;margin-bottom: 20px;font-size: 19px;letter-spacing: 0.5px;}
	articleInfo20 .tit h4{margin: 20px 0 10px;display: flex;align-items: flex-start;flex-direction: column;}
	#articleInfo20 .tit h4,#articleInfo20 .tit p{margin-left: 0;}
	.textEditor h5, .textEditor ol,.textEditor p{padding-left: 0;}
	#articleInfo20 ul li {width: calc((100%/1) - 10px);}
	#articleInfo20 .video iframe{height: 350px;}
	#articleInfo20 ul{margin-bottom: 0px;display: flex;flex-wrap: wrap;}
}
@media screen and (max-width: 480px) {
	#articleInfo20 ul li {margin-bottom: 10px;padding: 10px;margin: 10px 2px;}
	#articleInfo20 .video iframe{height: 240px;}
	#sideNav ul.Cate >li {width: calc((100%/1) - 10px);margin: 5px;}
	#articleInfo20 .info h5{font-size: 20px;margin-bottom: 10px;}
	#articleInfo20 ul li article{}
}