.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;
}
.delay3 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
#articleInfo12 {
	overflow: hidden;
}
#articleInfo12 .row {margin: 0;}
#articleInfo12 .row h3 {
	font-size: 40px;
	color: #001e61;
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
	line-height: 170%;
}
#articleInfo12 .row article {
	margin: 10px 0;
	animation-name: fadeInRight;
	-webkit-animation-name: fadeInRight;
}
#articleInfo12 .row h4 {
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
	font-weight: 600;
	line-height: 1;
	font-size: 20px;
	background: linear-gradient(to top left, #1e032f 0%, #682b7a 50%, #1e032f 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-family: "Noto Serif TC", serif;
	margin: 20px 0;
}
#articleInfo12 ol{margin:20px 0;padding-left: 20px;}
#articleInfo12 .num li{
    list-style: decimal;
}
#articleInfo12 li{
    margin: 5px 0;
    list-style: disc;
}
#articleInfo12 .row:nth-child(2) {
	margin-top: 40px;
}
#articleInfo12 .row .topBox {
	overflow: hidden;
}
#articleInfo12 p {
	animation-name: fadeInLeft;
	-webkit-animation-name: fadeInLeft;
	margin: 15px 0;
}
#articleInfo12  .left{
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	#articleInfo12 .row ,
	#articleInfo12 .row:nth-child(2) {
		margin-bottom: 15px;
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	#articleInfo12 .row h3 {
		font-size: 35px;
	}
}