/******************** int.css ********************/

@import url("layout.css");

/******************** index template(3column) ********************/
#left{ width:165px; float: left;}
#middle{ margin:0 240px 0 170px !important; margin:0 235px 0 167px;}
#right{ width:235px; float:right;}

/******************** member ********************/
#member{ text-align:right; font-size:80%; line-height:20px; color:#000; padding-left:3px;}
#member a{ color:#06c;}
#member a:hover{ color:#f06;}

/******************** 國際訂房搜尋 ********************/
#int_search{ width:710px; background-image:url(images/int_search_bg.gif); background-repeat:no-repeat; margin-bottom:5px; position:relative;}
#int_search h3{ display:block; width:710px; height:33px; background-image:url(images/h3_int_search.gif); background-repeat:no-repeat; text-indent:-9999px;}
#int_search h4{ clear:both; display:block; width:710px; height:3px; background-image:url(images/int_search_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:15px; _padding-top:5px;}
#int_search p{ float:left; display:block; width:47%; padding:15px 8px 0 8px; font-size:95%; color:#000;}
#int_search select{ font-family:Arial, sans-serif; font-size:100%; margin-top:8px;}
#int_search input{ font-family:Arial, sans-serif; font-size:100%; margin-top:8px;}
#int_search span{ font-size:80%; color:#999;}
#int_search h5 a{ position:absolute; display:block; width:110px; height:40px; background-image:url(images/int_search.gif); background-repeat:no-repeat; text-indent:-9999px; top:180px; left:570px;}
#int_search h5 a:hover{ display:block; width:110px; height:40px; background-image:url(images/int_search.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px;}

/******************** 熱門城市 ********************/
#cities{ width:540px; background-image:url(images/cities_bg.gif); background-repeat:no-repeat; margin-bottom:5px;}
#cities h3{ display:block; width:540px; height:33px; background-image:url(images/h3_cities.gif); background-repeat:no-repeat; text-indent:-9999px;}
#cities h4{ clear:both; display:block; width:540px; height:3px; background-image:url(images/cities_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:10px; _padding-top:0;}
#cities p{ padding:15px 8px 0 8px; font-size:95%; color:#000;}

