@charset "utf-8";

#footer {
	clear: both;
}

div#content div.contentLeft p.top {
	margin-left: 541px !important;
	clear: both;
}
/*
.contentLeft h2 {
	margin-bottom: 4px !important;
	clear: both;
}
*/

/*---------------------------------------------------------------------
	map.html
-------------------------------------------------------------------------*/
.contentLeft a:hover img {
	filter:alpha(opacity=70);
	opacity:0.7;
}


.contentRight h2 {
	padding-top: 7px !important;
}

.contentRight h3 {
	padding-top: 7px !important;
}

.contentLeft h4 {
	padding-top: 2px;
	font-size: 14px;
	color: #005291;
	font-weight: bold;
	line-height: 1.1;
}
.mb01 {
	margin-bottom: 4px!important;
}

ul#headerMenu li.pd01 {
	padding-bottom: 8px!important;
}

.contentLeft .mr01 {
	margin-right: 9px;
}

.contentLeft p.pb01{
	margin: 0 0 18px 3px;
}

.contentLeft .ulImg01 {
	margin-bottom: 22px;
}

.contentLeft .ulImg01 li {
	padding: 8px 6px 8px 7px;
	width: 298px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #005291;
	line-height: 1.1;
	border: 2px solid #D5D5D5;
	float: left;
}

.contentLeft .ulImg01 li img {
	margin-bottom: 6px;
}

.contentLeft .fBox01 {
	margin-bottom: 11px;
	clear: both;
}

.contentLeft .fBox01 .leftBox {
	padding: 8px 6px 8px 6px;
	width: 298px;
	border: 2px solid #D5D5D5;
	float: left;
}

.contentLeft .fBox01 .leftBox .sBox {
	width: 150px;
	float: right;
}

.contentLeft .ulImg02 {
	margin-bottom: 15px;
	padding: 10px 9px 11px 9px;
	line-height: 1.2;
	border: 2px solid #D5D5D5;
}

.contentLeft .ulImg02 .mb10 {
	margin-bottom: 10px;
}

.contentLeft .ulImg02 li {
	margin-right: 10px;
	width: 147px;
	font-size: 12px;
	float: left;
}

.contentLeft .ulImg02 li.mr0 {
	margin-right: 0;
}

.contentLeft .ulImg02 li img {
	margin-bottom: 6px;
}

.contentLeft .ulImg02 .blue {
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #005291;
	line-height: 1.1;
	display: block;
}

.contentLeft .ulImg02 .ul-list-left {
	width: 304px;
	float: left;
	text-align: center;
	margin-right: 0;
}

.contentLeft .ulImg02 .ul-list-right {
	width: 304px;
	float: right;
	text-align: center;
	margin-right: 0;
}

.contentLeft span.span01 {
	margin: 0 1px;
	display: block;
}

/*-----------------------------------------------------
       Mapdownload
--------------------------------------------------*/
.contentLeft {
    float: left;
    width: 640px;
}

.contentLeft h2 {
	margin-bottom: 15px;
}

.contentLeft p.text01 {
	margin: 0 0 20px 3px;
}

.contentLeft .mapdownBox .mb0 {
	margin-bottom: 0 !important;
}

.contentLeft .mapdownBox h3 {
	margin-bottom: 14px;
}

.contentLeft .mapdownBox h3.traffic {
	margin-bottom: 20px;
}

.contentLeft .mapdownBox .photoBox {
	padding: 0 0 20px 11px;
	margin-bottom: 19px;
	background: url(/resource/tw/images/map/late2011/mapdownload_line01.png) repeat-x left bottom;
	overflow: hidden;
}

.contentLeft .mapdownBox .photoBox ul {
	margin-bottom: 15px;
	text-align: center;
	clear: both;
}

.contentLeft .mapdownBox .photoBox ul li {
	margin-right: 10px;
	width: 147px;
	float: left;
}

.contentLeft .mapdownBox .photoBox ul li img {
	margin-bottom: 5px;
	display: block;
}

.contentLeft .mapdownBox .photoBox ul li a {
	font-weight: bold;
	font-size: 14px;
}

.contentLeft .mapdownBox .googleBox {
	padding-bottom: 22px;
	margin-bottom: 16px;
	background: url(/resource/tw/images/map/late2011/mapdownload_line01.png) repeat-x left bottom;
	overflow: hidden;
}

.contentLeft .mapdownBox .googleBox .leftBox {
	width: 314px;
	float: left;
}

.contentLeft .mapdownBox .googleBox .rightBox {
	padding-top: 1px;
	width: 314px;
	float: right;
}

.contentLeft .mapdownBox .googleBox h3 {
	margin-bottom: 17px;
}

.contentLeft .mapdownBox .googleBox .leftBox ul {
	padding: 1px 0 0 1px;
}

