@charset "utf-8";
/*-------------------------週邊設施Tabs------------------------------*/
.tabs_facilities{
	background-image:url(../../../images/tabs_facilities.gif);
	background-repeat: no-repeat;
	background-position:left -66px;
	margin: 0 10px;
	padding:0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	width: 25px;
	height:447px;
	float:left;
}
.tabs_facilities li{
	margin: 0;
	overflow:hidden;
}
.tabs_facilities li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	background-image:url(../../../images/tabs_facilities.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}
.tabs_facilities li.item1{width:25px;height:66px;}
.tabs_facilities li.item1 a{background-position: 0px 0px;}
.tabs_facilities li.item1 a.selected{background-position: -25px 0px;}
.tabs_facilities li.item2{width:25px;height:66px;}
.tabs_facilities li.item2 a{background-position: 0px -66px;}
.tabs_facilities li.item2 a.selected{background-position: -25px -66px;}
.tabs_facilities li.item3{width:25px;height:66px;}
.tabs_facilities li.item3 a{background-position: 0px -132px;}
.tabs_facilities li.item3 a.selected{background-position: -25px -132px;}
.tabs_facilities li.item4{width:25px;height:93px;}
.tabs_facilities li.item4 a{background-position: 0px -198px;}
.tabs_facilities li.item4 a.selected{background-position: -25px -198px;}
.tabs_facilities li.item5{width:25px;height:80px;}
.tabs_facilities li.item5 a{background-position: 0px -291px;}
.tabs_facilities li.item5 a.selected{background-position: -25px -291px;}
#facilitiesTabsContent{
margin-left:56px;
}
#facilitiesTabsContent .facilityImg{
	background-repeat: no-repeat;
	float: left;
	height: 225px;
	width: 300px;
}
#facilitiesTabsContent .infoDiv{margin-left:314px;}
#facilitiesTabsContent .infoDiv p{ font-size:1.2em; margin: 0 37px 32px;}
#facilitiesTabsContent .infoDiv p a{ text-decoration:underline;}
#facilitiesTabsContent .infoDiv span.facilityLogo{
	background-repeat: no-repeat;
	display: block;
	margin: 0px 20px 35px 20px;
	float: right;
	text-indent: -2000px;
	overflow: hidden;
}
#facilitiesTabsContent .infoDiv ul{
	font-size:1.2em;
	margin:0 37px 32px; 
	padding:0;
	list-style:none;
}
#facilitiesTabsContent .infoDiv li{
	margin: 0;
	background-image: url(../../../images/icon05.gif);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	padding-left: 24px;
	zoom:1;
}
#facilitiesTabsContent .infoDiv li span{ float:left; display:block; width:5em;}
#facilitiesTabsContent .infoDiv li div{ margin-left:5em;}
/*#facilityTab1 .facilityImg{	background-image: url(../../../images/facilityImg01.jpg);}*/
#facilityTab2 .facilityImg{ background-image: url(../../../images/facilityImg02.jpg);}
#facilityTab3 .facilityImg{	background-image: url(../../../images/facilityImg03.jpg);}
#facilityTab4 .facilityImg{	background-image: url(../../../images/facilityImg04.jpg);}
#facilityTab5 .facilityImg{	background-image: url(../../../images/facilityImg05.jpg);}
/*#facilityTab1 .facilityLogo{background-image: url(../../../images/facilityLogo01.gif);width: 74px;height: 62px;}*/
#facilityTab2 .facilityLogo{background-image: url(../../../images/facilityLogo02.gif);width: 75px;height: 65px;}
#facilityTab3 .facilityLogo{background-image: url(../../../images/facilityLogo03.gif);width: 100px;height: 65px;}
#facilityTab4 .facilityLogo{background-image: url(../../../images/facilityLogo04.gif);width: 74px;height: 62px;}
#facilityTab5 .facilityLogo{background-image: url(../../../images/facilityLogo05.gif);width: 94px;height: 59px;}

