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

@import url("layout.css");

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

/******************** booking_search ********************/
#booking_search{ width:217px; border:1px #d9d9d9 solid; padding:8px 3px; font-size:80%; line-height:22px;}
#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;}