/* thsr.css */

/* reset.css (by Eric A. Meyer | v1.0 | 2008.02.12) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body{ line-height:1;}
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{ content:''; content:none;}

/* remember to define focus styles! */
:focus{ outline: 0;}

/* remember to highlight inserts somehow! */
ins{ text-decoration: none;}
del{ text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table{ border-collapse: collapse; border-spacing: 0; border:0; margin:0; padding:0;}

/* wrapper */
#wrapper{ width:950px; margin:0 auto;}

/* header 
#header{ width:100%; background-color:#fff; text-align:center;}*/

/* footer */
#footer{ clear:both; width:948px; border:1px #ffebd3 solid; background-color:#f5f5f5; text-align:center; font:70% Arial; color:#999; line-height:30px;}

/* 2 Columns */
#left{ width:720px; margin-bottom:10px;}
#right{ float:right; width:225px;}

/* ad */
#ad{ width:100%; height:200px;}

/* 高鐵假期 */
#thsr_trip{ width:708px; border:1px #fcb86a solid; background-color:#f5f5f5; margin-top:5px; padding:5px;}
#thsr_trip table{ width:100%; margin-top:5px;}
#thsr_trip ul{ list-style-type:none; margin:0; padding:10px 15px 0 22px;}
#thsr_trip li{ padding-top:2px;}
#thsr_trip li a{ display:block; width:99%; font:95% Arial; line-height:22px; color:#333; border-bottom:1px #ddd dotted; text-decoration:none; padding:1px;}
#thsr_trip li a:hover{ color:#fff; background-color:#c30; text-decoration:none;}
#thsr_trip li.more a{ font:80% Arial; line-height:22px; color:#999; text-decoration:none; text-align:right; border:none; padding:1px;}
#thsr_trip li.more a:hover{ background:none; color:#06c; text-decoration:none;}
.trip_north{ width:352px; height:215px; background:url(images/trip_box.gif) bottom no-repeat; margin:0; padding-bottom:5px;}
.trip_north h2{ display:block; width:100%; height:100px; border:0;}
.trip_mid{ width:352px; height:215px; background:url(images/trip_box.gif) bottom no-repeat; padding-bottom:5px;}
.trip_mid h2{ display:block; width:100%; height:100px; border:0;}
.trip_south{ width:352px; height:215px; background:url(images/trip_box.gif) bottom no-repeat; padding-bottom:5px;}
.trip_south h2{ display:block; width:100%; height:100px; border:0;}
.trip_kenting{ width:352px; height:215px; background:url(images/trip_box.gif) bottom no-repeat; padding-bottom:5px;}
.trip_kenting h2{ display:block; width:100%; height:100px; border:0;}

.trip_list{ width:716px; border:1px #fcb86a solid; background-color:#f5f5f5; margin-top:5px; padding:1px;}
.trip_list h2{ display:block; width:100%; background:#c30; color:#fff; font:bold 110% Georgia; line-height:32px; text-indent:5px;}
.trip_list li{}
.trip_list li a{ display:block; width:99%; font:95% Arial; line-height:22px; color:#333; text-decoration:none; border-bottom:1px #ddd dotted; padding:5px 3px;}
.trip_list li a:hover{ color:#fff; background-color:#06c; text-decoration:none;}

.trip_list li.back a{ font:80% Arial; line-height:18px; color:#999; text-decoration:none; text-align:right; border:none; padding:1px;}
.trip_list li.back a:hover{ background:none; color:#06c; text-decoration:none;}
.trip_list li span{ float:right; width:60px; font:80% Arial; color:#fff;}

/* 飯店推薦 */
#hotel{ width:720px; height:180px; background:url(images/hotel_box.gif) no-repeat;}
#hotel_tab{ position:relative; overflow:auto; width:650px;}
#hotel_tab ul{ list-style-type:none; margin:0; padding-left:28px;}
#hotel_tab li{ float:left;}
#hotel_tab li.noact a{ display:block; width:150px; background:url(images/hotel_tab.gif) no-repeat; font-size:95%; color:#666; line-height:33px; text-decoration:none; text-align:center; padding:2px 0 0 0; margin-right:3px;}
#hotel_tab li.active a{ display:block; width:150px; background:url(images/hotel_tab_active.gif) no-repeat; font-size:95%; font-weight:bold; color:#c30; line-height:36px; text-decoration:none; text-align:center; padding:0; margin-right:3px;}
#hotel_tab li a:hover{ font-weight:bold; text-decoration:none;}
#hotel_box{ position:relative; width:720px; margin:10px auto;}
.hotel_quarter{ float:left; width:165px; margin:0 5px;}
.hotel_quarter img{ border:8px #eee solid;}
.hotel_quarter h3 a{ display:block; width:95%; border-bottom:3px #ddd solid; color:#09c; font:95% Arial; font-weight:bold; line-height:18px; text-decoration:none; margin-top:5px;}
.hotel_quarter h3 a:hover{ color:#c30; text-decoration:none;}
.hotel_quarter p{ color:#666; font:80% Arial; line-height:15px; padding-top:8px; letter-spacing:1px;}

/* 搜尋 */
#search{ width:225px;}
#search_tab{ position:relative; overflow:auto; width:100%;}
#search_tab ul{ list-style-type:none; margin:0; padding:0;}
#search_tab li{ float:left;}
#search_tab li.active a{ display:block; width:113px; *width:116px; border-top:1px #fcb86a solid; border-right:1px #fcb86a solid; border-left:1px #fcb86a solid; color:#c30; font:80% Arial; line-height:25px; text-align:center; text-decoration:none;}
#search_tab li.noact_r a{ display:block; width:109px; height:21px; background-color:#eee; border-top:1px #fcb86a solid; border-right:1px #fcb86a solid; border-bottom:1px #fcb86a solid; color:#666; font:80% Arial; line-height:20px; text-align:center; text-decoration:none; margin-top:3px; *margin-top:4px;}
#search_tab li.noact_l a{ display:block; width:109px; height:21px; background-color:#eee; border-top:1px #fcb86a solid; border-bottom:1px #fcb86a solid; border-left:1px #fcb86a solid; color:#666; font:80% Arial; line-height:20px; text-align:center; text-decoration:none; margin-top:3px; *margin-top:4px;}
#search_tab li a:hover{ font-weight:bold; text-decoration:none;}
#search_box{ border-right:1px #fcb86a solid;; border-bottom:1px #fcb86a solid;; border-left:1px #fcb86a solid;; font:70% Arial; line-height:22px; padding:5px 15px;}
select{ font:95% Arial; *margin:2px 0;}
input{ font-family:Arial;}
input.submit{ display:block; width:40px; height:25px; color:#fff; background:url(images/button_submit.gif) no-repeat; background-color:#fff; border:0; margin:5px auto;}

/* 最新訊息 */
#hot_news{ width:225px; background:url(images/right_box.gif) bottom no-repeat; padding-bottom:5px; margin-bottom:5px;}
#hot_news h2{ display:block; width:100%; height:15px; background:url(images/right_box.gif) top no-repeat; color:#09c; font:95% Arial; letter-spacing:1px; text-align:center; padding-top:10px;}
#hot_news p{ display:block; width:90%; font:80% Arial; line-height:18px; letter-spacing:1px; border-top:3px #ddd solid; margin:5px auto; padding-top:8px;}

/* buttons */
#button_r{ width:100%; background-color:#eee; text-align:center; padding:3px 0; margin-bottom:5px;}
#button_r img{ margin:1px 0;}

/* 高鐵乘車資訊 */
#thsr_info{ width:225px; background:url(images/right_box.gif) bottom no-repeat; padding-bottom:5px; margin-bottom:5px;}
#thsr_info h2{ display:block; width:100%; height:15px; background:url(images/right_box.gif) top no-repeat; color:#09c; font:95% Arial; letter-spacing:1px; text-align:center; padding-top:10px;}
#thsr_info ul{ width:205px; border-top:3px #ddd solid; margin:5px auto; padding-top:5px;}
#thsr_info li{ margin:1px 0;}
#thsr_info li a{ display:block; width:205px; background:url(images/button_thsr_info.gif) no-repeat; font:95% Arial; color:#930; line-height:32px; letter-spacing:1px; text-decoration:none; text-align:center;}
#thsr_info li a:hover{ color:#09c; font-weight:bold; text-decoration:none;}