@charset "UTF-8";
.container {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom-width: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.primary_header {
	width: 100%;
	background-color: #156aa3;
	padding-top: 20px;
	padding-bottom: 100px;
	clear: left;
	border-bottom: 2px solid #156aa3;
}
.header_logo {
	margin-left: 30px;
	margin-top: 10px;
	width: 30px;
	height: 30px;
	float: left;
}
.title {
	margin-left: 20px;	
	float: left;
}
.secondary_header {
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #156aa3;
	clear: left;
	list-sytle: none;
}
.container .secondary_header ul {
	margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	width: 100%;
	list-sytle: none;
}
.container .secondary_header ul li {
	list-style: none;
	float: left;
	margin-right: auto;
	margin-top: 0px;
	font-family: "Source Sans Pro";
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin-left: auto;
	text-align: center;
	width: 16%;
	transition: all 0.3s linear;
	list-sytle: none;
	font-family: "Arial","Microsoft Yahei";
}
.container .secondary_header ul li:hover {
	cursor: pointer;
}
.noDisplay {
	display: none;
}
.container .left_pictures {
	float: left;
	width: 64%;
}
.left_pictures .left_article {
	background-color: #FFFFFF;
	padding-left: 4%;
	padding-top: 0;
	padding-right: 4%;
	padding-bottom: 0;
	width: 100%;
	float: left;
	color: #343434;
}
.left_article p{
	padding-left: 20px;
	text-align: left;
	line-height: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #000000;
	text-decoration: none;
	font-family: "Arial","Microsoft Yahei";
	font-size: 1em;
}

.container .right_links {
	background-color: #FFFFFF;
	float: right;
	width: 24%;
	height: auto;
	padding-right: 4%;
	padding-top: 0;
	padding-bottom: 4%;
}

.right_links .right_article1,.right_article2,.right_article3 {
	width: 100%;
	background-color: #eeeeee;
	margin-top: 30px;

	float: top;
	font-family: "Source Sans Pro";
	color: #343434;
	padding-bottom: 15px;
}
.right_links p {
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 1em;
}
a {text-decoration: none;}
a.card-link-text-dark:link {color:#000000;}
a.card-link-text-dark:hover {color:#810017;}
a.card-link-text-dark:visited {color:#156aa3;}
a.card-link-text-dark:active {color:#000000;}
a.header-link-text-white:link {color:#FFFFFF;}
a.header-link-text-white:hover {color:#FFFFFF;}
a.header-link-text-white:visited {color:#FFFFFF;}
a.header-link-text-white:active {color:#FFFFFF;}

.title h1 {color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Arial","Microsoft Yahei";
	font-size: 2em;
}
h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
	color: #000000;
	font-weight: bold;
	font-family: "Arial","Microsoft Yahei";
	font-size: 1.5em;
}
h3 {margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 20px;
	color: #000000;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Arial","Microsoft Yahei";
	font-size: 1.2em;
}
p  {padding-left: 20px;
	text-align: justify;
	line-height: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #000000;
	text-decoration: none;
	font-family: "Arial","Microsoft Yahei";
	font-size: 1em;
}
.title {
	font-weight: bold;
	font-style: normal;
	font-family: "Source Sans Pro";
	text-align: left;
	padding-left: 30px;
	color: #FFFFFF;
	letter-spacing: 2px;
}
.leftpictures .placeholder {
    max-width: 70%;
	max-height: 70%;
	width: 100%;
	height: 100%;
	list-sytle: none;
}
.header_logo img {
	width: 60px;
	height: 60px;
}
.placeholder img {
	max-width: 90%;
	max-height: 90%;
	padding-left: 5%;
	mmargin-bottom: 20px
}
#img {width:auto; height:auto; overflow:hidden; position:relative;list-sytle:none;} 
#img>.lleft{width:40px; height:80px; position:absolute; left:0%; top:45%; opacity:0.5;}
#img>.rright{width:40px; height:80px; position:absolute; right:20%; top:45%; opacity:0.5;}
#img>.lleft p{margin-left: -20px; width:60px; text-align: left; letter-spacing: 1px; color: black;  opacity:1;}
#img>.rright p{margin-left: -20px; width:60px; text-align: left; letter-spacing: 1px; color: black;  opacity:1;}
#img>.lleft:hover{opacity:0.9;}
#img>.rright:hover{opacity:0.9;}
.column_title {
	padding-top: 25px;
	padding-bottom: 25px;
}
.copyright {
	text-align: center;
	background-color: #156aa3;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: lighter;
	letter-spacing: 2px;
	border-top-width: 2px;
	font-family: "Source Sans Pro";
}
body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: flex;
	flex-direction: column;
	height: 100%;
}
footer{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color:#156aa3;
	flex: 0 0 auto;
}
@media screen and (max-device-width: 640px){
.container {
	margin-left: 0px;
	margin-right: 0px;
}
	.title{
		margin-left: auto;
		float: left;
	}
.container .secondary_header ul li {
	width: 30%;
	font-size: 0.8em;
}
.container .left_pictures {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding-right: 0px;
	padding-left: 0px;
}
.left_pictures .left_article {
	background-color: #FFFFFF;
	padding-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	width: 100%;
	float: left;
	color: #343434;
}
.left_article p{
	padding-left: 20px;
	text-align: left;
	line-height: 25px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #000000;
	text-decoration: none;
	font-family: "Arial","Microsoft Yahei";
}

.container .right_links {
	background-color: #FFFFFF;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	height: auto;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	padding-bottom: 4%;
}

.right_links .right_article1,.right_article2,.right_article3 {
	width: 100%;
	background-color: #eeeeee;
	margin-top: 30px;
	float: top;
	font-family: "Source Sans Pro";
	color: #343434;
	padding-bottom: 15px;
}
.right_links p {
	white-space: nowrap;
	text-overflow: ellipsis;
}
.title h1 {
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-family: "Arial","Microsoft Yahei";
	font-size: 1.5em;
}
}