/* http://travel.com.tw/index.css */

@import url("layout_survey.css");

/******************** template(2column) ********************/
#left_column{ width:165px; float: left;}
#content{ width:780px; float:right;}

/* yyyy-mm-dd */
#yyyy-mm-dd {text-align: center; font-family: Georgia, sans-serif; font-size: 80%; color: #000; line-height: 220%;}

/******************** left theme channel ********************/
#channel{ background-image:url(images/channel_bg.gif); background-repeat:no-repeat; background-position:bottom; padding-bottom:12px; margin-bottom:5px;}
#channel h2.theme{ display:block; width:165px; height:35px; background-image:url(images/channel_theme.gif); background-repeat:no-repeat; text-indent:-9999px; clear:both;}
#channel h2.luxury{ display:block; width:165px; height:35px; background-image:url(images/channel_luxury.gif); background-repeat:no-repeat; text-indent:-9999px; clear:both;}
#channel h2.best{ display:block; width:165px; height:35px; background-image:url(images/channel_best.gif); background-repeat:no-repeat; text-indent:-9999px; clear:both;}
#channel h2.member{ display:block; width:165px; height:35px; background-image:url(images/channel_member.gif); background-repeat:no-repeat; text-indent:-9999px; clear:both;}
#channel ul{ list-style-type:none; margin:0; padding:0 0 25px 8px;}
#channel li{ float:left; width:48%;}
#channel li a{ display:block; font-size:80%; color:#000; line-height:25px; text-decoration:none; padding-left:1px;}
#channel li a:hover{ color:#fff; text-decoration:none; background-color:#f09;}

/******************** left banner ********************/
.banner_165x72{ margin:1px 0; border:0;}

/* group */
#group { width:540px; display: inline; margin-bottom: 5px; _margin-bottom: 0; float: left;}
#group_tagbox {width: 501px; height: 28px; margin: 0 auto;}
#group_tag_1 {width: 46px; height: 23px; background-image:url(images/group_tag_1.gif); background-repeat: no-repeat; margin-right: 1px; padding-top: 5px; float: left;}
#group_tag_2 {width: 92px; height: 23px; background-image:url(images/group_tag_2.gif); background-repeat: no-repeat; margin-right: 1px; padding-top: 5px; float: left;}
#group_tag_3 {width: 62px; height: 23px; background-image:url(images/group_tag_3.gif); background-repeat: no-repeat; margin-right: 1px; padding-top: 5px; float: left;}
#group_tag_4 {width: 46px; height: 23px; background-image:url(images/group_tag_1.gif); background-repeat: no-repeat; margin-right: 1px; display: inline; position: relative; padding-top: 5px; float: right;}
#group_box_bottom {width: 540px; height: 12px; background-image:url(images/group_box_bottom.gif); background-repeat: no-repeat; position: relative; float: left;}
#group_box_bg {width: 540px; background-image:url(images/group_box_bg.gif); background-repeat: no-repeat; text-align: left; float: left;}
#group_photo {width: 285px; height: 150px; border: 1px solid #999; margin-top: 20px; margin-right: 5px; margin-bottom: 5px; margin-left: 10px !important; margin-left: 5px; float: left;}
#group_newsbox {width: 225px; display: inline; position: relative; margin: 15px 8px 10px 0; float: right; clear: both;}
#group_products {width: 520px; position: relative; background-color: #fdf1ec; margin-top: 0; margin-right: 5px; margin-bottom: 5px; margin-left: 10px !important; margin-left: 5px; float: left;}
#group_products_left {width: 52% !important; width: 51%; display: inline; position: relative; padding: 5px 0 5px 5px; float: left;}
#group_products_right {width: 42% !important; width: 42%; display: inline; position: relative; padding: 5px 8px 5px 0; float: right;}
#group_tag_grp {width: 58px; height: 18px; background-image:url(images/group_tag_grp.gif); background-repeat: no-repeat; margin-left: 5px; display: inline; position: relative; float: left;}
#group_tag_fit {width: 58px; height: 18px; background-image:url(images/group_tag_fit.gif); background-repeat: no-repeat; display: inline; position: relative; float: left;}
#group_tag_tkt {width: 58px; height: 18px; background-image:url(images/group_tag_tkt.gif); background-repeat: no-repeat; display: inline; position: relative; float: left;}
#group_more {width: 60px; display: inline; position: relative; margin-top: 4px; margin-right: 3px; float: right;}
#group_rss {width: 16px; height: 16px; display: inline; position: relative; float: right;}
#group_fit {width: 100%; position: relative; float: left;}
#group_tkt {width: 100%; margin-top: 12px !important; margin-top: 8px; position: relative; float: left;}
#group_grp_textbox {width: 100%; margin: 5px; display: inline; position: relative; float: left;}
#group_fit_textbox {width: 100%; margin: 5px 5px 5px 0; display: inline; position: relative; float: left;}
#group_tkt_textbox {width: 100%; margin: 5px 0 5px 0; display: inline; position: relative; float: left;}

