/** ================================================================== **/
/** ==================== 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;
	}
*/

}



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



}

/** ================================================================== **/
/** ================== Phone Size / Portrait Tablet ================== **/
/** ================================================================== **/
@media (max-width: 767px)
{
	#keyvisual-xs img {
		width: 100%;
	}

	
	/* Page Nav */
	.page-nav {
		margin: 20px 5px !important;
	}
	
	.page-nav span {
		font-weight: bold;
		font-size: 11px !important;
		padding: 8px 10px 7px 10px !important;
		border-radius: 8px !important;
		text-align: center;
	}
	
	/* Product Button */
	#btnProduct {
		margin-top: -60px !important;
		margin-bottom: 100px;
	}


}

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

@media (max-width: 500px)
{

}

@media (max-width: 450px)
{

}

@media (max-width: 320px)
{
	/* Page Nav */
	.page-nav {
		margin: 20px 2px !important;
	}
}





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

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


	
	#pageNavWrapper {
		
		margin: 0px auto;
	}
	
	.page-nav {
		margin: 40px 5px;		
		text-align: center;
		float: left;
	}
	
	.page-nav span {
		background-color: #bbbbbb;
		color: #ffffff;
		font-weight: bold;
		font-size: 14px;
		padding: 10px 20px 8px 20px;
		border-radius: 12px;
		text-align: center;
	}
	.page-nav.active span, .page-nav span:hover {
		background-color: #005c97 !important;
	}
	
	
	/* 	Keyvisual Content */
	
	.keyvisual-content {
		margin-top: 80px;
	}
		
	.keyvisual-content h1 {
		color: #005c97;
		font-size: 20px;
	}
	
	.keyvisual-content h1.english {
		font-family: 'GillSans-Light';
		font-size: 37px;
		margin-left: 70px;
		margin-top: 15px;
		margin-bottom: 0px;
	}
	
	.keyvisual-content h1.chinese {
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 4px;
		margin-left: 0px;
		margin-top: 5px;
		margin-bottom: 0px;
	}
	
	.keyvisual-content p {
		color: #6b6b6b;
		font-size: 24px;
		font-weight: bold;
		margin-left: 70px;
		margin-top:  20px;
		text-shadow: 1px 1px 3px #ffffff;
	}
	
	.keyvisual-content a:link, .keyvisual-content a:visited {
		color: #005c97;
		font-size: 14px;
		font-weight: bold;
	}
	
	.keyvisual-content a:hover {
		color: #005c97;
		font-size: 14px;
		font-weight: bold;
		text-decoration: underline;
	}	


	
	/* Product Button */
	#btnProduct {
		margin-top: -130px;
		margin-bottom: 100px;
	}