/*-------------------------活動訊息Tabs------------------------------*/
/*.tabs_events{
	background-image:url(../../../images/tabs_events.gif);
	background-repeat: no-repeat;
	background-position:left top;
	margin: 0 10px;
	padding:0;
	list-style-type: none;
	text-align: left; 
	width: 25px;
	height:260px;
	float:left;
	display:none;
}
.tabs_events li{
	margin: 0;
	overflow:hidden;
}
.tabs_events li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	background-image:url(../../../images/tabs_events.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}
.tabs_events li.item1{width:25px;height:66px;}
.tabs_events li.item1 a{background-position: 0px 0px;}
.tabs_events li.item1 a.selected{background-position: -25px 0px;}
.tabs_events li.item2{width:25px;height:66px;}
.tabs_events li.item2 a{background-position: 0px -66px;}
.tabs_events li.item2 a.selected{background-position: -25px -66px;}
.tabs_events li.item3{width:25px;height:66px;}
.tabs_events li.item3 a{background-position: 0px -132px;}
.tabs_events li.item3 a.selected{background-position: -25px -132px;}
#eventsTabsContent{
	margin:0 35px;
	zoom:1;
}
#eventsTabsContent .topEvent{
	border-bottom:solid 1px #b8d200;
	padding-bottom:18px;
	zoom:1;
	overflow:hidden;
}
#eventsTabsContent .topEvent img{
	float: left;
	width: 290px;
	height: 183px;
}
#eventsTabsContent .topEvent dl{margin-left:314px;}
#eventsTabsContent .topEvent dl dt{
	margin:0;
	font-size: 1.6em;
	color: #144e61;
}
#eventsTabsContent .topEvent dl dd{
	margin:0;
	font-size: 1.2em;
}
#eventsTabsContent .topEvent dl dd.btn a{
	background-image: url(../../../images/btn18.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	display: block;
	float: right;
	height: 37px;
	width: 68px;
	overflow: hidden;
}
#eventsTabsContent .regEvent{
	margin:24px 7px 16px 7px;
	width:156px;
	vertical-align:top;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	min-height:260px;
	_height:260px;
}
#eventsTabsContent .regEvent img{margin-bottom:12px;}
#eventsTabsContent .regEvent dl{margin:0;}
#eventsTabsContent .regEvent dl dt{
	margin:0;
	font-size: 1.2em;
	line-height:1.2em;
	color: #144e61;
	zoom:1;
}
#eventsTabsContent .regEvent dl dd{
	margin:0;
	font-size: 13px;
	line-height:25px;
	zoom:1;
}
#eventsTabsContent .regEvent dl dd.btn a{
	background-image: url(../../../images/btn19.gif);
	background-repeat: no-repeat;
	text-indent: -2000px;
	display: block;
	height: 15px;
	width: 40px;
	zoom:1;
	overflow: hidden;
	margin-top:4px;
}*/

/*-------------------------關於京站Tabs------------------------------*/
.tabs_aboutQ{
	background-image:url(../../../images/tabs_aboutQsquare.gif);
	background-repeat: no-repeat;
	background-position:left top;
	margin: 0 10px;
	padding:0;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	width: 25px;
	height:313px;
	float:left;
}
.tabs_aboutQ li{
	margin: 0;
	overflow:hidden;
}
.tabs_aboutQ li a{
	display:block;
	text-indent:-2000px;
	overflow:hidden;
	height: 100%;
	width: 100%;
	background-image:url(../../../images/tabs_aboutQsquare.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}
.tabs_aboutQ li.item1{width:25px;height:66px;}
.tabs_aboutQ li.item1 a{background-position: 0px 0px;}
.tabs_aboutQ li.item1 a.selected{background-position: -25px 0px;}
.tabs_aboutQ li.item2{width:25px;height:66px;}
.tabs_aboutQ li.item2 a{background-position: 0px -66px;}
.tabs_aboutQ li.item2 a.selected{background-position: -25px -66px;}
.tabs_aboutQ li.item3{width:25px;height:66px;}
.tabs_aboutQ li.item3 a{background-position: 0px -132px;}
.tabs_aboutQ li.item3 a.selected{background-position: -25px -132px;}
.tabs_aboutQ li.item4{width:25px;height:66px;}
.tabs_aboutQ li.item4 a{background-position: 0px -198px;}
.tabs_aboutQ li.item4 a.selected{background-position: -25px -198px;}
#aboutQTabsContent{margin: 0 35px 0 56px; zoom:1;}
#aboutQTabsContent h2{width:100%;zoom:1;overflow:hidden; }
#aboutQTabsContent p{ font-size:1.2em; margin: 0 0 1em 37px;}
#aboutQTab1 .img{
	float:left;
	width:300px;
	height: 225px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(../../../images/aboutQTabImg1.jpg);
	background-repeat: no-repeat;
}
#aboutQTab2 .img{
	background-image: url(../../../images/brandStoryImg01.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 225px;
	width: 300px;
	text-indent:-2000px;
	overflow:hidden;
}
#aboutQTab2 .infoDiv{margin-left:310px;}
#aboutQTab2 .infoDiv p{ font-size:1.2em; margin: 0 0 1em 0;}
#aboutQTab3 .geoMap{
	background-image: url(../../../images/geo_map.gif);
	background-repeat: no-repeat;
	height: 548px;
	width: 688px;
	text-indent: -3000px;
	overflow: hidden;
	margin:0 0 45px 0;
	padding:0;
	list-style-type:none;
	position:relative;
	background-position: right top;
}
#aboutQTab3 .geoMap li{	position:absolute;}
#aboutQTab3 .geoMap li a{
	width:100%;
	height:100%;
	display:block;
	text-indent: -3000px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#aboutQTab3 .geoMap li.site1{	height: 27px;	width: 65px;  left:195px; top:20px;}/*迪化商圈*/