.contentLeft .mapdownBox .googleBox ul li {
	float: left;
}

.contentLeft .mapdownBox .googleBox ul li img {
	display: block;
}

.contentLeft .mapdownBox .googleBox .leftBox ul li.map {
	border: 2px solid #ccc;
}

.contentLeft .mapdownBox .googleBox .rightBox ul {
	padding-bottom: 2px;
	background: url(/resource/tw/images/map/late2011/mapdownload_box01_bg.png) repeat-y left top;
	text-align: center;
}

.contentLeft .mapdownBox .googleBox .rightBox ul li {
	width: 155px;
	border-top: 1px solid #ccc;
}

.contentLeft .mapdownBox .googleBox .rightBox ul li.first {
	margin-right: 4px;
}

.contentLeft .mapdownBox .googleBox .rightBox ul li img {
	margin: 1px 0 5px 2px;
}

.contentLeft .mapdownBox .googleBox .rightBox ul li a {
	font-size: 14px;
	font-weight: bold;
}

.contentLeft .mapdownBox .borderBox {
	padding: 10px;
	margin: 0 0 10px 3px;
	width: 610px;
	border: 2px solid #ccc;
	overflow: hidden;
}

.contentLeft .mapdownBox .borderBox .trafficBox {
	margin-bottom: 8px;
}

.contentLeft .mapdownBox .borderBox .subBox .leftBox {
	padding-top: 2px;
	width: 290px;
	float: left;
}

.contentLeft .mapdownBox .borderBox .subBox .rightBox {
	width: 300px;
	float: right;
}

.contentLeft .mapdownBox .borderBox .subBox .leftBox h3 {
	margin-bottom: 9px;
}

.contentLeft .mapdownBox .borderBox .subBox .rightBox p {
	padding: 5px 0 8px 5px;
	margin-bottom: 9px;
	border: 1px solid #ccc;
	border-top: none;
	line-height: 130%;
}

.contentLeft .mapdownBox .borderBox .subBox .rightBox p span {
	font-size: 12px;
}

.contentLeft .mapdownBox .borderBox .subBox .rightBox p span a {
	text-decoration: underline;
}

.contentLeft .mapdownBox .borderBox .subBox .rightBox p span a:hover {
	text-decoration: none;
}

.contentLeft .mapdownBox .borderBox .titleBox {
	margin-bottom: 5px;
}

.contentLeft .mapdownBox .borderBox .imgBox {
	margin-bottom: 10px;
	overflow: hidden;
}

.contentLeft .mapdownBox .borderBox .imgBox .rBox {
	padding-top: 5px;
	width: 371px;
	float: right;
}

.contentLeft .mapdownBox .borderBox .imgBox .rBox h3 {
	margin-bottom: 6px;
}

.contentLeft .mapdownBox .borderBox .textBox {
	padding-bottom: 3px;
	width: 611px;
	background: url(/resource/tw/images/map/late2011/mapdownload_box02_bg.png) repeat-y left top;
	clear: both;
}

.contentLeft .mapdownBox .borderBox .textBox h4 {
	margin-bottom: 6px;
	padding: 0;
}

.contentLeft .mapdownBox .borderBox .textBox .leftBox {
	width: 300px;
	float: left;
}

.contentLeft .mapdownBox .borderBox .textBox .rightBox {
	width: 300px;
	float: right;
}

.contentLeft .mapdownBox .borderBox .textBox p {
	margin: 0 0 0 8px;
	line-height: 130%;
}

.contentLeft .mapdownBox .borderBox .textBox p.special {
	margin-bottom: 4px;
}

.contentLeft .mapdownBox .borderBox .textBox p span {
	font-size: 12px;
}

.contentLeft .mapdownBox .section {
	margin: 0 0 0 3px;
	padding-bottom: 34px;
	width: 634px;
	background: url(/resource/tw/images/map/late2011/mapdownload_box03_bg.png) repeat-y left top;
	overflow: hidden;
}

.contentLeft .mapdownBox .section .bigBox {
	width: 646px;
}

.contentLeft .mapdownBox .section .subBox {
	padding: 10px 8px 0 10px;
	border-top: 2px solid #ccc;
	margin-right: 12px;
	width: 293px;	
	float: left;
}

.contentLeft .mapdownBox .section .subBox .titleBox {
	margin: 0 0 7px 2px;
}

.contentLeft .mapdownBox .section .subBox .photo {
	margin: 0 0 5px 2px;
}

.contentLeft .mapdownBox .section .subBox h5 {
	padding: 0 0 4px 2px;
	margin-bottom: 4px;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}

.contentLeft .mapdownBox .imgEnd {
	margin: 0 0 15px 3px;
}