﻿Body { margin: 5px 0px 0px 0px; background-color: #ffffff; font-size: 76%; }
/*--------------------------------------------------------------------------------框架頁共用------------ */

/* ---bar設定(足跡)--- */
.bar {color: #999999; padding: 5px 15px 3px 10px; background: url(../../images/bar_bk.jpg) no-repeat right top ;}
.bar a:visited {color:#666666;}
.bar a:link {color:#666666;}
.bar a:hover { color:#999999; }

/*--------下方設定------------ */
.base {padding-right: 10px; padding-left: 145px; background: url(../../images/index_u2.jpg) no-repeat; line-height: 18px;}
.basebox{padding-left:12px; }


/*--------------------------------------------------------------------------------中間內文設定------------ */
/*--框架版   A:一般版, B:景點用(有底色), Z:行政資訊網--*/
.case_A1 { background: url(../../images/case_Aa.jpg) no-repeat; }
.case_A1 td.phead {font-size: 15px; color: #ffffff; padding: 15px 5px 5px 0px; background: url(../../images/case_A2.jpg);}
.case_A2 { padding: 5px 20px 5px 24px;}
.case_B1 { background: url(../../images/case_Ba.gif) right bottom no-repeat scroll; }
.case_B1 td.phead {font-size: 15px; color: #ffffff; padding: 15px 5px 5px 0px; background: url(../../images/case_B2.jpg);}
.case_B2 {padding: 5px 30px 5px 34px; background: url(../../images/case_Bb.jpg) no-repeat scroll left top;} 


/*--內文照片框--*/
.case_photo {border: 1px solid #E6E6E6; border-collapse:collapse; background-color:#FFFFFF;}
.case_photo td, .case_photo th{border: 1px solid #E6E6E6; padding: 4px;}

/*------景點相簿框---*/
.view1 { background: url(../../images/viewbk1.jpg) right bottom no-repeat scroll; vertical-align:bottom;}
.view2 { background: url(../../images/viewbk2.jpg); padding-top:10px; text-align:center;}

/*--------------------------------------------------------------------------------左邊設定------------ */

.left1 {color: #B9FBFF; background: url(../../images/left1_bk1.gif);}
.left1 div a:visited {color:#EFF9FF;}
.left1 div a:link {color:#EFF9FF;}
.left1 div a:hover { color:#B9FBFF; }
.left1 div  {padding: 3px 15px 3px 44px; background:url(../../images/left1_ico.gif) no-repeat scroll left top;}


.left1bk { background: url(../../images/left1_bk2.jpg) no-repeat scroll left bottom;}

/*--縱谷新訊--*/
.left2 {color: #FFFF66; background: url(../../images/left2_bk1.gif);}
.left2 div a:visited {color:#FDFFC8;}
.left2 div a:link {color:#FDFFC8;}
.left2 div a:hover { color:#FFFF66; }
.left2 div  {line-height: 18px; padding: 3px 15px 3px 44px; background:url(../../images/left2_ico.gif) no-repeat scroll left top;}

.left3bk { background: url(../../images/left2_bk2.jpg) no-repeat scroll left bottom;}

/*--縱谷景點--*/
.left3 {color: #FEFF97; background: url(../../images/left3_bk1.gif);}
.left3 div a:visited {color:#F6FFD7;}
.left3 div a:link {color:#F6FFD7;}
.left3 div a:hover { color:#FEFF97; }
.left3 div  {line-height: 18px; padding: 3px 15px 3px 32px; background: url(../../images/left3_ico.gif) no-repeat scroll left top;}

.left3bk { background: url(../../images/left3_bk2.jpg) no-repeat scroll left bottom;}

/*--縱谷漫遊--*/
.left4 {color: #D8FC82; background: url(../../images/left4_bk1.gif);}
.left4 div a:visited {color:#EEFFDC;}
.left4 div a:link {color:#EEFFDC;}
.left4 div a:hover { color:#D8FC82; }
.left4 div  {line-height: 18px; padding: 3px 15px 3px 44px; background:url(../../images/left4_ico.gif) no-repeat scroll left top;}

.left4bk { background: url(../../images/left4_bk2.jpg) no-repeat scroll left bottom;}

/*--建議行程--*/
.left5 {color: #FFFF66; background: url(../../images/left5_bk1.gif);}
.left5 div a:visited {color:#FDFFC8;}
.left5 div a:link {color:#FDFFC8;}
.left5 div a:hover { color:#FFFF66; }
.left5 div  {line-height: 18px; padding: 3px 15px 3px 44px; background:url(../../images/left5_ico.gif) no-repeat scroll left top;}

.left5bk { background: url(../../images/left5_bk2.jpg) no-repeat left bottom;}

/*--節慶活動--*/
.left6 {color: #FFFF66; background: url(../../images/left6_bk1.gif);}
.left6 div a:visited {color:#FDFFC8;}
.left6 div a:link {color:#FDFFC8;}
.left6 div a:hover { color:#FFFF66; }
.left6 div  {line-height: 18px; padding: 3px 15px 3px 44px; background:url(../../images/left6_ico.gif) no-repeat scroll left top;}
.left6bk { background: url(../../images/left6_bk2.jpg) no-repeat scroll left bottom;}


/*--------------------------------------------------------------------------------右邊設定------------ */
/*--功能表--*/
.functop {background: url(../../images/function_bk_top.jpg) no-repeat scroll left top; }
.function { background: url(../../images/function_bk2.jpg);}
.serch {padding:4px 2px 5px 10px; background: url(../../images/serch_bk.jpg);}


/*--共用例如-相關連結--*/
.function_inbk div {padding: 0px 13px 3px 33px; background: url(../../images/function_ico.gif) no-repeat scroll left top;}

/*--縱谷翦影--*/
.photo {background: url(../../images/photo01.jpg);}
.right03a { text-align:left; padding: 0px 3px 1px 15px; background: url(../../images/photo_ico.gif) no-repeat scroll left top;}
.right03a a:visited {color:#FFFFE1;}
.right03a a:link {color:#FFFFE1;}
.right03a a:hover { color:#FFF988; }


/*--------------------------------------------------------------------------------各內頁設定區------------ */

.paper {padding: 5px 15px 5px 110px; background: url(../../images/paper_bk.gif) no-repeat scroll left top; line-height:22px;}

/*------表格-有底色的電子報---*/
.form_bk {border: 1px solid #ffffff; border-collapse:collapse; background-color: #F8F5DD;}
.form_bk td {border: 1px solid #ffffff; padding: 4px;}  /*--內隔線--*/
.form_bk th {border: 1px solid #ffffff;	padding: 4px; background-color: #B6CA77; color: #ffffff; font-weight: lighter;} /*--表頭處--*/
.form_bk tr.altrow {background-color: #F7F0CD;}/*--有底色--*/

.form_ppr1 { margin-bottom:1px;}
.form_ppr1 td { background-color:#F8F5DD; color:#333333;}

.form_ppr2 { margin-bottom:1px;}
.form_ppr2 td { background-color:#F7F0CD; color:#284775;}

.news_pa { border:1px solid #DBD19E; background-color:#FFFEF5 ; padding:4px; margin:5px 12px 3px 5px;}

/*--rss--*/
.rss td{color: #999999;}
.rss a:visited {color:#F7941D;}
.rss a:link {color:#F7941D;}
.rss a:hover { color:#FEBB78; }

/*--旅遊小幫手--*/
.memo_line td { background: url(../../images/line_x_dark.gif) repeat-x scroll bottom;}


/*-------------------------------縱谷剪影----------------------------------*/
 
.digital_div  {color:#E79108 ; background: url(../../images/line_x_digital2.gif) repeat-x scroll bottom; margin-bottom: 4px ;}
.digital_ph {border: 1px solid #E7D6BE; background-color:#ECE8BD;padding: 3px;  }
 
/*-兩邊綠色漸層--*/
.downgree1 {background: url(../../images/down_gree1.jpg) no-repeat scroll left top;}
.downgree2 {background: url(../../images/down_gree2.jpg) no-repeat scroll left top;}
 
/*-選單底色--*/
.down_inbk1 {background: url(../../images/down_base2_1.jpg) no-repeat scroll bottom;}
.down_inbk1 div {padding: 3px 8px 3px 23px; 
                 line-height: 16px;
                 background:url(../../images/down_inbk_ico.gif) no-repeat scroll left top;}
.down_inbk1 div a:link  {color:#8A8155;text-decoration:none;}
.down_inbk1 div a:visited {color:#8A8155;text-decoration:none;}
.down_inbk1 div a:hover  {color:#B69700;}
 
/*-內容底色--*/
.down_inbk2 { padding:0px 18px 0px 18px; background: url(../../images/down_inbk2.jpg) ;}
 
.down_ti {padding: 0px 0px 3px 15px; color:#8A8155; 
          background:url(../../images/down_ti_ico.gif) no-repeat scroll left top;}
 
 
/*-相簿框--小的*/
.down_sph { background-color:#FFFFFF; border: 1px solid #ECE9CA; line-height: 16px; }
.down_sph img { height:93px;width:131px; margin:3px;} 
.down_sph div {margin:3px;}
 
/*-相簿框--大的*/
.down_bph {margin-top:2px; background-color:#FFFFFF; border: 1px solid #ECE9CA;}
/*-桌布*/
.down_desk {padding: 20px 35px 0px 40px; background:url(../../images/down_deskbk.gif) no-repeat scroll left top; height:405px;}
.down_desk td img { border: 1px solid #ECE9CA; height:135px;width:190px;} 

/*-虛擬實境--*/
.down_guide { width:520px; background:url(../../images/down_guide.gif) no-repeat left top; margin-left: auto ;margin-right: auto ;padding: 35px 0px 28px 20px;}
 
.down_next { padding-top:8px; padding-left:3px; color:#8A8155}
.down_next .dhead {border-bottom:1px solid #8A8155;}
.down_moviebk {padding: 26px 0px 45px 25px; background:url(../../images/down_moviebk.gif) no-repeat scroll left top;}



/*-旅遊分享--*/
.blog_line {background: url(../../images/bk_line.gif) repeat-x bottom; line-height: 5px;}
.blog_arrow {padding-left: 40px ; padding-top: 6px ; background: url(../../images/blog_a.gif) no-repeat scroll left top;}
.blog_arrow a:link		{color:#F7941D;text-decoration:none;font-size: 15px;}
.blog_arrow a:visited	{color:#F7941D;text-decoration:none;font-size: 15px;}
.blog_arrow a:hover		{color:#EE4900;font-size: 15px;}

.blog3_bk {background: url(../../images/blog3_bk.jpg);}
.blog3_title { padding-top: 12px ; color:#333333;font-size: 15px;}
.blog3_sp { padding-left: 30px ; color:#F7941D;}
.blog3_in { padding: 10px 30px 5px 30px; }

.blog3_bk2 {background: #f0f0f0;}
.blog3_title2 { padding-top: 5px ; }

.blog4_bk {background: url(../../images/blog4_bk.jpg);}

/*-縱谷漫遊內頁照片框--*/
.trip_inph {background: url(../../images/trip_inph_bk2.jpg);}



/*------------------PDA----------------------- background:url(../../images/ingift_ico.gif) no-repeat left top;*/
.pda { border: 1px solid #BAE0F5; background: url(../../images/pda_bk.jpg) no-repeat scroll left top;}
.pda_break {padding:8px 10px 5px 10px}

.pdaitem {padding: 2px 10px 10px 5px; font-weight: lighter; text-align: left;}
.pdahead { color: #E2620C;padding:7px 0px 3px 10px ;font-size:15px;}
.pdacell {padding:4px 0px 2px 17px ;background: url(../../images/line_x.gif) repeat-x scroll bottom; }
.pda_blank { background: url(../../images/line_x_dark.gif) repeat-x top; padding:15px 10px 5px 20px;}
.pda_menu { }
.pda_menu td {padding: 3px 3px 3px 23px; background: url(../../images/next_menu.gif) no-repeat scroll left top; font-size:11px;}

/*------投票---*/
.vote { background: url(../../images/vote_bk.gif) no-repeat scroll left top; padding:0px 5px 12px 80px;}
.vote div { margin-bottom:10px;}
.vote .items { margin:0px 20px 10px 12px;}
.vote a:link  {color:#F7941D;}
.vote a:visited {color:#F7941D;}
.vote a:hover  {color:#EE4900;}
.suvline { background: url(../../images/vote_ba.jpg) no-repeat scroll right top}

/*------建議行程預估花費---*/
.cost1{padding: 18px 0px 5px 30px;color:#F26522; background:#F0F0F0 url(../../images/cost1.gif) no-repeat scroll left top;}
.cost2{padding: 5px 0px 5px 30px; background:url(../../images/cost2.gif);}

/*------識別標誌底圖---*/
.id_bk {padding: 15px 40px 15px 20px; background: url(../../images/id_bk.gif) no-repeat scroll left top;}
.id_bk a:link		{color:#F07A15;text-decoration:none;}
.id_bk a:visited	{color:#F07A15;text-decoration:none;}
.id_bk a:hover		{color:#BE1600;}

/*------中譯英對照表---*/
.chang1 { background: url(../../images/1/ca1.jpg) no-repeat scroll left top; padding:5px 5px 15px 115px; }
.chang2 { background: url(../../images/1/ca2.jpg) no-repeat scroll left top; padding:13px 5px 12px 30px; }

/*精彩回顧--------------------------------------*/
.retro {width:609px;position:relative; background:url(../../images/retrospect_bk.gif) no-repeat left top; clear:both;}
.retro2 {float:left; position:relative; width:185px; padding:5px 0px 0px 15px;}
.retro2 img { width:168px; height:138px; border:3px solid #E0E2DD; }
.retro3 {float:left; position:relative; width:385px;}
.retro_title {padding:5px 0px 5px 20px; font-size:15px; color:#F46700;}
.retro_in {margin-bottom: 5px;background: url(../../images/line_x.gif) repeat-x scroll left bottom ;}
.retro_in div {background: url(../../images/ico_arrow_gray.gif) no-repeat left top ; padding-left:15px;}

/*----------------------------------200905網站功能新增-----------------------------------------*/

/*我的筆記本--------------------------------------*/
.note {border: 1px solid #ececec; background-color: #ffffff; margin:30px 0px 45px 0px; padding:5px; text-align:center;}
.note td{ padding:5px 3px 3px 3px; text-align:left;background: url(../../images/line_x.gif) repeat-x bottom;}
.note div{ width:96% ;background:#f2f2f2; color:#999999; margin-top:10px;text-align:left; padding:8px;}
.note a:link	 {color:#F26522;}
.note a:visited	 {color:#F26522;}
.note a:hover	 {color:#e71f19;}

/*--導覽語言列主選單---*/

.ver_bk1 {background:url(../../images/versionbk1.jpg) left no-repeat bottom;padding-bottom:2px; padding-left:6px;}
.ver_bk1 a { font-size:10px;}
.ver_bk2 {background:url(../../images/versionbk2.jpg) right no-repeat bottom; padding-bottom:2px;}
#version {list-style-type:none; z-index:100;}
#version UL {padding:0px;}
#version LI {padding:0px 4px 0px 4px; float:left;border-left:1px solid #e8e8e8;}
#version A:link{padding:1px 8px 0px 8px; margin:0px; display:block; color:#6D6D6D; list-style-type:none ; }
#version A:visited {display:block; color:#6D6D6D;}
#version A:hover {color:#ec6f00;}
#version .ver A:link{color:#0076a1;}  
#version .ver A:visited{color:#0076a1;}
#version .ver A:hover {color:#ec6f00;}

/*--導覽語言列下拉選單---*/
.subglobalNav {z-index:101;padding:0px; BACKGROUND-IMAGE: url(/resources/images/zh-tw/dot_00.gif); visibility:hidden; position:absolute; top:18px; text-align:left;}
.subglobalNav UL {border:0px; list-style-type:none; margin:5px 0px 0px 0px; padding:0px; background-color:#FFFFFF;}
.subglobalNav LI {padding:0px 0px 1px 0px; margin:0px; text-align:center;}
.subglobalNav A:link {padding:2px 12px 1px 12px; margin:0px; display:block; background-color:#ea9b11; color:#FFFFFF;}
.subglobalNav A:visited { margin:0px;display:block;background-color:#ea9b11; color:#FFFFFF;}
.subglobalNav A:hover {background-color:#e85700;}

/*--最大外框---*/
#out { position:relative; width:994px; margin-left:auto; margin-right:auto;}

/*進度查詢--------------------------------------*/
.situation{ background-color:#ffffff; border:1px solid #eeeeee; margin-top:10px;}
.situation th{ background:url(../../images/situation_bk.jpg) right top no-repeat; color:#333333; text-align:center; font-weight:lighter; font-size:12px; padding:2px 0px 2px 0px;}
.situation_list1{font-size:12px;color:#333333;}
.situation_list2{font-size:12px;color:#333333; background-color:#F9F9F9;}
.situation a:link{color:#333333}
.situation a:visited{color:#333333}
.situation a:hover{color:#F26522}

/*米寶便利貼--------------------------------------*/
.memo td {line-height: 17px;}
.memo div{ background: url(../../images/line_x.gif) repeat-x bottom; color:#000000; font-weight:bold; margin-top:10px; margin-bottom:3px;}
.memo a:link	 {color:#F26522;}
.memo a:visited	 {color:#F26522;}
.memo a:hover	 {color:#e71f19;}

/*名家專欄------------------------*/

/*列表頁--*/
.famous_title1 { font-weight:bold;padding:5px 15px 10px 0; color:#333333 }
.famous_title1 a:link{ font-weight:bold; font-size:15px; color:#eb5e00; }
.famous_title1 a:visited{ font-weight:bold; font-size:15px; color:#eb5e00;}
.famous_title1 a:hover { font-weight:bold; font-size:15px; color:#BE1600;}

.famous_in { padding:0 15px 0 0;color:#333333; line-height:17px;}
.famous_in a:link{ font-weight:bold; color:#eb5e00; }
.famous_in a:visited{ font-weight:bold; color:#eb5e00;}
.famous_in a:hover { font-weight:bold; color:#BE1600;}

/*內文頁--*/
.famous_title2{ background:url(../../images/blog_famous_line.gif) left bottom repeat-x; padding:10px 34px 0 34px;}
.famous_title2 div{ background:url(../../images/blog_famous_ico.gif) left top no-repeat;  
padding:0 0 8px 14px;}
.famous_title2 td {color:#333333; font-weight:bold;}
.famous_title2 a:link{  color:#eb5e00; font-weight:lighter;}
.famous_title2 a:visited{ color:#eb5e00;font-weight:lighter;}
.famous_title2 a:hover {color:#BE1600;font-weight:lighter;}

.famous_title2 .txt{font-weight:bold; font-size:15px; color:#eb5e00;}
.famous_in2 { padding:10px 30px 0 34px; }
.famous_in2 td {color:#333333; line-height:17px;}


/*玩家帶路------------------------*/

/*列表頁--*/
.player_title1 { font-weight:bold;padding:5px 15px 10px 0; color:#333333 }
.player_title1 a:link{ font-weight:bold; font-size:15px; color:#469e00; }
.player_title1 a:visited{ font-weight:bold; font-size:15px; color:#469e00;}
.player_title1 a:hover { font-weight:bold; font-size:15px; color:#2d6500;}

.player_in { padding:0 15px 0 0;color:#333333; line-height:17px;}
.player_in a:link{ font-weight:bold; color:#469e00; }
.player_in a:visited{ font-weight:bold; color:#469e00;}
.player_in a:hover { font-weight:bold; color:#2d6500;}

/*內文頁--*/
.player_title2{ background:url(../../images/blog_famous_line.gif) left bottom repeat-x; padding:10px 34px 0 34px;}
.player_title2 div{ background:url(../../images/blog_player_ico.gif) left top no-repeat;  
padding:0 0 8px 14px;}
.player_title2 td {color:#333333; font-weight:bold;}
.player_title2 a:link{  color:#469e00; font-weight:lighter;}
.player_title2 a:visited{ color:#469e00;font-weight:lighter;}
.player_title2 a:hover {color:#2d6500;font-weight:lighter;}

.player_title2 .txt{font-weight:bold; font-size:15px; color:#469e00;}
.player_in2 { padding:10px 30px 0 34px; }
.player_in2 td {color:#333333; line-height:17px;}