#aboutQTab3 .geoMap li.site2{	height: 59px;	width: 75px;  left:202px; top:62px;}/*霞海城隍廟*/
#aboutQTab3 .geoMap li.site3{	height: 46px;	width: 63px;  left:201px; top:129px;}/*永樂市場*/
#aboutQTab3 .geoMap li.site4{	height: 58px;	width: 74px;  left:265px; top:7px;}/*大稻埕茶葉*/
#aboutQTab3 .geoMap li.site5{	height: 53px;	width: 86px;  left:297px; top:67px;}/*朝陽茶葉公園*/
#aboutQTab3 .geoMap li.site6{	height: 41px;	width: 63px;  left:387px; top:162px;}/*圓環商圈*/
#aboutQTab3 .geoMap li.site7{	height: 28px;	width: 92px;  left:520px; top:200px;}/*台灣好*/
#aboutQTab3 .geoMap li.site8{	height: 57px;	width: 101px;  left:498px; top:312px;}/*台北當代藝術館*/
#aboutQTab3 .geoMap li.site9{	height: 28px;	width: 82px;  left:442px; top:456px;}/*台北車站*/
#aboutQTab3 .geoMap li.site10{	height: 50px;	width: 63px;  left:299px; top:329px;}/*後站商圈*/
#aboutQTab3 .geoMap li.site11{	height: 63px;	width: 78px; left:87px; top:28px;}/*大稻埕碼頭*/
#aboutQTab3 .geoMap li.site1:hover{	background-image: url(../../../images/geo_site1.png);	}
#aboutQTab3 .geoMap li.site2:hover{	background-image: url(../../../images/geo_site2.png);	}
#aboutQTab3 .geoMap li.site3:hover{	background-image: url(../../../images/geo_site3.png);	}
#aboutQTab3 .geoMap li.site4:hover{	background-image: url(../../../images/geo_site4.png);	}
#aboutQTab3 .geoMap li.site5:hover{	background-image: url(../../../images/geo_site5.png);	}
#aboutQTab3 .geoMap li.site6:hover{	background-image: url(../../../images/geo_site6.png);	}
#aboutQTab3 .geoMap li.site7:hover{	background-image: url(../../../images/geo_site7.png);	}
#aboutQTab3 .geoMap li.site8:hover{	background-image: url(../../../images/geo_site8.png);	}
#aboutQTab3 .geoMap li.site9:hover{	background-image: url(../../../images/geo_site9.png);	}
#aboutQTab3 .geoMap li.site10:hover{	background-image: url(../../../images/geo_site10.png);	}
#aboutQTab3 .geoMap li.site11:hover{	background-image: url(../../../images/geo_site11.png);	}
#aboutQTab3 dl{
	height: 141px;
	margin: 0 0 30px 36px;
	position: relative;
}
#aboutQTab3 dt{
	background-repeat: no-repeat;
	float: left;
	height: 141px;
	width: 141px;
	border: 1px solid #e4e4e4;
	overflow: hidden;
	text-indent: -3000px;
}
#aboutQTab3 dt.geoImg1{ background-image: url(../../../images/geo_img1.jpg); }
#aboutQTab3 dt.geoImg2{ background-image: url(../../../images/geo_img2.jpg); }
#aboutQTab3 dt.geoImg3{ background-image: url(../../../images/geo_img3.jpg); }
#aboutQTab3 dt.geoImg4{ background-image: url(../../../images/geo_img4.jpg); }
#aboutQTab3 dt.geoImg5{ background-image: url(../../../images/geo_img5.jpg); }
#aboutQTab3 dt.geoImg6{ background-image: url(../../../images/geo_img6.jpg); }
#aboutQTab3 dt.geoImg7{ background-image: url(../../../images/geo_img7.jpg); }
#aboutQTab3 dt.geoImg8{ background-image: url(../../../images/geo_img8.jpg); }
#aboutQTab3 dt.geoImg9{ background-image: url(../../../images/geo_img9.jpg); }
#aboutQTab3 dt.geoImg10{ background-image: url(../../../images/geo_img10.jpg); }
#aboutQTab3 dt.geoImg11{ background-image: url(../../../images/geo_img11.jpg); }
#aboutQTab3 dd{
	margin-left: 153px;
	font-size: 1.2em;
}
#aboutQTab3 dd a.gotoTop{
	background-image: url(../../../images/btn03.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 95px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: block;
	font-size: 0px;
	line-height: 0px;	
}
#aboutQTab4 ul.header{
	margin:0;
	padding:0;
	list-style:none;
	border-top: 1px dotted #706f6f;
	border-bottom: 1px dotted #706f6f;
	zoom:1;
	overflow:hidden;
}
#aboutQTab4 ul.header li,#aboutQTab4 ul.body li{
	font-size: 1.2em;
	float: left;
	padding:0.3em 0;
}
#aboutQTab4 ul.header li.subject,#aboutQTab4 ul.body li.subject{ width:85%; margin-right:3%;}
#aboutQTab4 ul.header li.date{width:auto;}
#aboutQTab4 ul.body li.date{width:auto; font-weight:bold; color:#245a6c;}
#aboutQTab4 ul.body{
	margin:0;
	padding:0;
	list-style:none;
	border-bottom: 1px dotted #706f6f;
	zoom:1;
	overflow:hidden;
}