.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;	}.delay1 {animation-delay: 0.3s;-webkit-animation-delay: 0.3s;}.delay2 {animation-delay: 0.6s;-webkit-animation-delay: 0.6s;}.delay3 {animation-delay: 0.9s;-webkit-animation-delay: 0.9s;}.delay4 {animation-delay: 1.2s;-webkit-animation-delay: 1.2s;}.delay5 {animation-delay: 1.5s;-webkit-animation-delay: 1.5s;}.delay6 {animation-delay: 1.8s;-webkit-animation-delay: 1.8s;}.delay7 {animation-delay: 2.1s;-webkit-animation-delay: 2.1s;}.delay8 {animation-delay: 2.4s;-webkit-animation-delay: 2.4s;}.delay9 {animation-delay: 2.7s;-webkit-animation-delay: 2.7s;}.delay10 {animation-delay: 3.0s;-webkit-animation-delay: 3.0s;}.delay11 {animation-delay: 3.3s;-webkit-animation-delay: 3.3s;}
#articleInfo15 .tit {position: relative;text-align: center;z-index: 2;}
#articleInfo15 .tit h3 {text-align: center;font-size: 33px;}
#articleInfo15 .tit font {padding: 8px 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 .info{margin-bottom: 40px;}
#articleInfo15{margin-top: 30px;}
#articleInfo15 .articleTitle{padding: 10px 0px 20px;position: relative;}
#articleInfo15 .articleTitle:before {position: absolute;width: 1px;height: 100%;background: rgb(149 149 149 / 30%);top: -10px;left: 8.5px;content: "";}
#articleInfo15 .textEditor,#articleInfo15 .info h3{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px rgb(255 255 255 / 33%) solid;font-size: 22px;letter-spacing: 2.5px;color: #000000;text-align: center;font-weight: 300;}
#articleInfo15 .textEditor b{font-weight: 400;margin-left: 10px;letter-spacing: 0.5px;}
#articleInfo15 .info h4{font-weight: 500;margin: 5px 0 10px;font-size: 19px;}
#articleInfo15 .info p{font-weight: 400;margin: 5px 0;font-size: 17px;color: #545454;}
#articleInfo15 ul {overflow: hidden;position: relative;z-index: 1;display: flex;flex-wrap: wrap;align-items: flex-start;}
#articleInfo15 ul li {text-align: center;overflow: hidden;vertical-align: top;flex-direction: column;position: relative;width: calc((100% / 1) - 0px);padding: 0px 0px 15px 50px;}
#articleInfo15 ol.txxxtBox{padding: 0 0 0 19px;}
#articleInfo15 ol.txxxtBox li{width: 100%;color: rgb(80 80 80);font-size: 14px;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;display: list-item;padding-left: 3px;font-family: 'Noto Sans TC';margin: 0;position: relative;list-style: decimal;overflow: unset;text-align: inherit;}
#articleInfo15 ul.processbox li:before {content: '';display: block;position: absolute;width: 30px;height: 1px;background: rgb(149 149 149 / 30%);top: 20px;left: 4px;}
#articleInfo15 ol.txxxtBox li:before{display: none;}
#articleInfo15 ol.txxxtBox li.focus:after{display: none;}
#articleInfo15 ul.processbox li:after {content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px;border-color: #c3c3c3;border-radius: 50%;top: 15px;margin-top: 0px;left: 3px;}:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#articleInfo15 ul li .item {position: relative;flex-direction: column;background-color: #fff;display: flex;border: 1px hsl(0deg 0% 72% / 34%) solid;border-radius: 20px 20px 0 0;}
#articleInfo15 ul li .item .infofont{margin-left: 60px;}
#articleInfo15 ul li .item .infofont .tit2,#articleInfo15 ul li .item .infofont .tit3{padding: 20px;position: relative;}
#articleInfo15 ul li .item .infofont .tit2 div,#articleInfo15 ul li .item .infofont .tit3 div{font-size: 18px;color: #484848;}
#articleInfo15 ul li .item .infofont .tit2:before {content: '';display: block;position: absolute;width: 40px;height: 1px;background: #000;top: 55%;left: -40px;transform: rotate(-12deg);-webkit-transform: rotate(-12deg);}
#articleInfo15 ul li .item .infofont .tit2:after {content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;border-width: 4px;border-color: transparent transparent #000 #000;top: 53%;margin-top: -6px;left: -10px;transform: translate(3px, -3px) rotate(-12deg);-webkit-transform: translate(3px, -3px) rotate(-12deg);}
#articleInfo15 ul li .item .infofont .tit3:before {content: '';display: block;position: absolute;width: 40px;height: 1px;background: #000;top: 45%;left: -40px;transform: rotate(12deg);-webkit-transform: rotate(12deg);}
#articleInfo15 ul li .item .infofont .tit3:after {content: '';display: block;position: absolute;width: 0;height: 0;border-style: solid;border-width: 4px;border-color: transparent transparent #000 #000;top: 45%;margin-top: -6px;left: -10px;transform: translate(4px, 2px) rotate(8deg);-webkit-transform: translate(4px, 2px) rotate(8deg);}#articleInfo15 ul li .item article{font-size: 20px;padding: 10px 15px;}
#articleInfo15 ul li .item article .circle2{display: flex;}
#articleInfo15 ul li .item article .circle2 p{font-size: 15px;line-height: 140%;margin-right: 10px;}
#articleInfo15 ul li .item article b{color: #8a8a8a;}
#articleInfo15 ul li .item:hover .circle {animation: flipInX 1.5s both;-webkit-animation: flipInX 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}@keyframes flipInX{0%{ transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity:0; }40%{ transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; }60%{ transform: perspective(400px) rotateX(10deg); opacity: 1; }80%{ transform: perspective(400px) rotateX(-5deg); }to{ transform:perspective(400px); }}@-webkit-keyframes flipInX{0%{ -webkit-transform: perspective(400px) rotateX(90deg); -webkit-animation-timing-function: ease-in; opacity:0; }40%{ -webkit-transform: perspective(400px) rotateX(-20deg); -webkit-animation-timing-function: ease-in; }60%{ -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; }80%{ -webkit-transform: perspective(400px) rotateX(-5deg); }to{ -webkit-transform:perspective(400px); }}
#articleInfo15 ul li .item .circle p {color: #0d0d0d;padding: 5px 15px;font-weight: 600;font-size: 17px;}
#articleInfo15 ul li .item .infofont .tit2 p,#articleInfo15 ul li .item .infofont .tit3 p{display: block;background-color: #e6e6e6;text-align: center;padding: 4px;margin-bottom: 10px;}
#articleInfo15 ul li .item .circle {color: var(--info);background-color: #ebf2da;align-items: center;font-size: 18px;border-radius: 20px 20px 0 0;}
#articleInfo15 ul li:nth-child(2n) .item .circle{background-color: #dfeaff;}
#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: 1280px) {
	#articleInfo15 ul{margin: 0px 0 0px;grid-gap: 5px;padding: 5px;}
	#articleInfo15 ul li .item article{padding: 10px 15px;}
	#articleInfo15 ul li{padding: 0px 0px 10px 49px;}
	#articleInfo15 .articleTitle:before{left: 13.5px;}
}

