@charset "utf-8";
@import url("reset.css");
/* CSS Document */

.text_01 { font-size:12px; font-family:Arial; color:#666666; line-height:20px; background:url(images/form_bg.jpg); background-position:center top; background-repeat:no-repeat; padding:10px 30px;}
.text_01 span{ font-weight:bold; color:#5397c5; }
.footer {font-family:Arial; font-size:12px; color:#7d7d7d; line-height:24px; background-image:url(images/footer.jpg); background-position:top; background-repeat:no-repeat; padding:10px 15px;}
.footer a{color:#7d7d7d; padding:0 2px; text-decoration:none;}
.footer a:hover{color:#09a0c6; }
.proclaim_t{ font-family:Arial; color:#666; font-size:12px; line-height:24px; background-image:url(images/proclaim_bg.jpg); background-position:left top; background-repeat:no-repeat; padding:100px 100px 20px 100px; }
.faq_t{ font-family:Arial; color:#666; font-size:12px; line-height:24px; background-image:url(images/faq.jpg); background-position:left top; background-repeat:no-repeat; padding:100px 100px 20px 100px; }
.map_t{ font-family:Arial; color:#666; font-size:12px; line-height:24px; background-image:url(images/map.jpg); background-position:left top; background-repeat:no-repeat; padding:100px 100px 20px 100px; }
.map_buttom{ font-family:Arial; color:#666; font-size:12px; line-height:24px; background-image:url(images/map_buttom.jpg); background-position:left top; background-repeat:no-repeat; padding:100px 100px 0 100px; }

.location{ padding:5px 0 0 0px;}

.location_c{ font:12px Arial; letter-spacing:1px; padding:4px;}

.text_01 li.list { display:block; height:35px; background-image:url(images/dot_line.gif); background-position:left bottom; background-repeat: repeat-x; line-height:35px; color:#8bbedf;}
.text_01 li.last { display:block; height:35px; line-height:35px; color:#8bbedf;}
.text_01 li a { color:#51a5dd; text-decoration:none;}
.text_01 li a:hover { color:#8bbedf; text-decoration:none;}

.MM_BOX { font-size:12px; font-family:Arial; color:#666666; line-height:20px; padding:5px 5px;}
.MM_BOX li.list { display:block; height:35px; background-image:url(images/dot_line.gif); background-position:left bottom; background-repeat: repeat-x; line-height:35px; color:#8bbedf;}
.MM_BOX li.last { display:block; height:35px; line-height:35px; color:#8bbedf;}
.MM_BOX li a { color:#51a5dd; text-decoration:none;}
.MM_BOX li a:hover { color:#8bbedf; text-decoration:none;}

.list{height:35px; background-image:url(images/dot_line.gif); background-position:left bottom; background-repeat: repeat-x; line-height:35px; color:#8bbedf;}
.list a { color:#51a5dd; text-decoration:none;}
.list a:hover { color:#8bbedf; text-decoration:none;}
.last{height:35px; line-height:35px; color:#8bbedf;}
.last a { color:#51a5dd; text-decoration:none;}
.last a:hover { color:#8bbedf; text-decoration:none;}

/*語系*/
.TOP1 .menu01 li.lang{ font:12px Arial; color: #c9c9c9;   text-align:center;}
.TOP1 .menu01 li.lang a{ font:12px Arial; color: #c9c9c9; width:50px; height:15px; display:block; text-decoration:none;   padding:2px 0 0 0 ;}
.TOP1 .menu01 li.lang a:hover{ font: 12px/15px Arial; color: #333;  }

/* TOP區 */

.TOP1{  position:relative; margin:0 auto; width:988px; height:107px; background-image:url(images/newtop_21.gif); background-repeat:no-repeat; background-position:right bottom; margin-bottom:5px;}

.TOP1 .logo{ position:absolute; left:0; top:0;}

.TOP1 h1{ position:absolute; right:0; bottom:0;  text-indent:-9999px;}

.TOP1 ul.menu01{ position:absolute; right:18px; top:8px;}

.TOP1 li{ float:left;}
.TOP1 li.plan a{ display:block; width:76px; height:15px; background-image:url(images/newtop_04.gif); background-repeat:no-repeat; background-position:right top; text-indent:-9999px; border-left:#CCC 1px solid; padding:0 0 0 8px;}

.TOP1 li.plan a:hover{ display:block; width:76px; height:15px; background-image:url(images/newtop_o_04.gif); background-repeat:no-repeat; background-position:right top; text-indent:-9999px;}

.TOP1 li.login a{ display:block; width:72px; height:15px; background-image:url(images/newtop_05.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.login a:hover{ display:block; width:72px; height:15px; background-image:url(images/newtop_o_05.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.login_ok a{ display:block; width:72px; height:15px; background-image:url(images/newtop_05_1.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.login_ok a:hover{ display:block; width:72px; height:15px; background-image:url(images/newtop_05_1_o.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.account a{ display:block; width:72px; height:15px; background-image:url(images/newtop_06.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.account a:hover{ display:block; width:72px; height:15px; background-image:url(images/newtop_o_06.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 ul.menu02{ position:absolute; right:18px; bottom:7px; width:612px; height:60px;}

.TOP1 li.top_m1 a{ display:block; width:105px; height:30px; background-image:url(images/newtop_09.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m1 a:hover{ display:block; width:105px; height:30px; background-image:url(images/newtop_o_09.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m2 a{ display:block; width:105px; height:30px; background-image:url(images/newtop_10.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m2 a:hover{ display:block; width:105px; height:30px; background-image:url(images/newtop_o_10.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m3 a{ display:block; width:104px; height:30px; background-image:url(images/newtop_11.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m3 a:hover{ display:block; width:104px; height:30px; background-image:url(images/newtop_o_11.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m4 a{ display:block; width:102px; height:30px; background-image:url(images/newtop_12.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m4 a:hover{ display:block; width:102px; height:30px; background-image:url(images/newtop_o_12.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m5 a{ display:block; width:104px; height:30px; background-image:url(images/newtop_13.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m5 a:hover{ display:block; width:104px; height:30px; background-image:url(images/newtop_o_13.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m6 a{ display:block; width:92px; height:30px; background-image:url(images/newtop_14.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m6 a:hover{ display:block; width:92px; height:30px; background-image:url(images/newtop_o_14.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m7 a{ display:block; width:105px; height:30px; background-image:url(images/newtop_15.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m7 a:hover{ display:block; width:105px; height:30px; background-image:url(images/newtop_o_15.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m8 a{ display:block; width:105px; height:30px; background-image:url(images/newtop_16.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m8 a:hover{ display:block; width:105px; height:30px; background-image:url(images/newtop_o_16.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m9 a{ display:block; width:104px; height:30px; background-image:url(images/newtop_17.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m9 a:hover{ display:block; width:104px; height:30px; background-image:url(images/newtop_o_17.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m10 a{ display:block; width:102px; height:30px; background-image:url(images/newtop_18.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m10 a:hover{ display:block; width:102px; height:30px; background-image:url(images/newtop_o_18.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m11 a{ display:block; width:104px; height:30px; background-image:url(images/newtop_19.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m11 a:hover{ display:block; width:104px; height:30px; background-image:url(images/newtop_o_19.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

.TOP1 li.top_m12 a{ display:block; width:92px; height:30px; background-image:url(images/newtop_20.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 li.top_m12 a:hover{ display:block; width:92px; height:30px; background-image:url(images/newtop_o_20.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}

/* 最新表頭 */



/* 上方 */
.TOP1 .NEW0531_menu02{ position:absolute; right:12px; top:49px; width:602px; height:15px;}

.TOP1 .NEW0531_menu02 li.NEWtop_m1 a{display:block; width:71px; height:15px; background-image:url(images/new_topbtn01.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m1 a:hover{ background-image:url(images/new_topbtn01_o.gif); background-repeat:no-repeat; background-position:left top;}

.TOP1 .NEW0531_menu02 li.NEWtop_m2 a{display:block; width:71px; height:15px; background-image:url(images/new_topbtn02.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m2 a:hover{ background-image:url(images/new_topbtn02_o.gif); background-repeat:no-repeat; background-position:left top;}

.TOP1 .NEW0531_menu02 li.NEWtop_m3 a{display:block; width:71px; height:15px; background-image:url(images/new_topbtn03.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m3 a:hover{ background-image:url(images/new_topbtn03_o.gif); background-repeat:no-repeat; background-position:left top;}

.TOP1 .NEW0531_menu02 li.NEWtop_m4 a{display:block; width:72px; height:15px; background-image:url(images/new_topbtn04.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m4 a:hover{ background-image:url(images/new_topbtn04_o.gif); background-repeat:no-repeat; background-position:left top;}

.TOP1 .NEW0531_menu02 li.NEWtop_m5 a{display:block; width:56px; height:15px; background-image:url(images/new_topbtn05.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m5 a:hover{ background-image:url(images/new_topbtn05_o.gif); background-repeat:no-repeat; background-position:left top;}

.TOP1 .NEW0531_menu02 li.NEWtop_m6 a{display:block; width:71px; height:15px; background-image:url(images/new_topbtn06.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m6 a:hover{ background-image:url(images/new_topbtn06_o.gif); background-repeat:no-repeat; background-position:left top;}

.TOP1 .NEW0531_menu02 li.NEWtop_m7 a{display:block; width:72px; height:15px; background-image:url(images/new_topbtn07.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m7 a:hover{ background-image:url(images/new_topbtn07_o.gif); background-repeat:no-repeat; background-position:left top;}

.TOP1 .NEW0531_menu02 li.NEWtop_m8 a{display:block; width:71px; height:15px; background-image:url(images/new_topbtn08.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m8 a:hover{ background-image:url(images/new_topbtn08_o.gif); background-repeat:no-repeat; background-position:left top;}

.TOP1 .NEW0531_menu02 li.NEWtop_m9 a{display:block; width:47px; height:15px; background-image:url(images/new_topbtn09.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu02 li.NEWtop_m9 a:hover{ background-image:url(images/new_topbtn09_o.gif); background-repeat:no-repeat; background-position:left top;}


/* 下方 */
.TOP1 .NEW0531_menu03{ position:absolute; right:12px; top:75px; width:602px; height:24px;}

.TOP1 .NEW0531_menu03 li.NEW2top_m1 a{display:block; width:103px; height:24px; background-image:url(images/new_mainbtn01.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu03 li.NEW2top_m1 a:hover{ background-image:url(images/new_mainbtn01_o.gif); background-repeat:no-repeat; background-position:left top; }

.TOP1 .NEW0531_menu03 li.NEW2top_m2 a{display:block; width:103px; height:24px; background-image:url(images/new_mainbtn02.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu03 li.NEW2top_m2 a:hover{ background-image:url(images/new_mainbtn02_o.gif); background-repeat:no-repeat; background-position:left top; }

.TOP1 .NEW0531_menu03 li.NEW2top_m3 a{display:block; width:101px; height:24px; background-image:url(images/new_mainbtn03.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu03 li.NEW2top_m3 a:hover{ background-image:url(images/new_mainbtn03_o.gif); background-repeat:no-repeat; background-position:left top; }

.TOP1 .NEW0531_menu03 li.NEW2top_m4 a{display:block; width:103px; height:24px; background-image:url(images/new_mainbtn04.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu03 li.NEW2top_m4 a:hover{ background-image:url(images/new_mainbtn04_o.gif); background-repeat:no-repeat; background-position:left top; }

.TOP1 .NEW0531_menu03 li.NEW2top_m5 a{display:block; width:101px; height:24px; background-image:url(images/new_mainbtn05.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu03 li.NEW2top_m5 a:hover{ background-image:url(images/new_mainbtn05_o.gif); background-repeat:no-repeat; background-position:left top; }

.TOP1 .NEW0531_menu03 li.NEW2top_m6 a{display:block; width:91px; height:24px; background-image:url(images/new_mainbtn06.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.TOP1 .NEW0531_menu03 li.NEW2top_m6 a:hover{ background-image:url(images/new_mainbtn06_o.gif); background-repeat:no-repeat; background-position:left top; }

/* POI下載連結 */
#down_fla{ position:relative; width:520px; height:56px;  float:right;}
#quickmenu{
	position:absolute;
	background:url(images/quickmenu_1.gif) left top no-repeat;
	height:52px;
	top: 0px;
	bottom: 10px;
	left: -470px;
}
.quickmenu_t{
	background:url(images/quickmenu_1.gif) left top no-repeat;
	font:12px Arial;
	color:#535353;
	padding:4px 0 0 40px;
	font-size: 12px;
}

/* 旅遊計畫 */
.t_plan_downline { border-bottom:#CCC 1px solid; padding:0  0 2px 2px; }
.form_style input{ border:#7c9eba solid 1px; padding:2px; font-family:Arial; font-size:12px; color:#666;}
.t_plan_t1{ font:bold 12px/28px  Arial; color:#ffffff; border-right:#FFF 2px solid;}
.t_plan_t2{ font: 12px/24px Arial; color:#87be63; padding:0 0 0 5px; border-bottom:#CCC 1px solid;}
.t_plan_t2 a{ color:#87be63; text-decoration:none;}
.t_plan_t2 a:hover{ color:#468919; text-decoration:underline;}
.t_plan_input{ font: 12px Arial; color: #666; padding:3px 2px;  border:#CCC 1px solid ; margin:5px 5px;}
.t_plan_t3{ font: bold 12px/24px Arial; color: #666666; text-decoration: none; padding:0 3px; }
.t_plan_t4{ font: 12px/24px Arial ; color: #666666;text-decoration: none; margin:0 2px ; padding:2px ;}
.t_plan_t4 td{ font: 12px/24px Arial ; color: #666666; text-decoration: none; margin:0 2px ; }
.t_plan_t4 span{ color: #ffae00;}
.t_plan_t5{ font: bold 12px/24px Arial; color: #7fae60; text-decoration: none; padding:0 3px; }
.t_plan_t6{ font: bold 12px/24px Arial ; color: #ffffff; padding:0 0 0 5px;}
.t_plan_pic1{ border:#CCC 1px solid ; padding:1px;}
.t_plan_each{ width:968px; margin:8px; border-bottom:#CCC 1px solid ; padding:0 0 3px 0;}
.t_plan_each2{ width:968px; margin:8px;  padding:0 0 3px 0;}
.t_plan_t7{ font: 12px/24px Arial; color:#333333; padding:0 0 0 5px; }
.t_plan_t7 a{ color:#7fae60; text-decoration:none;}
.t_plan_t7 a:hover{ color:#8bbedf; text-decoration:underline;}
.t_plan_t8{ font:bold 16px/24px Arial; color:#333333; background:url(images/t_title_pic.jpg) no-repeat center left; padding:0 0 0 30px;}
.t_score_t4 {
	font-family: Arial;
	font-size: 12px;
	color: #5397c5;
	padding:0 8px 0 8px;
}
.t_score_t4 a{
	color: #5397c5;
	text-decoration: none;
}
.t_score_t4 a:hover{
	color: #F90;
	text-decoration: underline;
}
.store_t04{ font: 12px Arial; color:#666; padding:0 0 0 5px;}
 .store_t04 a{ color: #5397c5; text-decoration: none; }
 .store_t04 a:hover{color: #F90; text-decoration: underline;}

/* 旅遊計畫彈跳視窗 */
.t_day{ width:600px; display:block; text-align:left;}
.t_day_mark2{font:bold 12px/24px Arial ; color: #ffae00; padding:0 0 5px 0;}

.spot_search{ width:600px; display:block; }
.spot_search2{ width:600px; display:block; }
.t_day_mark{ font:bold 12px/24px Arial ; color: #ff0000;}
.t_day_mark a{ color: #2e81e8; text-decoration:underline;}
.t_day_mark a:hover{color: #80AAD5; text-decoration:underline; }
.text_01 table tr .list table tr td {
	text-align: left;

}
.text_01 table tr .last table tr td {
	text-align: left;
}
.text_01 table tr .list table {
	text-align: right;
}
/* 座標數字太多時的字級 */
.quickmenu_t h6 {
	font-size: 11px;
	font-weight:normal;

}

/* 嚴選商品 */
.select_items_box{ width:150px; height:138px; display:block; margin:8px 7px; float:left;}

/* 0818版頭加上氣候圖示 */
.weather_box{ position:absolute; left:375px; top:4px; font:12px/20px Arial; color: #c9c9c9; }
.weather_box span{  left:375px; top:4px; font:bold 12px/20px Arial; color: #559acd; padding:0 0 0 5px;}

.FACEBOOK{
	text-align:right;}

/* FACEBOOK */
.fb{ float:right; font:12px Arial, Helvetica, sans-serif ; color:#666; line-height:24px;}