/* sep. */
#sep_horizontal {width: 100%; height: 3px; background-image:url(images/group_sep_horizontal.gif); background-repeat: repeat-x; margin-top: 3px !important; margin-right: 0px; margin-bottom: 3px !important; margin-bottom: -8px; margin-left: 0px; position: relative; float: left;}
#sep_vertical {width: 3px; height: 172px; background-image:url(images/group_sep_vertical.gif); background-repeat: repeat-y; display: inline; position: relative; margin: 5px !important; margin-top: 8px; margin-bottom: 5px; float: left;}
#company_info_sep {width: 3px; height: 118px; background-image:url(images/group_sep_vertical.gif); background-repeat: repeat-y; display: inline; position: relative; margin: 5px !important; margin-top: 3px; margin-bottom: 3px; float: left;}

/* total search */
#total_search {width: 540px; text-align: left; margin-bottom: 5px; _margin-bottom: 0; float: left;}
#total_search_bg {width: 100%; background-image:url(images/group_box_bg.gif); background-repeat: no-repeat; text-align: left; display: inline; position: relative; float: left;}
#total_search_tagbox {width: 540px; height: 35px; background-image:url(images/total_search_tagbox.gif); background-repeat: repeat-x; margin-top: 5px;}
#total_search_tag_1 {width: 70px; height: 25px; background-image:url(images/total_search_tagbg.gif); background-repeat: no-repeat; margin-top: 4px; margin-left:15px; margin-right: 2px; padding-top: 5px; display: inline; text-align: center; float: left;}
#total_search_tag_2 {width: 70px; height: 25px; margin-top: 4px; margin-left: 2px; margin-right: 2px; padding-top: 5px; display: inline; text-align: center; float: left;}
#total_search_textbox {width: 100%; position: relative; float: left;}
#total_search_textbox_left {width: 45% !important; width: 43%; padding: 5px 0 5px 10px; display: inline; position: relative; float: left;}
#total_search_textbox_right {width: 42% !important; width: 38%; padding: 5px 0 5px 0; text-align: left; position: relative; float: left;}
#total_search_textbox_submit {width: 42px; height: 22px; margin-top: 40px; padding-top: 3px; background-image:url(images/total_search_submit.gif); background-repeat: no-repeat; position: relative; text-align: center; float: left;}
#total_search_bottom {width: 540px; height: 12px; background-image: url(images/group_box_bottom.gif); background-repeat: no-repeat; position: relative; float: left;}

/* ranking */
#ranking {width: 100%; margin-bottom: 5px; _margin-bottom: 0; position: relative; float: left;}
#group_ranking {width: 275px; text-align: left; display: inline; position: relative; float: left;}
#group_ranking_bg {width: 100%; background-image:url(images/ranking_box_bg.gif); background-repeat: no-repeat; position: relative; float: left;}
#group_ranking_tagbox {width: 195px; height: 45px; background-image:url(images/ranking_tag.gif); background-repeat: repeat-x; margin-top: 5px; margin-left: 8px; display: inline; position: relative; float: left;}
#group_ranking_textbox {width: 95%; padding-left: 7px; display: inline; float: left;}
#group_ranking_bottom {width: 275px; height: 12px; background-image:url(/images/ranking_box_bottom.gif); background-repeat: no-repeat; position: relative; float: left;}
#fit_ranking {width: 260px; text-align: left; position: relative; float: right;}
#fit_ranking_bg {width: 100%; background-image:url(images/fit_ranking_box_bg.gif); background-repeat: no-repeat; position: relative; float: left;}
#fit_ranking_tagbox {width: 195px; height: 45px; background-image:url(images/fit_ranking_tag.gif); background-repeat: repeat-x; margin-top: 5px; margin-left: 8px; display: inline; position: relative; float: left;}
#fit_ranking_textbox {width: 95%; padding-left: 7px; display: inline; float: left;}
#fit_ranking_bottom {width: 260px; height: 12px; background-image:url(images/fit_ranking_box_bottom.gif); background-repeat: no-repeat; position: relative; float: left;}

