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

@media screen and (max-width: 940px) {
	
	#page {  background: none; background-color: #fff; max-width: 940px; width: 90%; margin: 0 auto;  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75); }
	#page #header { width: 100%; max-width: 940px; height: 170px; position: relative; }
	#page #header #logo { width: 201px; height: 117px; position:relative; top: 0px; left: 5%; }
	#page #header #navigation { width: 95%;  height:30px; position:inherit; top: 10px; left: 5%;    }
		
	#page #content_left { width: 20%; float: left; padding: 5% 2% 0px 5%; }
	
	#page #content_left ul li a { display: block; width: 100%; max-width: 190px; height: auto; text-align: right; border-bottom: 1px solid #3b6085; color: #1c1c1c; text-decoration: none; padding: 6px 5px 6px 0px; }
	#page #content_left ul.subnavi li a { display: block; max-width: 190px; width: 90%; height: auto; text-align: right; border-bottom: 1px solid #efefef; color: #1c1c1c; text-decoration: none; padding: 6px 5px 6px 0px; }
	#page #content_left a.navigation { display: block; width: 100%; height: auto; text-align: right; background-color: #193857; color: #fff; text-decoration: none; padding: 6px 5px 6px 0px;  font-size: 12px;} 
	
	
	#page #content_right { width: 66%; float: left; padding: 5% 5% 5% 2%;  }
	#page #content_right img, #page #content_right iframe { max-width: 100%; }
	
	#page #content_right .list_boot { width: 100%; }
	#footer { text-align:left; padding: 20px 40px 0px 5%; }

}
@media screen and (max-width: 720px) {
	#page #header #navigation ul li a { display: block; height: 22px; padding: 8px 5px 0px 5px; color: #fff; border-right: 2px solid #fff; text-decoration: none; background-color: #3b6085;}
}

@media screen and (max-width: 650px) {
	body {  }
	#page { margin-top: 30px; width: 95%; }
	#page #header { height: 130px; }
	#page #header #logo { width: 201px; height: 117px; position: inherit; left: 0; margin: auto;  }
	#mobilemenu-icon { position:fixed; top: 0px; left: 0; padding-right: 0px; z-index: 999999; width:100%; height: 23px; background-color: #193857; padding-top: 12px; display: block; padding-bottom: 10px;text-align: left;  }
	#mobilemenu-icon ul { list-style: none; }
	#mobilemenu-icon ul li.shownav { cursor: pointer; color: #fff; font-size: 17px; padding-left: 3%; }
	#mobilemenu-icon ul li.shownav .typcn:before { color: #fff; padding-left: 10px; }
	
	#page #content_left { display: none;   } 
	#page #content_right { width: 90%; float: left; padding: 5% 5% 5% 5%;  }
	#page #content_right img.image_right { float:inherit; padding: 0px 0px 15px 0px;  }

	#page #header #navigation { display: none;  }
	ul.mobilemenu { list-style: none; display: none; position:fixed; top: 45px; z-index: 999999; width: 100%; max-height: 100%; height: auto; background-color: #3b6085; font-size: 16px; overflow:scroll;}
	ul.mobilemenu.visible { display: block;}
	ul.mobilemenu li {  width: 100%; text-align: left;}
	ul.mobilemenu li a { padding-left: 3%; display: block; border-right:none; border-bottom: 1px solid #fff; color: #fff; text-decoration: none; padding-top: 10px; padding-bottom: 10px; }
	ul.mobilemenu li a.active { background-color: #193857; }
	ul.mobilemenu li ul { display: none; }
	ul.mobilemenu li ul li a { background-color: #efefef; color: #193857; padding-left: 6%; }
	ul.mobilemenu li ul li a.active { background-color: #dfdfdf; }
	ul.mobilemenu li.active ul { display: block; }
	
	#page #content_right .box_30 {width: 100%; }
	
	#footer_mobile { width: 90%; background-image: none; position:relative; margin:auto; z-index: 3; text-align: left; padding: 0 5% 0px 5%; display: block; }

}