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

.wrap {
	/*width: 100%;
	height: 100%;
	padding-bottom: 0px;*/
}
.main {
	/*height: 100%;*/
}
/*.contentBox {
	display: block;
	position: relative;
	top: 160px;
	left: 100px;
	margin: 0px;
	z-index: 100;
	background-image:url(../../images/EN-US/all/bg_panel_location.png);
}*/
.contentBox .titleArea {
	background: url(../../Images/EN-US/location/title.png) no-repeat;
}
.articleBox{
	overflow: hidden;
}
.footer{
	    /* position: relative;
    bottom: 0px;
    left: 0px; 
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #4b4a4b;
    background-color: rgba(75,74,75,0.85);*/
}
.footer .PC_footer {
	color: #333;
}
.footer .PC_footer a {
	color: #333;
}
#MapDiv {
	width: 100%;
	height: 100%;
	position: fixed;
}
#map_canvas {
	width: 100%;
	height: 100%;
}
/*.articleArea h3:first-child {
    background: url(../../Images/EN-US/location/car.png) no-repeat left center;
}

.articleArea h3:nth-of-type(2) {
    background: url(../../Images/EN-US/location/bus.png) no-repeat left center;
}*/

.articleArea h3 {
	font-size: 16px;
	color: #d5cfc1;
	font-weight: 100;
	padding: 0px 25px 0 25px;
	font-family: 'cwTeXMing', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
	margin: 10px 0 0 30px;
	font-weight: bold;
}
.articleArea h3.noicon {
	padding: 0px 25px 0 0px;
}
.articleArea h3.car {
	background: url(../../Images/EN-US/location/car.png) no-repeat left center;
}
.articleArea h3.train {
	background: url(../../Images/EN-US/location/train.png) no-repeat left center;
}
.articleArea h3.aircraft {
	background: url(../../Images/EN-US/location/aircraft.png) no-repeat left center;
}
.articleArea h3.ferry {
	background: url(../../Images/EN-US/location/ferry.png) no-repeat left center;
}
.articleArea h3.bus {
	background: url(../../Images/EN-US/location/bus.png) no-repeat left center;
}
.articleArea h3.hsr {
	background: url(../../Images/EN-US/location/hsr.png) no-repeat left center;
}
.articleArea h3.public {
	background: url(../../Images/EN-US/location/public.png) no-repeat left center;
}
.articleArea h3.metro {
	background: url(../../Images/EN-US/location/metro.png) no-repeat left center;
}
.articleArea p, .articleArea div {
	font-family: 'cwTeXMing', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
	font-size: 14px;
	color: #fff;
	line-height: 1.8;
	margin: 5px 25px;
	/* background: url(../../images/EN-US/location/iten.png) 0px 14px no-repeat;*/
	border-bottom: 1px dotted #cec0b0;
}
.article_title {
	display: none !important;
}
.contentBox .articleArea {
	padding: 0 30px 20px 30px;
}

@media screen and (max-width: 1060px) {
#MapDiv {
	position: relative;
}
.contentBox {
	/*background: #fff;*/
	position: relative;
	top: 0px;
	right: auto;
	left: 0px;
	width: 100%;
	padding: 0px;
}
#MapDiv {
	position: relative;
}
.contentBox .info {
	margin-top: 0px;
	color: #fff;
}
.contentBox .info p {
	color: #fff;
}
#map_canvas {
	margin-top:80px;}
}

@media screen and (max-width: 414px) {
	
.articleArea p, .articleArea div{
	margin: 5px 0px;}
	
.articleArea h3{
	margin:10px 0 0 0px;}
	
#map_canvas {
	margin-top:60px;}
	
}