/* corp */
#corp {width: 540px; display: inline; margin-bottom: 5px; float: left;}
#corp_box_bg {width: 540px; background-image:url(images/corp_box_bg.gif); background-repeat: no-repeat; text-align: left; float: left;}
#corp_box_bottom {width: 540px; height: 12px; background-image:url(images/corp_box_bottom.gif); background-repeat: no-repeat; position: relative; float: left;}
#corp_button_box {width: 215px; margin-top: 12px; margin-left: 10px; display: inline; position: relative; float: left;}
#corp_creditcard {width: 105px; height: 30px; background-image:url(images/corp_creditcard.gif); background-repeat: no-repeat; padding-top: 35px; margin-right: 5px; margin-bottom: 3px; text-align: center; position: relative; float: left;}
#corp_corp {width: 105px; height: 30px; background-image:url(images/corp_corp.gif); background-repeat: no-repeat; padding-top: 35px; text-align: center; position: relative; float: right;}
#corp_wingontravel {width: 105px; height: 30px; background-image:url(images/corp_wingontravel.gif); background-repeat: no-repeat; padding-top: 35px; margin-right: 5px; text-align: center; position: relative; float: left;}
#corp_ysticket {width: 105px; height: 30px; background-image:url(images/corp_ysticket.gif); background-repeat: no-repeat; padding-top: 35px; text-align: center; position: relative; float: right;}
#corp_tagbox {width: 95px; height:35px; background-image:url(images/corp_tag.gif); background-repeat: no-repeat; margin-top: 10px; margin-right: 210px; _margin-right: 105px; position: relative; float: right;}
#corp_textbox {width: 305px; margin-top: 5px; margin-left: 8px; display: inline; float: left;}

/* discount */
#discount {width: 235px; display: inline; margin-bottom: 5px; _margin-bottom: 0;}
#discount_box_bg {width: 100%; background-image:url(images/discount_box_bg.gif); background-repeat: no-repeat; text-align: left;}
#discount_textbox {width: 92%; margin-top: 35px; margin-left: 10px;}
#discount_rss {width: 16px; height: 16px; float: right;}
#discount_box_bottom {width: 235px; height: 12px; background-image:url(images/discount_box_bottom.gif); background-repeat: no-repeat;}

/* news */
#news {width: 235px; display: inline; margin-bottom: 5px; _margin-bottom: 0;}
#news_box_bg {width: 100%; background-image:url(images/news_box_bg.gif); background-repeat: no-repeat; text-align: left;}
#news_textbox {width: 92%; margin-top: 35px; margin-left: 10px;}
#news_rss {width: 16px; height: 16px; float: right;}
#news_box_bottom {width: 235px; height: 12px; background-image:url(images/discount_box_bottom.gif); background-repeat: no-repeat;}

/* middle_news_content */
#news_content{ width:780px;}
#news_content h2{ display:block; width:130px; height:38px; background-image:url(images/middle_news_tag.gif); background-repeat:no-repeat; text-indent:-9999px; margin:0 15px;}
#news_content ul{ display:block; width:740px; background-image:url(images/middle_news_bg.gif); background-repeat:repeat-y; padding:30px 20px 0 20px;}
#news_content li p{ font-size:80%; line-height:28px; background-image:url(images/group_sep_horizontal.gif); background-position:bottom; background-repeat:repeat-x; padding-left:15px;}
#news_content li a{ font-size:95%; color:#06c; line-height:28px; font-weight:bolder; text-decoration:none;}
#news_content li a:hover{ background-color:#f30; color:#fff; padding:2px;}
#news_content li span.more a{ color:#f60; font-size:100%; font-weight:normal; line-height:28px; text-decoration:none; text-align:right;}
#news_content li span.more a:hover{ background-color:#099; color:#fff; padding:2px;}
#news_content li span.yyyy-mm-dd{ font-size:70%; color:#999; line-height:28px; font-weight:normal;}
#headline{ width:740px; height:180px; background-image:url(images/group_sep_horizontal.gif); background-position:bottom; background-repeat:repeat-x;}
#headline a{ font-size:100%; color:#06c; font-weight:bolder; text-decoration:none;}
#headline a:hover{ background-color:#f30; color:#fff; padding:2px;}
#headline p{ font-size:80%; line-height:28px; padding-left:15px;}
#headline span.more a{ color:#f60; font-size:100%; font-weight:normal; line-height:28px; text-decoration:none; text-align:right;}
#headline span.more a:hover{ background-color:#099; color:#fff; padding:2px;}
#headline span.yyyy-mm-dd{ font-size:70%; color:#999; line-height:28px; font-weight:normal;}
#headline img{ float:right; padding:5px;}
#page{ font-family:Verdana, sans-serif; font-size:80%; color:#000; line-height:28px; text-align:right;}
#page a{ color:#06c; font-weight:normal; text-decoration:none;}
#page a:hover{ color:#f06; text-decoration:underline;}
#news_detail .title{ font-size:100%; color:#06c; line-height:28px; font-weight:bolder; text-decoration:none;}
#news_detail a{ font-size:100%; color:#06c; line-height:28px; font-weight:bolder; text-decoration:none;}
#news_detail a:hover{ background-color:#f30; color:#fff; padding:2px;}
#news_detail span.yyyy-mm-dd{ font-size:70%; color:#999; line-height:28px; font-weight:normal;}
#news_detail img{ float:right; padding:5px;}
#news_detail p{ font-size:80%; line-height:28px; padding:0 0 15px 15px;}
#news_content h5{ display:block; width:780px; height:12px; background-image:url(images/middle_news_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:12px;}