/******************** 重要展覽資訊 ********************/
#left_1{ width:165px; background-image:url(images/left_bg.gif); background-repeat:no-repeat;}
#left_1 h3{ display:block; width:165px; height:33px; background-image:url(images/h3_left_1.gif); background-repeat:no-repeat; text-indent:-9999px;}
#left_1 h4{ clear:both; display:block; width:165px; height:3px; background-image:url(images/left_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:15px; _padding-top:5px;}
#left_1 ul{ list-style-type:none; margin:0; padding:0 8px;}
#left_1 li{ font-size:80%; color:#000; line-height:18px; background-image:url(images/sep_horizontal.gif); background-position:bottom; background-repeat:repeat-x; padding-top:10px;}
.yyyy_mm_dd{ font-family:Verdana, sans-serif; font-size:75%; line-height:15px; color:#999;}

/******************** 訂房資訊(必讀) ********************/
#left_2{ width:165px; margin-top: 5px; background-image:url(images/left_bg.gif); background-repeat:no-repeat;}
#left_2 h3{ display:block; width:165px; height:33px; background-image:url(images/h3_left_2.gif); background-repeat:no-repeat; text-indent:-9999px;}
#left_2 h4{ clear:both; display:block; width:165px; height:3px; background-image:url(images/left_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:15px; _padding-top:5px;}
#left_2 ul{ list-style-type:none; margin:0; padding:8px 8px 0 8px;}
#left_2 li{ background-image:url(images/sep_horizontal.gif); background-position:bottom; background-repeat:repeat-x;}
#left_2 li a{ font-size:80%; color:#000; line-height:30px; text-decoration:none;}
#left_2 li a:hover{color:#06f; text-decoration:underline;}

/******************** 商品特區 ********************/
#right_2{ width:235px; margin-top: 5px; background-image:url(images/button_bg.gif); background-repeat:no-repeat;}
#right_2 h3{ display:block; width:235px; height:33px; background-image:url(images/h3_right_2.gif); background-repeat:no-repeat; text-indent:-9999px;}
#right_2 h4{ clear:both; display:block; width:235px; height:3px; background-image:url(images/button_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:5px; _padding-top:0;}
#right_2 ul{ list-style-type:none; margin:0 auto; padding:0;}
#right_2 li{ margin:0 0 2px 2px;}
#right_2 li a{ display:block; width:231px; height:30px; background-image:url(images/right_button.gif); background-repeat:no-repeat; font-size:80%; color:#7d2f80; line-height:30px; text-decoration:none; text-align:center;}
#right_2 li a:hover{ color:#06f; font-weight:bolder; text-decoration:none;}

/******************** 圖文關鍵字 ********************/
#keyword{ width:540px; background-image:url(images/cities_bg.gif); margin-bottom:5px;}
#keyword h3{ display:block; width:540px; height:33px; background-image:url(images/h3_keyword.gif); background-repeat:no-repeat; text-indent:-9999px;}
#keyword h4{ clear:both; display:block; width:540px; height:3px; background-image:url(images/cities_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:5px; _padding-top:0;}
#keyword ul{ list-style-type:none; margin:0; padding:20px 0 0 8px;}
#keyword li{ float:left;}
#keyword li a{ display:block; width:105px; font-size:70%; color:#999; line-height:25px; color:#000; text-decoration:none; text-align:center;}
#keyword li a:hover{ color:#06f; text-decoration:none;}
#keyword img{ border:1px #fff solid;}

/******************** 新品推薦 & 精選推薦 ********************/
#promo{ width:540px; background-image:url(images/promo_bg.gif); margin-bottom:5px; padding-top:10px;}
#promo_l{ float:left; display:block; width:250px; padding:0 10px; background-image:url(images/sep_vertical.gif); background-position:right; background-repeat:repeat-y;}
#promo_r{ float:left; display:block; width:250px; padding:0 10px;}
#promo_l h3{ display:block; width:100px; height:30px; background-image:url(images/h3_promo_1.gif); background-repeat:no-repeat; text-indent:-9999px;}
#promo_r h3{ display:block; width:100px; height:30px; background-image:url(images/h3_promo_2.gif); background-repeat:no-repeat; text-indent:-9999px;}
#promo h4{ clear:both; display:block; width:540px; height:3px; background-image:url(images/promo_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:5px; _padding-top:0;}
#promo_l ul, #promo_r ul{ list-style-type:none; margin:0; padding:0;}
#promo_l li a, #promo_r li a{ font-size:80%; color:#000; line-height:27px; text-decoration:none;}
#promo_l li a:hover, #promo_r li a:hover{ color:#fff; background-color:#906; padding:1px;}
#promo_l li span, #promo_r li span{ font-size:80%; color:#666; padding-left:15px;}

/******************** banner ********************/
#r_banner{ width:235px; background-color:#6D2C47;}
#r_banner ul{ list-style-type:none; padding:5px 1px 3px 1px;}
#r_banner li a{ margin:5px auto;}
#r_banner li.banner_1 a{ display:block; width:231px; height:72px; background-image:url(images/231x72_banner_1.jpg); background-repeat:no-repeat; text-indent:-9999px;}
#r_banner li.banner_2 a{ display:block; width:231px; height:72px; background-image:url(images/231x72_banner_2.jpg); background-repeat:no-repeat; text-indent:-9999px;}
#r_banner li.banner_3 a{ display:block; width:231px; height:72px; background-image:url(images/231x72_banner_3.jpg); background-repeat:no-repeat; text-indent:-9999px;}

/******************** 訂房促銷訊息 ********************/
#right_1{ width:235px; background-image:url(images/right_bg.gif); margin-top:5px;}
#right_1 h3{ display:block; width:235px; height:33px; background-image:url(images/h3_right_1.gif); background-repeat:no-repeat; text-indent:-9999px;}
#right_1 h4{ clear:both; display:block; width:235px; height:3px; background-image:url(images/right_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:15px; _padding-top:5px;}
#right_1 ul{ list-style-type:none; margin:0; padding:8px 8px 0 8px;}
#right_1 li{ background-image:url(images/sep_horizontal.gif); background-position:bottom; background-repeat:repeat-x;}
#right_1 li a{ font-size:80%; color:#000; line-height:30px; text-decoration:none;}
#right_1 li a:hover{color:#06f; text-decoration:underline;}

/******************** booking template(2column) ********************/
#booking_l{ width:710px;}
#booking_r{ width:235px; float:right;}

/******************** 頁碼 ********************/
.paging{ background-color:#eeece6; text-align:right; font-size:80%; line-height:25px; color:#000; padding-right:5px; margin-top:3px;}
.paging a{ color:#06c; text-decoration:none;}
.paging a:hover{ color:#f06;}
.paging select{ font-size:90%;}

/******************** 訂購頁搜尋 ********************/
#booking_search{ width:227px; border:1px #e0d391 solid; padding:8px 3px; font-size:80%; line-height:22px; background-image:url(images/booking_search_bg.gif); background-repeat:repeat-x; position:relative; margin-bottom:5px;}
#booking_search span{ font-size:80%; color:#999;}
#booking_search select{ font-family:Arial, sans-serif; font-size:85%; margin-top:8px;}
#booking_search input{ font-family:Arial, sans-serif; font-size:85%; margin-top:8px;}
#booking_search h5 a{ position:absolute; display:block; width:75px; height:25px; background-image:url(images/booking_search.gif); background-repeat:no-repeat; font-size:95%; color:#fff; font-weight:normal; line-height:25px; text-align:center; text-decoration:none; top:210px; right:10px;}
#booking_search h5 a:hover{ color:#0ff;}

/******************** 飯店列表 ********************/
#request{ width:694px; background-image:url(images/box_bg.gif); background-repeat:repeat-x; font-size:80%; color:#000; line-height:23px; padding:8px;}
#request span{ color:#906; font-weight:bolder;}
#request span.location{ color:#f00; font-weight:bolder;}
#request ul{ float:right; margin:0; padding-top:5px;}
#request li{ display:block; width:90px;}
#request li.home{ background-image:url(images/ico_home.gif); background-repeat:no-repeat;}
#request li.mail{ background-image:url(images/ico_mail.gif); background-repeat:no-repeat;}
#request li.print{ background-image:url(images/ico_print.gif); background-repeat:no-repeat;}
#request li a{ display:block; width:90px; font-size:75%; color:#999; line-height:16px; text-decoration:none; text-indent:18px;}
#request li a:hover{ color:#f30; text-decoration:underline;}
.request_list{ width:698px; border:1px #e7e3db solid; background-image:url(images/box_bg.gif); background-repeat:repeat-x; margin-top:5px; padding:5px;}
.request_list p{ display:block; width:415px; font-family:Georgia, serif; font-size:80%; color:#000; line-height:20px;}
.request_list p a{ color:#06f; text-decoration:none;}
.request_list p a:hover{ color:#fff; background-color:#06f; padding:1px;}
.request_list h2{ display:block; width:698px; font-family:Georgia, serif; font-size:105%; color:#f30; background-image:url(images/sep_horizontal.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:3px;}
.request_list h2 span.star{ font-size:110%; color:#f90; padding-left:12px;}
.request_list h2 span.button a{ background-color:#a39d8e; font-size:75%; font-weight:normal; color:#fff; text-decoration:none; margin-left:12px; padding:3px; _padding:3px 3px 0 3px;}
.request_list h2 span.button a:hover{ background-color:#06f;}
.request_list h3{ float:right; display:block; width:140px; background-image:url(images/sep_vertical.gif); background-position:left; background-repeat:repeat-y; font-size:75%; color:#000; font-weight:normal; text-align:center; padding:10px 0 0 5px;}
.request_list h3 span.price{ font-family:Arial, sans-serif; font-size:150%; color:#900; font-weight:bolder; padding:0 2px;}
.request_list h3 span.confirm{ font-size:130%; color:#f30; font-weight:bolder; line-height:40px;}
.request_list h3 span.booking a{ display:block; width:45px; height:23px; background-image:url(images/booking.gif); font-size:100%; color:#fff; line-height:23px; text-decoration:none; margin-top:3px;}
.request_list h3 span.booking a:hover{ color:#0cf;}
.request_list h4{ float:left; display:block; width:120px; padding:5px;}
.request_list h4 img{ border:1px #fff solid;}

/******************** 進階搜尋 ********************/
.booking_advance_search{ width:223px; border:1px #e7e3db solid; background-image:url(images/box_bg.gif); background-repeat:repeat-x; margin-bottom:5px; padding:8px 5px;}
.booking_advance_search h3{ background-image:url(images/box_bg.gif); background-repeat:repeat-x; font-size:95%; color:#514328; font-weight:bolder; line-height:25px; text-indent:8px; padding-top:3px;}
.booking_advance_search p.title{ font-size:80%; color:#06f; line-height:22px; padding:5px;}
.booking_advance_search ul{ list-style-type:none; margin:0; padding:0;}
.booking_advance_search li a{ font-size:80%; color:#000; line-height:25px; text-decoration:none;}
.booking_advance_search li a:hover{ background-color:#06f; color:#fff; padding:2px;}

/******************** 飯店明細 ********************/
#booking_detail_tag{ overflow:auto; width:710px;}
#booking_detail_tag ul{ list-style-type:none; margin:0;}
#booking_detail_tag li{ float:left;}
#booking_detail_tag li a{ font-size:95%; color:#999; line-height:28px; text-decoration:none; background-image:url(images/box_bg.gif); border-top:1px #e7e3db solid; border-right:1px #e7e3db solid; border-left:1px #e7e3db solid; padding:3px 8px; margin-left:5px;}
#booking_detail_tag li a:hover{ color:#f30;}
#booking_detail_tag li.active a{ font-size:95%; color:#333; line-height:28px; text-decoration:none; background-image:url(images/tag_bg.gif); border-top:1px #e7e3db solid; border-right:1px #e7e3db solid; border-left:1px #e7e3db solid; padding:8px; margin-left:5px;}
#booking_detail_tag li.active a:hover{ color:#f30;}
.booking_detail{ width:678px; border:1px #e7e3db solid; padding:8px 15px;}
.booking_detail p{ font-size:80%; color:#000; line-height:23px; padding-left:65px; text-indent:-3px;}
.booking_detail p a{ color:#06f; text-decoration:none;}
.booking_detail p a:hover{ color:#fff; background-color:#06f; padding:1px;}
.booking_detail p.fax{ float:right; font-size:80%; color:#000; line-height:23px; padding-left:65px; text-indent:-3px;}
.booking_detail span.d_subject{ float:left; display:block; font-size:80%; color:#999; line-height:23px;}
.booking_detail span.d_subject_fax{ float:right; display:block; font-size:80%; color:#999; line-height:23px;}
.booking_detail span.d_subject_highlight{ float:left; display:block; font-size:80%; color:#999; font-weight:bolder; line-height:23px;}
.booking_detail span.location{ color:#f00; font-weight:bolder;}
.booking_detail p span.button a{ background-color:#a39d8e; font-size:100%; font-weight:normal; color:#fff; text-decoration:none; margin-left:12px; padding:3px; _padding:3px 3px 0 3px;}
.booking_detail p span.button a:hover{ background-color:#06f; padding:3px; _padding:3px 3px 0 3px;}
.booking_detail p span.highlight{ background-color:#f5c9b9; font-size:100%; font-weight:normal; color:#c2471b; text-decoration:none; margin-right:8px; padding:3px; _padding:3px 3px 0 3px;}
.booking_detail h2{ display:block; width:678px; font-family:Georgia, serif; font-size:110%; color:#f30; background-image:url(images/sep_horizontal.gif); background-position:bottom; background-repeat:repeat-x; padding-bottom:8px;}
.booking_detail h2 span.star{ font-size:120%; color:#f90; padding-left:12px;}
.booking_detail h2 span.button a{ background-color:#a39d8e; font-size:75%; font-weight:normal; color:#fff; text-decoration:none; margin-left:12px; padding:3px; _padding:3px 3px 0 3px;}
.booking_detail h2 span.button a:hover{ background-color:#06f;}
.booking_detail h3{ float:right; display:block; width:140px; background-image:url(images/sep_vertical.gif); background-position:left; background-repeat:repeat-y; font-size:75%; color:#000; font-weight:normal; text-align:center; padding:10px 0 0 5px;}
.booking_detail h3 span.price{ font-family:Arial, sans-serif; font-size:150%; color:#900; font-weight:bolder; padding:0 2px;}
.booking_detail h3 span.confirm{ font-size:130%; color:#f30; font-weight:bolder; line-height:40px;}
.booking_detail h3 span.booking a{ display:block; width:45px; height:23px; background-image:url(images/booking.gif); font-size:100%; color:#fff; line-height:23px; text-decoration:none; margin-top:8px;}
.booking_detail h3 span.booking a:hover{ color:#0cf;}
.booking_detail h4{ float:right; display:block; width:200px; padding:3px 0 0 5px;}
.booking_detail h4 img{ border:1px #fff solid;}
.booking_detail table{ font-family:Arial, sans-serif; font-size:80%; color:#000; line-height:25px; border:1px #e7e3db solid; margin-top:8px;}
.booking_detail table#regist{ font-family:Arial, sans-serif; font-size:80%; color:#000; line-height:25px; border:1px #e7e3db solid; margin:8px auto;}
.booking_detail td{ border-right:1px #e7e3db solid; border-bottom:1px #e7e3db solid; padding:5px; text-align:center;}
.booking_detail td.form_price a{ font-size:130%; color:#900; font-weight:bolder; text-decoration:none;}
.booking_detail td.form_price a:hover{ color:#fff; background-color:#06c;}
.booking_detail td.date{ font-family:Verdana, sans-serif; color:#f00; font-weight:bolder; text-align:left;}
.booking_detail tr.title{ background-image:url(images/tag_bg.gif); color:#999; font-weight:bolder; line-height:25px; padding:5px;}
.booking_detail td.title{ background-image:url(images/tag_bg.gif); color:#999; font-weight:bolder; line-height:25px; padding:5px;}
.booking_detail td.date{ color:#f00; font-weight:bolder; text-align:left;}
.booking_detail td.login{ color:#000; text-align:left;}
.booking_detail td.login a{ color:#06c; text-decoration:none;}
.booking_detail td.login a:hover{ color:#fff; background-color:#06c;}
.booking_detail select, .booking_detail input{ font-family:Arial, sans-serif; font-size:90%;}
#album{ float:left; background-color:#e9e5de; padding:8px 5px 3px 30px;}
#album ul{ float:right; display:block; width:416px; list-style-type:none; margin:0; padding:0;}
#album li{ float:left; display:block; width:96px; height:72px; margin-right:3px; margin-bottom:-3px;}
#album img{ border:1px #fff solid;}

/******************** 訂購流程 ********************/
#booking_process_tag{ width:935px; height:45px; margin-top:5px; padding-left:5px;}
#booking_process_tag ul{ list-style-type:none; margin:0;}
#booking_process_tag li{ float:left;}
#booking_process_tag li.active a{ display:block; width:130px; background-image:url(images/booking_process_tag_1.gif); background-repeat:no-repeat; font-size:95%; color:#000; font-weight:bolder; text-decoration:none; line-height:45px; text-align:center; margin-left:5px;}
#booking_process_tag li.active a:hover{ color:#f30;}
#booking_process_tag li.noact a{ display:block; width:130px; background-image:url(images/booking_process_tag_2.gif); background-repeat:no-repeat; font-size:95%; color:#666; font-weight:normal; line-height:35px; text-align:center; text-decoration:none; margin-left:5px; margin-top:10px;}
#booking_process_tag li.noact a:hover{ color:#f30;}
.booking_process{ width:932px; border:1px #e7e3db solid; padding:8px;}
.booking_process h3{ display:block; width:100%; font-size:95%; color:#666; font-weight:bolder; line-height:35px; background-image:url(images/booking_process_h3.gif); background-repeat:no-repeat; text-indent:20px;}
.booking_process h3 span{ font-size:85%; color:#999; font-weight:normal;}
.booking_process h3 span a{ color:#999; text-decoration:underline;}
.booking_process h3 span a:hover{ color:#06f;}
.booking_process h3 span.star{ color:#c00;}
.booking_process h3 span.visa{ height:25px; background-image:url(images/visa.gif); background-repeat:no-repeat; margin-left:5px; padding:2px 5px 0 32px; font-size:85%; color:#999; font-weight:normal; text-align:right;}
.booking_process p{ font-size:80%; color:#000; line-height:23px; padding:8px 0;}
.booking_process p a{ color:#06c; text-decoration:underline;}
.booking_process p a:hover{ color:#f30;}
.booking_process p select{ font-size:100%;}
.booking_process p.highlight{ font-size:95%; color:#930; line-height:23px; padding:10px 0;}
.booking_process p span.highlight{ color:#c00;}
.table_sep{ float:left; width:50%;}
.booking_process table{ font-family:Arial, sans-serif; font-size:80%; color:#000; line-height:25px; border:1px #e7e3db solid; margin-top:8px;}
.booking_process td{ border-right:1px #e7e3db solid; border-bottom:1px #e7e3db solid; padding:5px;}
.booking_process td.price, .price_popup td.price{ font-size:130%; color:#900; font-weight:bolder; text-decoration:none;}
.booking_process td.price span a{ font-size:70%; color:#fff; font-weight:normal; text-decoration:none; background-color:#999; padding:1px 2px;}
.booking_process td.price span a:hover{ color:#fff; background-color:#06c;}
.booking_process td.date{ font-family:Verdana, sans-serif; color:#f00; font-weight:bolder; text-align:left;}
.booking_process tr.title{ background-image:url(images/booking_process_td.gif); background-repeat:repeat-x; color:#999; font-weight:bolder; line-height:25px; padding:5px;}
.booking_process td.title{ background-image:url(images/booking_process_td.gif); background-repeat:repeat-x; font-family:Georgia, serif; color:#999; font-weight:bolder; line-height:25px; padding:5px; text-align:center;}
.booking_process td.title span{ color:#999; font-weight:normal;}
.booking_process td.title span.star{ color:#c00;}
.booking_process td.date{ color:#f00; font-weight:bolder; text-align:left;}
.booking_process td.highlight{ font-size:120%; color:#000; text-decoration:none;}
.booking_process select, .booking_process input, .booking_process textarea{ font-family:Arial, sans-serif; font-size:95%;}
.booking_process input, .booking_process textarea{ font-family:Arial, sans-serif; font-size:95%;}
.booking_process h4{ display:block; width:110px; height:40px; background-image:url(images/booking_process_button.gif); background-repeat:no-repeat; font-size:95%; color:#fff; font-weight:bolder; line-height:40px; text-align:center; margin:20px auto;}
.booking_process h4 a{ color:#fff; text-decoration:none;}
.booking_process h4 a:hover{ color:#ff0;}
.price_popup{ font-family:Arial, sans-serif; font-size:80%; color:#000; line-height:25px; border:1px #e7e3db solid;}
.price_popup td{ border-right:1px #e7e3db solid; border-bottom:1px #e7e3db solid; padding:5px; text-align:center;}
.price_popup td.title{ background-image:url(images/booking_process_td.gif); background-repeat:repeat-x; font-family:Georgia, serif; color:#999; font-weight:bolder; line-height:25px; padding:5px; text-align:center;}
.price_popup td.highlight{ font-size:120%; color:#000; text-decoration:none;}
.hr{ color:##e7e3db;}
#done_button{ width:75%; height:40px; padding-left:250px;}
#done_button h4{ display:block; float:left; width:110px; background-image:url(images/booking_process_button.gif); background-repeat:no-repeat; font-size:95%; color:#fff; font-weight:bolder; line-height:40px; text-align:center; margin-right:10px;}
#done_button h4 a{ color:#fff; text-decoration:none;}
#done_button h4 a:hover{ color:#ff0;}