@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 960px) {
	#articleInfo15 .articleTitle:before{left: 12.5px;}
}
@media screen and (max-width: 768px) {
	#articleInfo15 ul{padding: 0px;}
	#articleInfo15 ul li .item {padding: 0px 0px;}
}
@media screen and (max-width: 640px) {
	#articleInfo15 ul li {padding: 4px 0px 30px 0px;width: 98%;margin-right: 0px;margin-bottom: 0px;}
	#articleInfo15 .textEditor b {display: inline-block;margin-left: 30px;}
	#articleInfo15 ul.processbox li:after{top: auto;bottom: 0px;border-color: #161616 #ffffff00 #00000000 #00000000;border-width: 9px;left: 50%;transform: translateX(-50%);border-radius: 0;}
	#articleInfo15 ul.processbox li:before,#articleInfo15 .articleTitle:before{top: auto;display: none;}
	#articleInfo15 ul.processbox li:last-child:after{display: none;}
	#articleInfo15 .articleTitle:before{left: 13.5px;}
}
@media screen and (max-width: 480px) {
	#articleInfo15 ul li {width: 100%;}
	#articleInfo15 .articleTitle{padding: 10px 0px 0px;}
	#articleInfo15 .imgBox p {margin: 10px 0;width: 100%;}
	#articleInfo15 ul li:before,#articleInfo15 ul li:after{display: none;}
}