/* middle_discount_content */
#discount_content{ width:780px;}
#discount_content h2{ display:block; width:130px; height:38px; background-image:url(images/middle_discount_tag.gif); background-repeat:no-repeat; text-indent:-9999px; margin:0 15px;}
#discount_content ul{ display:block; width:740px; background-image:url(images/middle_discount_bg.gif); background-repeat:repeat-y; padding:30px 20px 0 20px;}
#discount_content li p{ font-size:80%; line-height:28px; background-image:url(images/group_sep_horizontal.gif); background-position:bottom; background-repeat:repeat-x; padding-left:15px;}
#discount_content li a{ font-size:95%; color:#06c; line-height:28px; font-weight:bolder; text-decoration:none;}
#discount_content li a:hover{ background-color:#f30; color:#fff; padding:2px;}
#discount_content li span.more a{ color:#f60; font-size:100%; font-weight:normal; line-height:28px; text-decoration:none; text-align:right;}
#discount_content li span.more a:hover{ background-color:#099; color:#fff; padding:2px;}
#discount_content li span.yyyy-mm-dd{ font-size:70%; color:#999; line-height:28px; font-weight:normal;}

#discount_detail .title{ font-size:100%; color:#06c; line-height:28px; font-weight:bolder; text-decoration:none;}
#discount_detail a{ font-size:100%; color:#06c; line-height:28px; font-weight:bolder; text-decoration:none;}
#discount_detail a:hover{ background-color:#f30; color:#fff; padding:2px;}
#discount_detail span.yyyy-mm-dd{ font-size:70%; color:#999; line-height:28px; font-weight:normal;}
#discount_detail img{ float:right; padding:5px;}
#discount_detail p{ font-size:80%; line-height:28px; padding:0 0 15px 15px;}
#discount_content h5{ display:block; width:780px; height:12px; background-image:url(images/middle_discount_bg.gif); background-position:bottom; background-repeat:no-repeat; text-indent:-9999px; padding-top:12px;}

/* airlines */
#airlines { width:235px; height:200px; background-image:url(images/airlines_box_bg.gif); background-repeat:no-repeat; margin-bottom:5px;}
#airlines_button_box {width: 205px; margin-top: 35px; margin-left: 15px;}
#airline_CI {width: 96px; height: 24px; background-image:url(images/airlines_ci.gif); background-repeat: no-repeat; padding-top: 52px; margin-right: 12px; _margin-right: 10px; margin-bottom: 5px; text-align: center; position: relative; float: left;}
#airline_CX {width: 96px; height: 24px; background-image:url(images/airlines_cx.gif); background-repeat: no-repeat; padding-top: 52px; margin-bottom: 5px; text-align: center; position: relative; float: right;}
#airline_TG {width: 96px; height: 24px; background-image:url(images/airlines_tg.gif); background-repeat: no-repeat; padding-top: 52px; margin-right: 12px; _margin-right: 10px; margin-bottom: 5px; text-align: center; position: relative; float: left;}
#airline_NW {width: 96px; height: 24px; background-image:url(images/airlines_nw.gif); background-repeat: no-repeat; padding-top: 52px; margin-bottom: 5px; text-align: center; float: right;}

/* awards */
#award {width: 235px; height: 120px; background-image:url(images/award_bg.gif); background-repeat: no-repeat; margin-right: 5px; display: inline; float: left;}
#award_golden {width: 232px; height: 120px; background-image:url(images/award_golden.jpg); background-repeat: no-repeat; margin-top: 8px; margin-left: 4px;}
#award_textbox {width: auto; margin-left: 62px; _margin-right: 3px;}
#award_awardbox {width: 100%; margin-top: 10px; _margin-top: -3px; position: relative; float: left;}

