Body { margin: 0px 0px 0px 0px; background-color: #ffffff; font-size: 76%; line-height: 18px;color: #666666;  font-family: "Arial", "Helvetica"; letter-spacing: 1pt;}
TD {  vertical-align:top }
input, select, textarea { font-size: 11px; font-family: "Arial", "Helvetica"; }

A:link		{ color:#666666;text-decoration:none;}
A:visited	{ color:#666666;text-decoration:none;}
A:hover		{ color:#aa920b;}
a img { border:0px; }



/*最外圈範圍設定---------------------------------------*/
#outBox {position:relative; background:#FFFFFF top left no-repeat scroll; margin-right:auto; margin-left:auto;width: 1000px;  border-top: 0px;}

/*--首頁設定--------------------------------------------------------------------------*/
.index_bk{ background:#7da14b;}
.index_munu{ position:absolute; top:0px; left:0px; text-align:right; width:1000px;}

.index_newsbox{position:absolute; top:165px; left:615px; width:351px;}
.index_newsbox a:link		{ color:#3d7100; font-size:12px;}
.index_newsbox a:visited	{ color:#3d7100;}
.index_newsbox a:hover		{ color:#3d7100; text-decoration:underline}
.index_news { color:#e36555; background:url(../../images/index_ico.gif) left top no-repeat;  padding:1px 0px 2px 10px; font-size:10px;}
.index_more { text-align:right; font-weight:bold;}




/*--------首頁下方設定------------ */
.base1 {padding: 8px 15px 7px 279px; background:url(../../images/bottom_bk1.jpg) no-repeat left top; color:#FFFFFF; font-size:10px; line-height:14px;}
.base1 div{ padding-bottom:10px; font-size:12px;}
.base1 a:link		{ color:#ffffff;}
.base1 a:visited	{ color:#ffffff;}
.base1 a:hover		{ color:#ffffff; text-decoration:underline}



/*--主要內文欄位區--------------------------------------------------------------------------*/
.content_major { clear:both; position: relative; top: 0px; left:0px; width:1000px; background: url(../../images/menu_bk.jpg) repeat-y left top;}
.box_flash { position: absolute; top: 0px; left:0px; z-index:1}

.content_major .box_left { position: relative; float:left;  top: 0px; right:0px; width:195px; }
.content_major .box_middle { float:right; top: 0px; right:0px; width:580px;}
.content_major .box_right {float:right; top: 0px; right:0px; width:208px; background:url(../../images/about_f_bk.gif) repeat-y left top;}
.content_major .box_right2 {float:right; top: 0px; right:0px; width:208px; background:url(../../images/news_fun_bk.gif) repeat-y left top;}
.content_major .box_open{ float:right; top: 0px; right:0px; width:788px;}

/*----全開內文區----*/
.article {padding:0px;}




/*--------內頁下方設定------------ */
.base {padding: 35px 15px 10px 279px; background:url(../../images/bottom_bk.jpg) no-repeat left top; color:#FFFFFF; font-size:10px; line-height:14px;}
.base div{ padding-bottom:10px; font-size:12px;}
.base a:link		{ color:#ffffff;}
.base a:visited	{ color:#ffffff;}
.base a:hover		{ color:#ffffff; text-decoration:underline}



/*共用---*/
.clear {clear: both; }
.aaa a:link		{ margin-left:10px; color:#c8e0a7;font-size:7px;line-height: 7px;}
.aaa a:visited	{margin-left:10px; color:#c8e0a7;}
.aaa a:hover		{ margin-left:10px;color:#c8e0a7; }
.gree_bold{color:#6e9335; font-weight:bold;}
.yellow{color:#ab9403;}
.yellow_bold{color:#ab9403; font-weight:bold;}
.yellow__bigbold{color:#ab9403; font-weight:bold; font-size:15px;}
.line{ background:url(../../images/line.gif) scroll repeat-x left bottom; padding:5px 0px 5px 0px}
.top{ text-align:center; padding:10px; clear:both;}

/*----內頁選單設定----*/
.menu { background:url(../../images/menu_ico.gif) top left no-repeat; padding-left:12px; margin:5px 0px 4px 24px;}
.menu a:link		{ color:#ffffff;}
.menu a:visited	{ color:#ffffff;}
.menu a:hover		{ color:#ffffff; text-decoration:underline}
.meun_ico { cursor:pointer; }

/*----自行車道介紹----------------------------------------------------------------------------*/
.about { padding:0px 6px 0px 5px;}
.about_more{ background:url(../../images/77777.jpg) left top no-repeat;}
.about_t1{ background:url(../../images/about_t1_bk.gif) repeat-y left top; color:#4b8408; padding:0px 10px 0px 10px;}
.about_t2box{ float:left; width:48%; background-color:#f3f3f3; border: #e8e8e8 solid 1px; padding:5px; margin:1px; }
.pic2 { margin-right:10px; margin-top:0px;}
.about_t3{ background:url(../../images/about_t3_bk.gif) repeat-y left top; padding:0px 10px 0px 10px;}
.pic3 { padding:5px; border:#e8e8e8 solid 1px; margin-right:10px; margin-top:5px;}
.about_map{ padding:0px;}


/*--右邊功能---*/
.funbox { padding:2px 10px 5px 20px;line-height:17px;} /*---功能底----*/
.funbox_traffic { padding:2px 3px 0px 13px;}/*---交通----*/
.funbox_traffic div{ padding:2px 0px 10px 5px; line-height:17px; }
.funbox_traffic td{ padding-bottom:5px}
.funbox0 { background-color:#f1efdd; margin:0px 7px 1px 13px;padding:8px 0px 5px 0px;}
.funbox0 div{background:url(../../images/about_f_ico1.gif) no-repeat top left ; padding-left:10px;margin-left:10px}
.funbox0 a:link		{ color:#ab9403; font-weight:bold; font-size:15px;}
.funbox0 a:visited	{ color:#ab9403;text-decoration:none;}
.funbox0 a:hover		{ color:#ab9403; text-decoration:underline}
.funbox1 { background-color:#f9f8f0;margin:0px 7px 1px 13px;padding:8px 0px 5px 0px;}
.funbox1 div{background:url(../../images/about_f_ico1.gif) no-repeat top left ; padding-left:10px;margin-left:10px}
.funbox1 a:link		{ color:#ab9403; font-weight:bold; font-size:15px;}
.funbox1 a:visited	{ color:#ab9403;text-decoration:none;}
.funbox1 a:hover		{ color:#ab9403; text-decoration:underline}

.fun_t1{ background:url(../../images/about_f_ico0.gif) left top no-repeat; padding:0px 0px 2px 10px; font-size:15px; font-weight:bold;color:#ab9403;}


/*----組合遊程----------------------------------------------------------------------------*/
/*--下方功能---*/
.trip_fun { padding-left:6px; width:774px;}
.trip_fun_inside{padding:6px;}
.trip_fun_map{padding:6px;}
.trip_t1box{ float:left; width:48%; background-color:#ffffff; border: #e8e8e8 solid 1px; padding:5px; margin:1px; }

.trip_t2box0{padding:5px;margin-bottom:2px;}
.trip_t2box0 .ph {background-color:#f3f3f3;  padding:5px; border:#e8e8e8 solid 1px; margin-right:10px;}
.trip_t2box1{padding:5px; background-color:#f3f3f3; margin-bottom:2px;}
.trip_t2box1 .ph {background-color:#ffffff; padding:5px; border:#e8e8e8 solid 1px; margin-right:10px;}

/*----相關連結----------------------------------------------------------------------------*/

.link_bk{ background:url(../../images/link_bk.jpg) right top no-repeat; padding-left:14px;}
.link_ico { background:url(../../images/line.gif) scroll repeat-x left bottom; margin:0px 34px 4px 37px; }
.link_ico div{ background:url(../../images/link_ico.gif) left top no-repeat;  padding-left:10px;}

/*----- 最新消息 ---------------------------------------------------------------------------*/
.news_bk{ background:url(../../images/news_bk.jpg) left top no-repeat;}
.news0 { color:#aa920b; background:url(../../images/line.gif) scroll repeat-x left bottom; margin:0px 20px 4px 20px; }
.news0 div{ background:url(../../images/news_ico0.jpg) left top no-repeat;  padding:1px 0px 5px 20px;}
.news1 { color:#aa920b; background:url(../../images/line.gif) scroll repeat-x left bottom; margin:0px 20px 4px 20px; }
.news1 div{ background:url(../../images/news_ico1.jpg) left top no-repeat;  padding:1px 0px 5px 20px;}
.news_title{ font-size:15px; line-height:20px; font-weight:bold;color:#aa920b; background:url(../../images/line.gif) scroll repeat-x left bottom; margin:0px 20px 8px 20px; }
.news_title div{ background:url(../../images/news_ico3.jpg) left top no-repeat;  padding:1px 0px 5px 20px;}
.news_inside{margin:0px 20px 10px 42px;}

.news_fun0{  color:#9c6f09;background-color:#f7f0e4; margin:0px 8px 2px 14px; padding:5px;}
.news_fun0 img { margin-right:5px;}

.news_fun1{ color:#9c6f09; background-color:#f3e6cf; margin:0px 8px 2px 14px; padding:5px;}
.news_fun1 img { margin-right:5px;}


/* ---bar設定(足跡)--- */

.bar { position:absolute; top:135px; left:214px; width:600px;color: #999999; padding: 4px 15px 3px 15px; background: url(../../images/bar_bk.gif) no-repeat left top; z-index:1; }
.bar a:visited {color:#666666;}
.bar a:link {color:#666666;}
.bar a:hover { color:#999999; }


/*----後端全開貼內文區------------------------------------------------------------*/
.article {padding-left:5px; padding-bottom:20px;}
.art_in{ padding:0px 11px 0px 11px;}

/*----組合遊程---*/
.price { background-color:#f9f8f0;padding:10px 5px 10px 5px;color:#9a8500; border:#eeecda  solid 1px;}
.day { background:url(../../images/day_bk.gif) repeat-y; padding-bottom:20px;}

.day1 { padding:0px 18px 0px 10px;color:#4d741a;}
.day1 table{ background-color:#ffffff; }
.day1 td{ background-color:#e9f4da;padding:5px;}
.day1 th { font-size:15px; color:#FFFFFF; background-color:#89af54;padding:5px 5px 2px 5px;}
.day1 .chang{ background-color:#dcedc6;}
.day1 div {float:left; width:31%; margin:5px 3px 2px 5px; text-align:center; color:#333333;}
.day1 img{border:1px solid #bcd39e;}

.day2 { padding:0px 18px 0px 10px;color:#948425;}
.day2 table{ background-color:#ffffff; }
.day2 td{ background-color:#f2f3d1;padding:5px;}
.day2 th { font-size:15px; color:#FFFFFF; background-color:#bcac4d;padding:5px 5px 2px 5px;}
.day2 .chang{ background-color:#ebecbe;}
.day2 div {float:left; width:31%; margin:5px 3px 2px 5px; text-align:center; color:#333333;}
.day2 img{border:1px solid #dedfb2;}

.day3 { padding:0px 18px 0px 10px;color:#c66f39;}
.day3 table{ background-color:#ffffff; }
.day3 td{ background-color:#fef3db;padding:5px;}
.day3 th { font-size:15px; color:#FFFFFF; background-color:#d77e48;padding:5px 5px 2px 5px;}
.day3 .chang{ background-color:#f6e7c7;}
.day3 div {float:left; width:31%; margin:5px 3px 2px 5px; text-align:center; color:#333333;}
.day3 img{border:1px solid #e8d5ac;}

/*----長途---*/
.long1{ background:url(../../images/long1bk.gif) repeat-y left top; color:#537d19; padding:0px 25px 0px 15px; line-height:21px;}
.long1 table{ background-color:#ffffff; }
.long1 td{ background-color:#e9f4da;padding:2px;}
.long1 th { font-size:15px; color:#FFFFFF; background-color:#89af54;padding:5px 5px 2px 5px;}
.long1 .chang{ background-color:#dcedc6;}


.long2{ background:url(../../images/long2bk.gif) repeat-y left top; color:#a8810c; padding:0px 25px 0px 15px;line-height:21px;}
.long2 table{ background-color:#ffffff; }
.long2 td{ background-color:#f4f4da;padding:2px;}
.long2 th { font-size:15px; color:#FFFFFF; background-color:#bcac4d;padding:5px 5px 2px 5px;}
.long2 .chang{ background-color:#ededc5;}


.long3{ background:url(../../images/long3bk.gif) repeat-y left top; color:#cb7921; padding:0px 25px 0px 15px;line-height:21px;}
.long3 table{ background-color:#ffffff; }
.long3 td{ background-color:#faefdf;padding:2px;}
.long3 th { font-size:15px; color:#FFFFFF; background-color:#d77e48;padding:5px 5px 2px 5px;}
.long3 .chang{ background-color:#f7e5cd;}


.long4{ background:url(../../images/long4bk.gif) repeat-y left top; color:#d35d5d; padding:0px 35px 0px 15px;line-height:21px;}
.long5{ background:url(../../images/long5bk.gif) repeat-y left top; color:#af69a3; padding:0px 35px 0px 15px;line-height:21px;}
.long6{ background:url(../../images/long6bk.gif) repeat-y left top; color:#725da5; padding:0px 35px 0px 15px;line-height:21px;}