@charset "utf-8";
/* CSS Document */

.article {}
.article .article-header {border-bottom:1px solid #0b2341; padding-bottom:2%; margin-bottom:2%;}
.article .headline {font-family: sweet-sans-pro,sans-serif; font-weight:700; margin-bottom:2%;}
.article .subheadline {font-family: sweet-sans-pro,sans-serif; font-weight:500; color:#666; font-size:1.25em; margin-bottom:2%;}
.article .publish-date, .article .modify-date {font-size:.8em;}
.article .author {margin:1% auto;}
.article .article-body {}
.article .article-body .image {}
.article .right-side .item {margin:4% auto;}
.article .article-subcontent {padding:4% 0px; border-top:3px solid #cc4e0b;}
.article .article-subcontent .col-header {font-size:1.2em;}
.article .article-subcontent ul {}
.article .article-subcontent ul li a {text-decoration: none; color:#0b2341;}
.article .article-subcontent ul li a:hover {color:#cc4e0b;}
.article .article-subcontent ul li a:focus {color:#cc4e0b;}
.article .article-media .item .pagination a {color:#cc4e0b;}
.article .article-media .item .btn {width:100%;}

@media (min-width:576px) {}

@media (min-width:768px) {
	.article .left-side {padding-right:3%}
	.article .right-side {padding-left:3%;}
	.article .left-side {}
	.article .right-side {}
	.article .article-content {position:relative;}
	.article .article-media {position:sticky; top:10%; height:max-content;}
	.article .article-media .item {margin:8% auto;}

	.article .article-media .image {}
	.article .article-media .moreinfo {background-color:#eaeaea;}
	.article .article-media .moreinfo .card-title {font-size:1.5em;}
	.article .article-media .moreinfo .card-text {font-size:.9em;}
}

@media (min-width:992px) {
	.article .headline {margin-bottom:1%;}
	.article .subheadline {margin-bottom:1%;}
}

@media (min-width:1200px) {}

@media (min-width:1400px) {}