@charset "utf-8";
body{ margin:0px; }
table{ color:#666; }
body, th, td{ font-size:13px; font-family:Verdana; }
form{ margin:0px; }
img{ border:0; }
a{ text-decoration:none; color:#3366CC; }
a:hover{ text-decoration:underline;  }

.must{ color:#FF0000; font-weight:bold; }

#liuqiu{ background:url(images/liuqiu_img01.png) no-repeat; width:291px; height:64px; }
*html #liuqiu {background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/liuqiu_img01.png", sizingMethod="scale"); }
.lan{margin-right:20px; margin-bottom:8px}

#bike_flash{top:-110px;left:-365px;width:380px;height:261px;POSITION: absolute;}

/* search */
#key_search{padding-right:10px; margin-bottom:10px;}
#key_search .s_keyword{width:80px; height:18px; background:#fff; font-size:12px; }
#key_search .s_button{border:0px solid #7e9db9; width:47px; height:18px; font-size:12px; background:url(images/tw/button_search.png) top repeat-x #fff; cursor:pointer;}


.total{font-size:11px; color:#fff; padding-right:5px;}
#top_block{ font-size:12px; padding-top:3px; color:#EEE; }
#top_block a{ color:#FFFFFF;}
#top_block a:hover{ text-decoration:underline; }
#top_block .sep{ padding-left:3px; padding-right:3px; color:#aaa; font-size:10px; }
#home_left_block{ width:243px; }

.left_menu{ background-image:URL('images/tw/left_menu_bg.gif'); background-repeat: repeat-y; width:200px; }
.left_menu td{ color:#EEEEEE; font-family:"新細明體"; }
.left_menu_link{ padding-left:10px; }
.left_menu_sep{ background-image:URL('images/tw/left_menu_sep.png'); width:90%; background-repeat:repeat-x; height:10px; margin-left:8px;}
.left_menu a{ color:#FFFFFF; font-size:15px; }
.left_menu_in{ padding-left:20px; margin-top:7px; }
.left_menu_in a{ color:#FFFFFF; font-size:13px; }
.left_menu .left_padding{ width:3px; }
.left_menu .right_padding{ width:3px; }


.right_web2 td{padding-left:3px; font-size:12px; border-bottom:1px dotted #ddd;}


.curLoc{ color:#33F7FF; font-size:12px; }
.curLoc a{ color:#FFFFFF; }

.dot_line{height:3px; background:URL('images/dot.gif') bottom repeat-x; margin-top:5px; margin-bottom:5px; }

/* 標題 */
.block_title{ border-bottom:2px solid #eee;	font-size:18px;font-weight:bold;color:#308ef2; }
.title_s{ color:#e77302; font-size:15px; }
.title_spot{font-size:18px; color:#1B79D0;}
.title_spot span{color:#ccc;}

.pic_right{float:right; margin-top:5px; margin-left:10px; margin-bottom:5px;}
.pic_left{float:left; margin-top:5px; margin-right:10px; margin-bottom:5px;}

/* 子分頁LINK */
.page_link{ color:#333; margin-top:5px; }
.page_link a{ color:#333; }
a.page_link_cur{ background:#f58613; color:#fff; padding:5px; font-weight:bold; }

.line{background:url(images/tw/line.png) bottom repeat-x; width:750px; height:2px; margin:5px auto;}

.dot_list{ line-height:18px; padding:5px 0 5px 0; background:url(images/dot_line.png) bottom repeat-x; }
.black_link{ color:#333; }
.black_link:hover{ color:#EE3300; }
.gray_link{ color:#555; }
.gray_link:hover{ color:#AA3300; }

.white_link{ color:#FFF; }
.white_link:hover{ color:#FFFF99; }
.blue_link{ color:#0033AA; text-decoration:underline; }
.blue_link:hover{ color:#AA0000; }

/*--月曆的CSS---*/
.pop_calendar_table{ background:#AFD6FF; border:solid 2px #005DBE; }
.pop_calendar_ym_td{ background:#1989FF; border-bottom:2px solid #AECDFF; }
.pop_calendar_year_select, .pop_calendar_month_select{ color:#FFF; font-weight:bold; background:#1989FF; }
.calendar_date_table{ background:#FFF; }
.calendar_date_table td{ background:#EFEFEF; text-align:center; }
.calendar_date_table .calendar_week_td{}
.calendar_date_table .date_row td{  }
.calendar_date_table .cur_month{}
.calendar_date_table .other_month{ background:#DDD; }
.calendar_date_table .cur_date{ background:#D6E6F8; }
.calendar_date_table .disabled{ background:#DDD; color:#D0D0D0; text-decoration:line-through; }

.accesskeytype{ font-size:8px; }


.list_table{ background:#AAA; }
.list_table th{ background:#99CCFF; }
.list_table td{ background:#FEFEFE; }

.errmsg{ font-size:13px; color:#FF0000; border:3px solid #AA0000; background:#FFFF77; padding:10px; width:500px; }

.input_table th{ text-align:right; }
.input_table td{  }
.input_table input{ border:1px solid #AAA; }
.input_table textarea{ border:1px solid #AAA; }

.report_table{ background:#FFF; }
.report_table th{ color:#333; text-align:right; }
.report_table td{ color:#333; }

.info_table{}
.info_table th{ color:#333; text-align:right; background:#FFF; }
.info_table td{ color:#333; background:#FFF; }
.info_table td.line{border-bottom:1px solid #ddd;};
.info_table .title{ color:#333; text-align:right; font-weight:bold; background:#FFF; }

.border_table td{ border-bottom:1px solid #DDD; }
.border_table th{ }

.select * { margin: 0; padding: 0; }
.select span { border:1px solid #cccccc; overflow:hidden; height:100%; }
.select select { margin:-2px; }

/* path */
a.path_print{background:url(images/path_iconprint.png) left no-repeat; padding-left:15px; color:#666;}
.tt5{ padding:20px; text-align:center; color:#AA0000; }

.news_list{ color:#333; border-top:2px solid #308ef2; border-bottom:1px solid #308ef2; }
.news_list th{ background:url(images/tw/news_th.png) bottom repeat-x; border-bottom:1px solid #3377AA; color:#1669c6; }
.news_list td{ border-bottom:1ps dotted #ccc; }


/* Board */
.board_input{border:1px solid #aaa;}
.board_textarea{border:1px solid #aaa;}
.board_add{background:url(images/tw/board_btn_add.png) no-repeat; width:67px; height:24px; border:none; cursor:pointer;}
.board_search{background:url(images/tw/board_btn_search.png) no-repeat; width:38px; height:24px; border:none; cursor:pointer;}
.board_submit{background:url(images/tw/board_btn_submit.png) no-repeat; width:67px; height:24px; border:none; cursor:pointer;}

.board_list{color:#555; line-height:14px;}
.board_list th{background:url(images/tw/board_th.png) top center; color:#36c; padding:8px;}
.board_list th.first{background:url(images/tw/board_th.png) top left;}
.board_list th.last{background:url(images/tw/board_th.png) top right;}
.board_list td{border-bottom:1px solid #ddd; padding-top:3px; padding-right:8px; padding-bottom:3px; padding-left:8px; }
.board_list td a{ color:#000088; }
.board_list td a:hover{color:#880000;}
.board_list td span.date, .board_list td span.date a{font-size:10px; color:#666;}


/* intro */
.intro_content{margin-top:10px; color:#555; letter-spacing:1px;line-height:24px;}


/* travel */
.area_map a{ color:#000066; }
.area_map a:hover{ text-decoration:none; }
.area_map img{ margin:1px; border:2px solid #CCC; }
.area_map_post_link{ color:#333; background:#CCFFCC; }
.area_map_post_link:hover{ background:#FFFF66; }
.area_map_serv_link{ color:#333; background:#FFAAEE; }
.area_map_serv_link:hover{ background:#FFFF66; }
.area_map_eat_link{ color:#333; background:#FFF; }
.area_map_eat_link:hover{ background:#FFFF66; }
.area_map_live_link{ color:#333; background:#FFF; }
.area_map_live_link:hover{ background:#FFFF66; }
.area_map_shop_link{ color:#333; background:#FFF; }
.area_map_shop_link:hover{ background:#FFFF66; }


.road_top{ font-weight:bold; color:#880000; }
.road_down{ font-weight:bold; color:#006622; }


/* spot */
.spots_list{margin-top:2px;}
.spots_list a{color:#666; font-size:11px; }
.spots_list a:hover{color:#06c}
.spots_list .now a{color:#c00; font-weight:bold;}

.spot_btn{background:url(images/tw/spot_btn.png) no-repeat; width:62px; height:21px; border:none; cursor:pointer}

.spot_photo ul{width:570px; margin:0; padding:0; list-style:none;}
.spot_photo ul li{float:left; margin:8px; margin-right:10px;}
.spot_photo ul li div{background:url(images/tw/spot_phtobox.png) bottom right no-repeat; width:172px; height:133px;}
.small_btn{ background:#D0D3C2; border:#D0D3C2 1px outset; height:19px; font-size:11px; }

.photo_list .photo_box{background:url(images/photolist_shadow.png) right bottom no-repeat; padding-bottom:12px;}
.photo_list img{border:1px solid #ddd; border-bottom:none;}


/* vote */
.vote_list .vote_bg{background:url(images/vote_bg.png) bottom no-repeat; width:162px;}
.vote_list .vote_name a{line-height:24px; padding-left:5px; color:#333;}
.vote_list .vote_name a:hover{color:#06c;}
.vote_list input{cursor:pointer;}
.vote_list span{color:#333;}
.vote_result .bar{background:url(images/vote_bar.png) right; height:30px;}
.vote_result b{font-size:15px; padding-left:5px;}


/* pro_pic */
.pro_pic{font-size:13px; color:#333;}
.pro_pic td{position:relative;}
.pro_pic img{background:#fff; margin-top:20px;}
.pro_pic .name{margin-top:3px;}
.pro_pic .popularity{font-size:11px; color:#999; margin-bottom:8px;}
.pro_pic .popularity span{color:#3366CC;}
*html .tape{background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/tw/pro_tape.png", sizingMethod="scale");}
.tape{background:url(images/tw/pro_tape.png) no-repeat; width:81px; height:30px; 
	position:absolute; display:block; top:0px; left:55px;}


/* timetable */
.timetable td{color:#666; font-size:11px;}


/* tides */
.tide_low{ color:#008833; }
.tide_high{ color:#006699; }


/* sailtime */
.sailtime{background:#90b7e1; letter-spacing:1px;}
.sailtime th{text-align:left; font-size:15px; color:#000; padding:6px;}
.sailtime th span{font-size:11px; font-weight:normal;}
.sailtime th.public{background:url(images/sailtime_public.png) right bottom no-repeat #f9e6e6; height:46px;border-top:3px solid #d30f0f;}
.sailtime th.private{background:url(images/sailtime_private.png) right bottom no-repeat #ffefdd; height:46px;border-top:3px solid #f3890c;}
.sailtime td{background:#fff;}
.sailtime table .title{border-top:1px solid #ccc; border-bottom:1px solid #ccc;background:#eee; padding-top:6px; padding-bottom:4px;}
.sailtime table .time{border-bottom:1px solid #ccc; padding:2px;}
.sail_table{letter-spacing:1px; line-height:18px;}
.sail_table th{border-bottom:2px solid #ccc; vertical-align:top; text-align:left; color:#333; }
.sail_table td{ background:url(images/dot_line.png) bottom repeat-x;padding-bottom:13px; line-height:18px;}


/* goto liuqiu */
.gotoliuqiu td{background:url(images/bike_line.png) bottom repeat-x; }
.gotoliuqiu td ul{list-style-image:url(images/li_icon01.png); letter-spacing:1px; padding:0; margin-left:14px;line-height:18px;}
.gotoliuqiu td li{padding-bottom:3px;}
.gotoliuqiu td ul.time{list-style-image:url(images/li_icon_time.png); letter-spacing:1px; padding:0; margin-left:14px;line-height:18px;}


/* bike information */
.bike_info th, .bike_info td{background:url(images/bike_line.png) bottom repeat-x; padding-top:20px; padding-bottom:20px;}
.bike_info td{line-height:24px; letter-spacing:1px;}
.bike_info .last{background:none;}


/* Tel */
.phone_A{background:#eeffd4; border:2px solid #7fc018;}
.phone_lineA{background:url(images/phone_lineA.png) top repeat-x;}
.phone_colorA{color:#339900;}
.phone_B{background:#ffdada; border:2px solid #bf0606;}
.phone_lineB{background:url(images/phone_lineB.png) top repeat-x;}
.phone_colorB{color:#cc0000;}
.phone_C{background:#ffebcf; border:2px solid #ee8c00;}
.phone_lineC{background:url(images/phone_lineC.png) top repeat-x;}
.phone_colorC{color:#cc6600;}


/* travel_live */
.live_title, .live_title a{color:#a15203;font-size:15px; font-weight:bold;}
.live_title span.intro{color:#bb714c; font-size:13px; letter-spacing:1px; font-weight:normal;}

.eat_title a{ color:#CC6699;font-weight:bold; font-size:15px; }

/* 其他商家 */
.shop_title a{ font-weight:bold; color:#0066FF; font-size:15px; }
.shop_title a:hover{ text-decoration:underline; }


/* update */
.update{margin-top:28px; margin-bottom:14px;}
.update .update_bg{background:url(images/update_img02.png) top repeat-x; height:34px;}
.update .update_c1{width:160px; font-size:11px;}
.update .update_c2{width:160px; font-size:11px;}
.update .font_org{color:#f90;}


.block_link{ font-size:1px; color:#FFFFFF; }


/* footer */
.footer{background:url(images/tw/footer_bg.png) no-repeat;height:94px;color:#666;line-height:150%;padding-left:250px;padding-top:15px;}
.footer span{font-size:11px; line-height:18px;}
.footer .aplus{float:right; margin-right:20px;}
.footer .gov{float:right; margin-right:20px;}


/* sitemap */
.sitemap_table{margin-top:15px; margin-bottom:15px; line-height:20px;background:url(images/sitemap_bg.jpg) right bottom no-repeat;}
.sitemap_table .group{width:70%; padding-bottom:10px; border:0px solid #ccc;}
.sitemap_table .s_menu{
	color:#000; padding-top:5px; padding-bottom:5px; 
	border-top:3px solid #ddd; border-bottom:3px solid #ddd; margin-bottom:5px;}
.sitemap_table .s_menu a{color:#1b83f2;}
.sitemap_table .s_sub{padding-left:18px;}


/* banner */
.banner{ border:1px solid #dedede;}
.banner th{background:#c6e6ff;color:#069;}
.banner td{ text-align:center;color:#333; border-bottom:1px solid #efefef; font-family:Arial, Helvetica, sans-serif;}
.banner div{font-size:11px; line-height:18px;}


.page{ font-size:13px; text-align:center; margin-top:15px; margin-bottom:15px; }


.content_spot{margin-top:10px; color:#555; letter-spacing:1px; line-height:22px;}
.content{ color:#333; line-height:150%; letter-spacing:1px; }
.content table{ color:#333; line-height:150%; }
.content hr{ border:0px; height:1px; }




/* 內文用STYLE */
.icon_list{ list-style-image:url(images/tw/li_icon01.png); letter-spacing:1px; padding:0; margin:0px; margin-top:14px; margin-left:14px; line-height:18px; }
.icon_list{ padding-bottom:3px; }

/* 景點相片 */
.photo1{width:116px; height:97px; position:relative; overflow:hidden;}
.photo1 img{ width:120px; }
.photo2{width:122px; height:97px; position:relative; overflow:hidden; background:#ccc no-repeat;}
.photo2 img{ width:130px; }
.photo3{width:125px; height:97px; position:relative; overflow:hidden; background:#ccc no-repeat;}
.photo3 img{ width:126px; }
.photo4{width:118px; height:97px; position:relative; overflow:hidden; background:#ccc no-repeat;}
.photo4 img{ width:127px; }

.photo_box1{background:url(images/tw/home_photo_bg1.png) no-repeat; width:116px; height:97px; position:absolute; display:block;}
*html .photo_box1 {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/tw/home_photo_bg1.png", sizingMethod="scale");}
.photo_box2{background:url(images/tw/home_photo_bg2.png) no-repeat; width:122px; height:97px; position:absolute; display:block; }
*html .photo_box2 {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/tw/home_photo_bg2.png", sizingMethod="scale");}
.photo_box3{background:url(images/tw/home_photo_bg3.png) no-repeat; width:125px; height:97px; position:absolute; display:block;}
*html .photo_box3 {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/tw/home_photo_bg3.png", sizingMethod="scale");}
.photo_box4{background:url(images/tw/home_photo_bg4.png) no-repeat; width:118px; height:97px; position:absolute; display:block; }
*html .photo_box4 {background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/tw/home_photo_bg4.png", sizingMethod="scale");}
	
.photobottom{width:527px; height:30px; background:url(images/tw/home_photo_bottom.png) no-repeat; color:#333; position:relative;}
#photo_name1{position:absolute; top:-10px; left:30px; width:100px; text-align:right; z-index:201;}
#photo_name2{position:absolute; top:-7px; left:156px; width:100px; text-align:right; z-index:202;}
#photo_name3{position:absolute; top:-12px; left:278px; width:100px; text-align:right; z-index:203;}
#photo_name4{position:absolute; top:-10px; left:395px; width:100px; text-align:right; z-index:204;}
	
.photo_name{ font-size:12px; }
.photo_name a{ color:#333; }