/* twn.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;}

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

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

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

/* 4 buckets */
#left{ width:720px; margin-bottom:10px;}
#right{ float:right; width:225px;}
#left_a{ width:200px;}
#left_b{ float:right; width:515px;}
/* ad */
#ad{ width:100%; height:200px; margin-bottom:5px;}

/* 精選主題旅遊 (menu) */
#menu{ width:100%; margin-bottom:5px;}
#menu h2{ display:block; width:200px; height:50px; background:url(images/menu_h2.jpg) no-repeat; text-indent:-9999px;}
#menu ul{ background-color:#ebf3d3; border-right:1px #d1db9b solid; border-bottom:1px #d1db9b solid; border-left:1px #d1db9b solid; padding:5px 0 3px 0;}
#menu li{ display:block; width:190px; height:40px; margin:1px auto;}
.left_box{ width:194px; border:1px #dae9b6 solid; padding:4px 2px; margin-bottom:5px;}
.left_box h2.r1{ display:block; width:194px; height:32px; background:url(images/h2_l_1.gif) no-repeat; text-indent:-9999px; margin-bottom:2px;}
.left_box h2.r2{ display:block; width:194px; height:32px; background:url(images/h2_l_2.gif) no-repeat; text-indent:-9999px; margin-bottom:2px;}
.left_box ul{ margin:0; padding:0;}
.left_box li a{ display:block; width:194px; font-size:80%; line-height:20px; color:#000; text-decoration:none; text-indent:10px;}
.left_box li a:hover{ color:#fff; background-color:#09c;}
.left_box li span{ display:block; width:188px; font-family:Verdana, sans-serif; font-size:70%; color:#999; line-height:15px; text-indent:18px; border-bottom:1px #dae9b6 dotted; padding-left:5px;}
.left_box li.link a{ display:block; width:188px; font-size:80%; line-height:22px; color:#000; text-decoration:none; text-indent:10px; border-bottom:1px #dae9b6 dotted; padding-left:5px;}
.left_box li.link a:hover{ color:#fff; background-color:#09c;}

/* 精選主題旅遊 (trip) */
#trip{ width:515px; height:180px; background:url(images/trip_box.gif) no-repeat;}
#trip_tab{ position:relative; overflow:auto; width:515px;}
#trip_tab ul{ list-style-type:none; margin:0; padding-left:7px;}
#trip_tab li{ float:left;}
#trip_tab li.noact a{ display:block; width:80px; background:url(images/trip_tab.gif) no-repeat; font-size:95%; color:#666; line-height:30px; text-decoration:none; text-align:center; padding:2px 0 0 0; margin-right:3px;}
#trip_tab li.active a{ display:block; width:85px; background:url(images/trip_tab_active.gif) no-repeat; font-size:95%; font-weight:bold; color:#c30; line-height:32px; text-decoration:none; text-align:center; padding:0; margin-right:3px;}
#trip_tab li a:hover{ font-weight:bold; text-decoration:none;}

#trip_box{ width:495px; *width:auto; background:url(images/trip_box.gif) bottom no-repeat; padding:10px;}

#trip_box_intro{ width:43%; *width:208px; border-right:1px #e2edd0 solid; padding-right:5px;}
#trip_box_intro span.path{ font:70% Arial; color:#999;}
#trip_box_intro h3{ background-color:#ebf3d3; font: bold 80% Georgia; color:#060; margin-bottom:5px; padding:2px 5px;}
#trip_box_intro h3 a{ color:#060; text-decoration:none;}
#trip_box_intro h3 a:hover{ color:#f30; text-decoration:none;}
#trip_box_intro p{ font:75% Georgia; line-height:15px; letter-spacing:1px; padding-bottom:8px;}
#trip_box_intro img{ float:right; border:2px #ddd solid; margin:0 0 3px 3px;}

#trip_box_products{ float:right; width:55%;}
#trip_box_products h3{ font: bold 80% Arial; color:#930; line-height:18px; border-bottom:2px #ede0d0 solid;}
#trip_box_products ul{ list-style-type:none; margin:0; padding:0;}
#trip_box_products li{ border-bottom:1px #ddd dotted;}
#trip_box_products li a{ display:block; width:100%; font:80% Arial; color:#09c; line-height:15px; text-decoration:none; padding:3px 1px;}
#trip_box_products li a:hover{ background-color:#09c; color:#fff; text-decoration:none;}

#banner{ width:100%; background-color:#eee; text-align:center; padding:3px 0; *padding:5px 0; _padding:5px 0;}
#banner img{ margin:1px auto; *margin:-2px auto; _margin:-2px auto;}