@charset "utf-8";
/*============================
#AcexMetro
============================*/
div#AcexMetro.clearfix { width: 100%; max-width: 980px; width: expression(this.width >= this.height ? "980px" : "auto"); position:relative;	text-align: left;}
div#AcexMetro.clearfix h2 {	width: 100%;}
div#AcexMetro.clearfix h2 img {	max-width: 507px;	width: expression(this.width >= this.height ? "507px" : "auto");}
div#AcexMetro.clearfix article {	width: 90%; 	max-width: 872px !important;	width: expression(this.width >= this.height ? "872px" : "auto");}
div#AcexMetro.clearfix article h1 {	width: 100%;	line-height: 1.0;}
div#AcexMetro.clearfix article h1 img {	width: 74%;	max-width: 872px;	width: expression(this.width >= this.height ? "872px" : "auto");}
div#AcexMetro.clearfix article section {}
div#AcexMetro.clearfix article section img {}
div#AcexMetro.clearfix article section img:nth-of-type(1) {	max-width: 863px;	width: expression(this.width >= this.height ? "863px" : "auto");}
div#AcexMetro.clearfix article section img:nth-of-type(2) {	max-width: 410px;	width: expression(this.width >= this.height ? "410px" : "auto");}
div#AcexMetro.clearfix article section img:nth-of-type(3) {	max-width: 407px;	width: expression(this.width >= this.height ? "407px" : "auto");}
div#AcexMetro.clearfix article p {}
div#AcexMetro.clearfix article p img:nth-of-type(1) {	max-width: 582px;	width: expression(this.width >= this.height ? "582px" : "auto");}
div#AcexMetro.clearfix article p img:nth-of-type(2) {	max-width: 301px;	width: expression(this.width >= this.height ? "301px" : "auto");}
div#AcexMetro.clearfix a {	display: block;	width: 100%;	color: #333;	font-weight: bold; border-bottom: solid 1px #999;}

@media print, screen and (min-width:769px) {
div#AcexMetro.clearfix {	margin: 0 auto;}
div#AcexMetro.clearfix h2 {	margin: 0 auto 1.5em;}
div#AcexMetro.clearfix h2 img {	width: 60%;}
div#AcexMetro.clearfix article {	margin: 0 auto;}
div#AcexMetro.clearfix article h1 {	margin: 0 auto;}
div#AcexMetro.clearfix article h1 img {	width: 74%;}
div#AcexMetro.clearfix article section {	margin: 1.5em auto;}
div#AcexMetro.clearfix article section img:nth-of-type(1) {	width: 100%; margin: 0 auto !important;	border-bottom: solid 1px #999;}
div#AcexMetro.clearfix article section img:nth-of-type(2) {	width: 45%;	display: table-cell;	float: left;	padding: 2% 2.4% !important; border-right: solid 1px #999;	vertical-align: top;}
div#AcexMetro.clearfix article section img:nth-of-type(3) {	width: 45%;	display: table-cell;	float: left;	padding: 2% 2.4%;	vertical-align: top;}
div#AcexMetro.clearfix article p { clear: both;	margin: 0 auto;	padding: 1.5em 0 2em;}
div#AcexMetro.clearfix article p img:nth-of-type(1) {	width: 70%;	display: table-cell;	float: left;}
div#AcexMetro.clearfix article p img:nth-of-type(2) {	width: 25%;	display: table-cell;	float: right;}
div#AcexMetro.clearfix a { clear: both;	margin: 2.5em auto 3.5em;	padding-bottom: 1.4em;	text-align: center;	font-size: 1.25em;	letter-spacing: 1px;}
}
@media screen and (min-width:320px) and (max-width:768px) {
div#AcexMetro.clearfix {	margin: 0 auto;}
div#AcexMetro.clearfix h2 {	margin: 0 auto 1.5em;}
div#AcexMetro.clearfix h2 img {	width: 80%;}

div#AcexMetro.clearfix article {	margin: 0 auto;}
div#AcexMetro.clearfix article h1 {	margin: 0 auto;}
div#AcexMetro.clearfix article h1 img {	width: 100%;}

div#AcexMetro.clearfix article section {	margin: 0 auto;}
div#AcexMetro.clearfix article section img {	width: 100%;	margin: 1.0em auto;}

div#AcexMetro.clearfix article p {	margin: 1.5em auto;}
div#AcexMetro.clearfix article p img:nth-of-type(1) {	width: 100%;	margin: 0 auto 1em;}
div#AcexMetro.clearfix article p img:nth-of-type(2) {	width: 30%;	min-width: 150px;	float: right;}
div#AcexMetro.clearfix a {	margin: 2.0em auto 1.8em;	padding: 1.4em 0.3em;	text-align: left;	font-size: 1.0em;	line-height: 1.5;	letter-spacing: 1px;}
}



/*IE8*/
.IE8 #AcexMetro { width:940px; position:relative;	margin: 0 auto; padding:0;}
em