.articleContent p { 
	margin: 14px 0; 
}

.articleContent h1, .articleContent h2, .articleContent h3 {
	margin: 26px 0 12px 0;
	font-weight: bold;
}

.articleContent h1 {
    font-size: 25px; 
}
.articleContent h2 {
    font-size: 24px; 
}
.articleContent h3 {
    font-size: 20px; 
}
.articleContent h4 {
    font-size: 18px; 
}
.articleContent h5 {
    font-size: 16px; 
}
.articleContent h6 {
    font-size: 14px; 
}

.articleContent img {
	max-width: 614px;
	height: auto;
}

.articleContent figure { text-align:left; margin: 10px 0; }

.articleContent blockquote {
	color: #000; 
	margin: 10px 0; 
	background: #E7FCFF; 
	border-left: 4px solid #87f1ff;
	padding: 10px 28px 10px 14px; 
}
.articleContent blockquote p { margin: 8px 0; }
.articleContent blockquote.lf {float:left;width:45%;}

.articleContent ul, .articleContent ol { margin: 0 0 15px 24px; }
.articleContent li { margin: 5px 0; list-style-position: inherit; }
.articleContent ol li { padding: 0 0 0 6px; }

.articleContent hr { clear:both; border:0; border-bottom:1px solid #ccc; height:1px; margin-bottom:18px; }

.articleContent table { border-collapse: collapse; font-size: 1em !important; }
.articleContent table td { padding: 7px 6px; border: 1px solid #ddd; vertical-align: top; }
.articleContent table.no-border td { border: none; }
.articleContent table thead td { border-bottom: 2px solid #666 !important; font-weight: bold !important; }

.articleContent img.picAvatarLeft {
	border-radius: 50%;
	float: left;
	margin: 0 12px 10px 0;
}

.articleContent .picDesc {
	font-size: 0.9em;
	color: #666;
	font-style: italic;
}
.articleContent .picDesc p {
  margin: 0 0 10px; 
}

.articleContent .number-block { 
	background: #edf6f6; 
	border: 4px solid #c7dee3; 
	padding: 20px 30px; 
	text-align: center; 
	vertical-align: central;
	font-family: Georgia, "Times New Roman", serif;
	color: #000;
	line-height: normal;
	margin-bottom:10px
}
.articleContent .number-block .number-big {
	font-size: 90px;	
	font-weight: bold;
	margin-bottom:10px;
}
.articleContent .number-block .number-big-text {
	font-size:38px;	
	margin-bottom:20px;
}
.articleContent .number-block .number-text {
	font-size:20px;
}
.articleContent .number-block .number-source {
	font-size:13px;
	color: #777;
	margin-top:30px;
}

.articleContent .footnote-link {
	background: #f8f8f8;
	border-radius: 5px;
	box-shadow: inset 1px 0 #bbb,
			inset 0 1px #bbb,
			inset -1px 0 #bbb,
			inset 0 -1px #bbb;
	cursor: pointer;
	display: inline-block;
	padding: 1px 5px 2px;
	position: relative;
	white-space: pre-wrap;
}
.articleContent .footnote-link:hover {
	background: #f0f0f0;
	border-radius: 5px;
	box-shadow: inset 1px 0 #a9a9a9,
			inset 0 1px #a9a9a9,
			inset -1px 0 #a9a9a9,
			inset 0 -1px #a9a9a9;
}

/* cards*/
.material-card { 
	background: #f1fdf4;
	border: 1px solid #def4e3;
	padding: 10px 14px;
	margin: 10px 0 30px 0;
}
.material-card .material-card-number {
	font-size: 0.85em;
	color: #99cc99;
	text-align: center;
	margin: 0;
}
.material-card .material-card-title {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px
}

@media screen and (max-width:992px) {
	.articleContent .postDesc {
		font-size: 1.2em;
		line-height: 1.2em;
	}

	.articleContent img {
		max-width:100% !important;
		height:auto !important;
	}

	.articleContent img.picAvatarLeft {
		width: 30%;
	}

	.articleContent table td {
		word-break: break-word;
	}

	.articleContent .number-block {
		 padding: 20px;
	}
	.articleContent .number-block .number-big {
		font-size: 70px;
	}
	.articleContent .number-block .number-big-text {
		font-size:30px;
	}
	.articleContent .number-block .number-text {
		font-size:17px;
	}

	.articleContent .fr-video iframe[width="640"][height="360"] {
		width: 100% !important;
		height: calc(100vw * 9 / 16) !important;
	}
}

@media screen and (min-width:992px) {
	.articleContent .fr-video iframe[width="640"][height="360"] {
		width: 614px !important;
		height: 345px !important;
	}
}