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

.wrap {
	width: 100%;
	height: 100%;
	padding-bottom: 0px;
}
.main {
	height: 100%;
}
.contentBox {
	position: absolute;
	top: 120px;
	left: 50px;
	margin: 0px;
	margin-bottom: 50px;
	z-index: 100;
}
.contentBox .titleArea {
	background: url(../../Images/ZH-TW/location/title.png) no-repeat;
}
.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 .head03:first-child {
    background: url(../../Images/ZH-TW/location/car.png) no-repeat left center;
}

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

.articleArea .head03 {
	font-size: 16px;
	color: #d59728;
	font-weight: 500;
	padding: 0px 25px 0 25px;
	margin: 15px 0px 5px 0px;
}
.articleArea .head03.noicon {
	padding: 0px 25px 0 0px;
}
.articleArea .head03.car {
	background: url(../../Images/ZH-TW/location/car.png) no-repeat left center;
}
.articleArea .head03.train {
	background: url(../../Images/ZH-TW/location/train.png) no-repeat left center;
}
.articleArea .head03.aircraft {
	background: url(../../Images/ZH-TW/location/aircraft.png) no-repeat left center;
}
.articleArea .head03.ferry {
	background: url(../../Images/ZH-TW/location/ferry.png) no-repeat left center;
}
.articleArea .head03.bus {
	background: url(../../Images/ZH-TW/location/bus.png) no-repeat left center;
}
.articleArea .head03.hsr {
	background: url(../../Images/ZH-TW/location/hsr.png) no-repeat left center;
}
.articleArea .head03.public {
	background: url(../../Images/ZH-TW/location/public.png) no-repeat left center;
}
.articleArea .head03.metro {
	background: url(../../Images/ZH-TW/location/metro.png) no-repeat left center;
}
.articleArea p, .articleArea div {
	font-family: 'cwTeXMing', "微軟正黑體", "Microsoft JhengHei UI", sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 1.8;
	margin: 5px 25px;
	/* background: url(../../images/ZH-TW/location/iten.png) 0px 14px no-repeat;*/
	border-bottom: 1px dotted #cec0b0;
}
.article_title {
	display: none !important;
}
.contentBox .articleArea {
	border-bottom: 1px solid #757575;
	padding: 0;
	padding-bottom: 30px;
	margin: 0 30px;
	margin-bottom: 30px;
	font-size: 14px;
	letter-spacing: 3px;
	line-height: 2;
}

@media screen and (max-width: 1060px) {
#MapDiv {
	position: relative;
}
.contentBox {
	position: relative;
	top: 0px;
	right: auto;
	left: 0px;
	width: 100%;
	padding: 0px;
	margin-bottom: 0;
}
#MapDiv {
	position: relative;
}
.contentBox .info {
	margin-top: 0px;
}
.contentBox .info p {
}
#map_canvas {
	height: 350px !important;
}
}
@media screen and (max-width: 650px) {
	.contentBox .articleArea {
		margin: 0 20px;
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 414px) {
.articleArea p, .articleArea div {
	margin: 5px 0px;
}
.articleArea .head03 {
	margin: 10px 0 0 0px;
}
#map_canvas {
}
}