/** ================================================================== **/
/** ==================== Desktop Very Wide Screen ==================== **/
/** ================================================================== **/
@media (min-width: 1171px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 400px;
	}
*/
	
}

/** ================================================================== **/
/** ====================== Desktop Wide Screen ======================= **/
/** ================================================================== **/
@media (max-width: 1200px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/


}

@media (max-width: 1170px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 340px;
	}
*/
	#newsList, #contentWrapper {
		width: 100% !important;
	}

}



/** ================================================================== **/
/** ============== Desktop 4:3 screen / iPad Landscape =============== **/
/** ================================================================== **/
@media (max-width: 999px)
{
/*
	#keyvisual {
		 background-size: auto 100% !important;
		 height: 240px;
	}
*/

/*
	#financialPlanFooter .bg
	{
		height: 65px !important;
	}
*/
	


}

/** ================================================================== **/
/** ================== Phone Size / Portrait Tablet ================== **/
/** ================================================================== **/
@media (max-width: 767px)
{
	#keyvisual-xs img {
		width: 100%;
	}
	
	.container-fluid {
		overflow-x: hidden;
	}
	
	#leftPanel {
		width: 110% !important;
		border-right: 0px #ffffff solid !important;
		margin: 0px !important;
		margin-left: -8% !important;
		float: none !important;
		overflow: hidden;
	}

	#rightPanel1, #rightPanel2 {
		width: 50% !important;
		border-left: 1px #ffffff solid !important;
		border-right: 1px #ffffff solid !important;
		margin: 0px !important;
	}
	
	#leftPanel img, #rightPanel1 img, #rightPanel2 img {
		width: 100% !important;
		margin-bottom: 3px !important;
		border-bottom: 0px !important;
	}
	
	#newsList .row {
		padding-bottom: 20px;
	}

	#newsList h1 {
		line-height: 22px !important;
		font-size: 16px !important;
		font-weight: normal !important;
		padding-right: 10px;
	}

	#newsList p {
		font-size: 11px !important;
		line-height: 14px !important;
		padding-right: 15px;
	}

	#newsList .detail .action {
		float: left !important;
	}
	
	#newsList .detail .action a:link, #newsList .detail .action a:visited {
		font-size: 12px !important;
	}
	
	/* 	News Content */
	#contentWrapper {
		padding: 0px 20px;
	}
	#contentWrapper .content img {
		height: auto !important;
	}


}

/** ================================================================== **/
/** ======================= Smaller Phone Size ======================= **/
/** ================================================================== **/
@media (max-width: 640px)
{	
}

@media (max-width: 500px)
{

}

@media (max-width: 450px)
{

}

@media (max-width: 400px)
{
	
}





/** ================================================================== **/
/** =========================== All Sizes ============================ **/
/** ================================================================== **/

	#keyvisual {
/* 		 background-size: auto 100% !important; */
 		 background-size: 100%;
		 height: 394px;
/* 		 margin-bottom: 40px; */
	}
	
	.responsive-content
	{
		width: 100%;
		max-width: 1200px;
		margin-bottom: 20px;
	}
	
	.nonresponsive-content
	{
		margin-bottom: 40px;
	}


	/* Index Page */
	
	#leftPanel {
		width: 64.2%;
		border-right: 4px #ffffff solid;
		float: left;
	}
	
	#rightPanel1, #rightPanel2 {
		width: 35.6%;
		float: left;
	}
	
	#rightPanel2 {
		margin-top: 0.26%;
	}



/* List Page */
	#newsList, #contentWrapper {
		width: 80%;
		margin-top: 40px;
		margin-left: auto;
		margin-right: auto;
	}

	#newsList .brief {
		padding-bottom: 0px;
		border-bottom: 1px #999999 solid;
	}
	#newsList .brief a:link, #newsList .brief a:hover, #newsList .brief a:visited {
		text-decoration: none;
	}
	
	#newsList .detail {
		padding-top: 5px;
	}
	
	#newsList .detail .action {
		width: 150px;
		float: right;
	}

	#newsList .detail p {
		float: left;
	}
	
	#newsList .detail .action a:link, #newsList .detail .action a:visited {
		color: #d0ae89;
		text-decoration: none;
	}
	#newsList .detail .action a:hover {
		color: #d0ae89;
		text-decoration: underline;
	}

	#newsList > .row {
		margin-bottom: 30px;
	}

	#newsList h1 {
		margin: 0px auto 10px auto;		
		font-weight: bold;
		font-size: 18px;
		color: #005c97;
		line-height: 24px;
	}
	
	
	#newsList p {
		color: #6b6b6b;
		font-size: 14px;
		line-height: 22px;
	}
	
	#contentWrapper h1 {
		margin: 0px auto 10px auto;
		font-weight: bold;
		font-size: 24px;
		color: #005c97;
		line-height: 32px;
		padding-bottom: 10px;
		border-bottom: 1px #999999 solid;
		
	}
	#contentWrapper .subtitle p {
		margin-right: 40px;		
		color: #666666;
		line-height: 18px;
		float: left;
	}
	#contentWrapper .content {
		color: #666666;
		line-height: 24px;
	}