/* company info */
#company_info {width: 950px; padding-top:10px; _padding-top:0; clear:both;}
#company_middle {width: 365px; _width: 362px; margin-top: 2px; position: relative; position: relative; float: left;}
#company_right {width: 330px; margin-top: 2px; position: relative; position: relative; float: left;}


/* ------------------------------- font ------------------------------- */

.group_tag_text {font-size: 92%; color: #fff; line-height: 140%; text-decoration: none; text-align: center;}
.group_tag_text a{color: #fff; text-decoration: none;}
.group_tag_text a:hover{color: #fc0; text-decoration: none;}
.group_news {font-size: 80%; color: #000; line-height: 150%; text-decoration: none;}
.group_news a{color: #000; text-decoration: none;}
.group_news a:hover{color: #00f; text-decoration: none;}
.group_more {*font-size: 50%; -font-size: 60%; font-size: 70%; color: #c90; line-height: 140%; text-decoration: none;}
.group_more a{color: #c90; text-decoration: none;}
.group_more a:hover{color: #06f; text-decoration: none;}
.group_products_text {font-size: 80%; color: #000; line-height: 200%; text-decoration: none;}
.group_products_text a{color: #000; text-decoration: none;}
.group_products_text a:hover{color: #fff; text-decoration: none; background-color: #c60; padding: 2px;}

/* ----- */
.total_search_tag_text {font-size: 75%; color: #000; line-height: 150%; text-decoration: none;}
.total_search_tag_text a{color: #000; text-decoration: none;}
.total_search_tag_text a:hover{color: #06f; text-decoration: underline; font-weight: bolder;}
.total_search_text {font-size: 75%; color: #000; line-height: 140%; text-decoration: none;}
.total_search_submit {font-size: 75%; color: #fff; line-height: 160%; text-decoration: none;}
.total_search_submit a{color: #fff; text-decoration: none;}
.total_search_submit a:hover{color: #fc0; text-decoration: underline;}

/* ----- */
.ranking_text {font-size: 80%; color: #000; line-height: 200%; text-decoration: none;}
.ranking_text a{color: #000; text-decoration: none;}
.ranking_text a:hover{color: #fff; text-decoration: none; background-color: #09c; padding: 2px;}

.fit_ranking_text {font-size: 80%; color: #000; line-height: 200%; text-decoration: none;}
.fit_ranking_text a{color: #000; text-decoration: none;}
.fit_ranking_text a:hover{color: #fff; text-decoration: none; background-color: #c60; padding: 2px;}

/* ----- */
.corp_button_text {font-size: 95%; color: #06c; line-height: 200%; text-decoration: none;}
.corp_button_text a{color: #06c; text-decoration: none;}
.corp_button_text a:hover{color: #f60; text-decoration: none;}
.corp_text {font-size: 80%; color: #000; line-height: 200%; text-decoration: none;}
.corp_text a{color: #000; text-decoration: none;}
.corp_text a:hover{color: #fff; text-decoration: none; background-color: #c60; padding: 2px;}

/* ----- */
.discount_text {font-size: 75%; color: #000; line-height: 200%; text-decoration: none;}
.discount_text a{color: #000; text-decoration: none;}
.discount_text a:hover{color: #09f; text-decoration: underline;}

/* ----- */
.news_text {font-size: 75%; color: #000; line-height: 200%; text-decoration: none;}
.news_text a{color: #000; text-decoration: none;}
.news_text a:hover{color: #09f; text-decoration: underline;}
.news_date {font-size: 85%; color: #666; line-height: 200%; text-decoration: none;}
.news_date a{color: #666; text-decoration: none;}
.news_date a:hover{color: #09f; text-decoration: underline;}

/* ----- */
.airline_text {font-size: 75%; color: #000; line-height: 200%; text-decoration: none;}
.airline_text a{color: #000; text-decoration: none;}
.airline_text a:hover{color: #06f; text-decoration: underline; font-weight: bolder;}

/* ----- */
.award_text {font-size: 68%; color: #000; line-height: 150%; _line-height: 130%; text-decoration: none;}
.award_text a{color: #000; text-decoration: none;}
.award_text a:hover{color: #06f; text-decoration: underline; font-weight: bolder;}

/* ----- */
.company_info_text {font-family: Verdana, sans-serif; font-size: 68%; _font-size: 65%; color: #000; line-height: 180%; text-decoration: none;}
.company_info_text a{_font-size: 110%; color: #06f; text-decoration: underline;}
.company_info_text a:hover{color: #f33; text-decoration: underline;}

/* ----- */
.counter{ font-family:Verdana, sans-serif; font-size:140%; color:#000; line-height:30px; text-decoration:none; font-weight:bolder;}