@charset "utf-8";
/*Global Common*/
body { width:979px;font-family:Arial,Tahoma, SimSun, Arial; font-size:12px; color:#666; text-align:left; background-color:#fff; min-width:1000px; max-width:1600px; margin:0 auto;position:relative; }
h1, h2, h3, h4, h4, h5, div, table, a, img { margin:0; padding:0; }
address, caption, em, th, i { font-style:normal; font-weight:400; }
strong { font-style:normal; font-weight:bold; }
table caption { margin-left:-1px; }
caption, th { text-align:left; }
dl, dt, dd, ul, ol, li, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; font-weight:400; }
ol, ul {}
form, fieldset { margin:0; padding:0; }
select { font-size:12px; }
fieldset, img { border:0; }
fieldset p { margin:0; padding:0 0 0 8px; }

a:link, a:visited { color:#0069ca; text-decoration:none; }
a:hover, a:active { color:#f50; text-decoration:underline; }

q:before, q:after, blockquote:before, blockquote:after { content:""; }

.fL { float:left; }
.fR { float:right; }
.taC { text-align:center; }

.invisible { display:none; }
hr.clr { clear:both; margin:5px 0; border-width:0; border-top:1px solid #e4e4e4; border-bottom:1px solid #FFF; height:2px; overflow:hidden; }
.clr { clear:both; height:0; overflow:hidden; }

/*Global Header&Footer*/
.gbl_hd_wrap { margin:10px 10px 0; background:transparent url(http://source.qunar.com/site/images/new_header/header_Nav.middleBG.gif) bottom repeat-x; }
.gbl_hd { clear:both; width:959px; margin:0 auto; }
.gbl_hd .logo { float:left; margin:20px 0 0 33px; }
.gbl_hd .lang { float:right;visibility:hidden; }
.gbl_hd a.fav:link, .gbl_hd a.fav:visited { clear:right; float:right; margin-top:38px; font-family:Arial; font-size:12px; font-weight:normal; color:#888; text-decoration:none; }
.gbl_hd .banner { display:block; margin:0 auto; }
.gbl_nav { clear:both; margin-top:12px; background:transparent url(http://source.qunar.com/site/images/new_header/header_Nav.left.gif) left bottom no-repeat; }
.gbl_nav .r { background:transparent url(http://source.qunar.com/site/images/new_header/header_Nav.right.gif) right bottom no-repeat; }
.gbl_nav .nav { margin:0 auto; padding-left:192px; width:787px; height:48px; list-style:none; background:transparent url(http://source.qunar.com/site/images/new_header/Nav_DotLine.gif) 191px center no-repeat; }
.gbl_nav .nav li { float:left; margin:0; padding:0; text-align:center; }
.gbl_nav .nav a:link, .gbl_nav .nav a:visited { display:block; width:110px; height:30px; padding-top:18px; font-family:Arial; font-size:12px; font-weight:bold; color:#fff; text-decoration:none; background:transparent url(http://source.qunar.com/site/images/new_header/Nav_Normal.Bg.gif) center no-repeat; }
.gbl_nav .r .nav a.active, .gbl_nav .nav a:hover { background:transparent url(http://source.qunar.com/site/images/new_header/Nav_Active.Bg.gif) no-repeat; }
.gbl_ft_wrap { margin:0px 10px 0; border-top:1px solid #ddd; clear:both; }
.gbl_ft { width:979px; margin:0 auto; text-align:center; line-height:22px; color:#888; font-family:Arial; font-size:12px; }
.gbl_ft a:link, .gbl_ft a:visited { color:#888; text-decoration:none; }
.gbl_ft a:hover { text-decoration:none; }
.gbl_ft .copyright { margin:2px 0; font-size:11px; }
.gbl_ft .copyright a { font-size:12px; }

/*Page Layout*/
#container { margin:4px 0 4px 10px; float:left;display:inline;width:784px;}
.sidebar {height:1%;margin:4px 10px 0 798px;}
.sidebar h3{background-color:#EEEEEE;font-size:12px;color:#484846;font-weight:800;padding:6px;}
.sideAd{padding:10px 0;}
#container .main { margin-left:186px; }
#container .sidebarAD { float:left;width:180px; }

/*Panel:searchPanel*/
.searchPanel { margin-bottom:4px; padding:5px 0; background-color:#eee; color:#555; }
.searchPanel .ctlBox { display:inline; }
.searchPanel strong { margin:0 2px 0 4px; }
.searchPanel span { margin:0 3px 0 0; }
.searchPanel .city { width:195px; float:left; text-align:right; }
.searchPanel .date { width:195px; float:left; text-align:right; }
.searchPanel .button { width:95px; float:right; }
.searchPanel .button .btnSearch { background:transparent url(../images/bg.btn.search.gif) no-repeat; width:85px; height:37px; cursor:pointer; border:none; } 
.searchPanel input { width:110px; height:16px; border:1px solid #afafaf; line-height:16px; padding:2px; vertical-align:middle; }
.searchPanel .btnCity { width:18px; height:20px; border:none; margin-left:3px; background:transparent url(http://source.qunar.com/site/images/new_main/Icon.Hotcity.gif) no-repeat; cursor:pointer; vertical-align:middle; }
.searchPanel .btnDate { width:18px; height:20px; border:none; margin-left:3px; background:transparent url(http://source.qunar.com/site/images/components/datepicker/Icon.DatePick.gif) no-repeat; cursor:pointer; vertical-align:middle; }
/*.searchPanel table { height:78px; }
.searchPanel input { width:110px; height:16px; border:1px solid #afafaf; line-height:16px; padding:2px; }
.searchPanel .btnSearch { background:transparent url(../images/bg.btn.search.gif) no-repeat; width:85px; height:37px; cursor:pointer; border:none; }*/
/*Panel:mapPanel*/
.mapPanel { height:300px; border:1px solid #ccc; }
.mapPanel { background:#fff url(../images/_sandbox/map.jpg); } /*sandbox*/
/*Panel:hotSearchPanel*/
.hotSearchPanel {}
.hotSearchPanel .header { list-style:none; height:29px; background:#fff url(../images/bg.search.header.gif) left bottom repeat-x; }
.hotSearchPanel .header li { float:left; }
.hotSearchPanel .header li.tagTab { margin-left:8px; display:inline; width:69px; height:29px; line-height:29px; text-align:center; background:url(../images/bg.search.htab1_active.gif) no-repeat; color:#666; cursor:pointer; }
.hotSearchPanel .header li.searchTab { width:215px; height:29px; overflow:hidden; background:url(../images/bg.search.htab2.gif) no-repeat; position:relative; }
.hotSearchPanel .header li.searchTab input.keyword { padding:0px; width:170px; height:20px; border:1px solid #afafaf; line-height:20px; position:absolute; top:4px; left:7px; }
.hotSearchPanel .header li.searchTab input.search { background:url(../images/bg.btn.hotsearch.gif) center no-repeat; width:22px; height:22px; cursor:pointer; border:none; position:absolute; top:4px; left:185px; }
.hotSearchPanel .content { border:1px solid #ccc; border-top:none; border-bottom:none; background-color:#f0f0f0; }
.hotSearchPanel .tagList { padding:8px; border-bottom:1px solid #ccc; line-height:18px; }
.hotSearchPanel .tagList a { margin-right:4px; }
.hotSearchPanel .tagList a:visited { color:#666; }
.hotSearchPanel .searchList { display:none; list-style:none; padding-top:0px; }
.hotSearchPanel .searchList li { border-bottom:1px solid #ccc; }
.hotSearchPanel .searchList li a { display:block; height:36px; padding-top:4px; border:1px solid #fff; border-top:none; }
.hotSearchPanel .searchList li a:visited { text-decoration:none; }
.hotSearchPanel .searchList li a:hover { text-decoration:none; background-color:#fff; }
.hotSearchPanel .searchList li a div { float:left; display:inline; width:55px; height:36px; cursor:pointer; background-position:center; background-repeat:no-repeat; }
.hotSearchPanel .searchList li a span { display:block; color:#666; }
.hotSearchPanel .searchList li a span.title { font-size:14px; color:#1554ab; font-weight:bold; color:#1554ab; }
.activeHotSearchPanel .header li.tagTab { background:url(../images/bg.search.htab1.gif) no-repeat; color:#1554ab; }
.activeHotSearchPanel .header li.searchTab { background:url(../images/bg.search.htab2_active.gif) no-repeat; }
.activeHotSearchPanel .searchList { display:block; }
.activeHotSearchPanel .tagList { display:none; }
.hotSearchPanel div.marka { background:transparent url(../images/ico.centera.png); }
.hotSearchPanel div.markb { background:transparent url(../images/ico.centerb.png); }
.hotSearchPanel div.markc { background:transparent url(../images/ico.centerc.png); }
/*Panel:pagerPanel*/
.pagerPanel { margin:5px 0 0; border-bottom:1px solid #c7c7c7; height:1%;overflow:hidden;}
.pagerPanel:after{content:".";clear:both;height:0;visibility:hidden;display:block;}
.noLine{border:0;}
.pagerPanel .sorter { float:left; width:130px; margin-right:10px; }
/*Area:relFavour*/
h3.relFavour { height:25px; line-height:25px; background:#888; color:#fff; font-size:12px; font-weight:bold; padding:0 10px; }
/*Panel:filterPanel*/
.filterPanel { width:492px; border:1px solid #dadada; clear:both; font-family:Arial; }
.filterPanel .fL { height:30px; line-height:30px; }
.filterPanel .seg1 { width:38px; text-align:center; }
.filterPanel .seg2 { width:42px; text-align:right; }
.filterPanel .slider { margin:0 4px; width:139px; background:#fff url(../images/_sandbox/slider.gif) no-repeat center center; } /*sandbox*/
.filterPanel .seg3 { width:51px; text-align:left; }
.filterPanel .seg4 { width:214px; text-align:right; color:#11529e; }
.filterPanel .seg5 { width:44px; }
.filterPanel .seg6 { width:100px; }
.filterPanel .seg6 input { width:98px; height:16px; border:1px solid #afafaf; line-height:16px; padding:1px; margin-top:3px; }
.filterPanel .seg7 { width:68px; color:#cecece; text-align:center; }
.filterPanel .advFilter { clear:both; }
.filterPanel .advFilter td { line-height:18px; }
.filterPanel .advFilter td span { white-space:nowrap; margin-right:8px; }
.filterPanel .advFilter td input { margin:0 2px 0 0; }
.filterPanel .title { text-align:right; }
.filterPanel .title strong { display:block; text-align:right; height:25px; line-height:25px; }
/*Panel:mantopPanel*/
.mainTopPanel{height:1%;border:1px solid #c7c7c7;overflow:hidden;}
.mainTopPanel:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.mainTopPanel .resultInfo{width:142px;text-align:center;float:left;padding-top:6px;line-height:20px;}
.mainTopPanel .mainTopAd{float:right;width:350px;text-align:right;}
/*Panel:resultListPanel*/
.resultListPanel .item { margin-bottom:5px; border-bottom:1px solid #c7c7c7; padding:8px 0; overflow:hidden;height:1%;}
.resultListPanel .item a:link, .resultListPanel .item a:visited { color:#0069ca; text-decoration:none; }
.resultListPanel .item a:hover { text-decoration:underline; }
.resultListPanel .item h1 { line-height:20px; position:relative;height:1%; }
.resultListPanel .item h1 span { position:absolute; left:-1px; margin-top:-3px; width:31px; height:37px; background:transparent url(../images/bg.ico.green.gif) no-repeat; color:#fff; text-align:center; }
.resultListPanel .item h1 strong { padding-right:3px; font-family:Arial; font-size:14px; line-height:28px; }
.resultListPanel .item h1 em { position:absolute; width:60px; height:20px; left:31px;top:5px; }
.resultListPanel .item h1 div.hotelDist { float:right; color:#676767; font-size:12px; font-weight:400; margin:0 4px; display:inline; }
.resultListPanel .item h1 a { display:block; font-weight:bold; font-size:14px; margin-left:111px; }
.resultListPanel .item h1 a:hover { color:#f50; }
.resultListPanel .item .hotelInfo { line-height:18px; }
.resultListPanel .item a.hotelPrice { float:left; display:block; width:101px; padding:14px 5px; color:#676769; text-align:center; text-decoration:none; }
.resultListPanel .item a.hotelPrice:hover { color:#0069ca; text-decoration:none; }
.resultListPanel .item a.hotelPrice:visited { color:#676769; }
.resultListPanel .item a.hotelPrice strong { display:block; color:#0069ca; font-size:24px; }
.resultListPanel .item a.hotelPrice em { font-family:Arial; font-size:16px; font-weight:bold; }
.resultListPanel .item a.hotelPrice span { font-size:12px; font-weight:400; }
.resultListPanel .item .hotelInfoDetail { margin-left:111px;margin-right:73px;line-height:16px; color:#676767; list-style:none; }
.resultListPanel .item .hotelInfoDetail .hotelIcon { margin:5px 0 2px 0; }
.resultListPanel .item .hotelInfoDetail .hotelIcon a{margin-left:20px;margin-top:-5px;}
/*.resultListPanel .item .hotelInfoDetail .hotelIcon img { margin-right:0px; }*/
.resultListPanel .item .hotelInfo .hotelDist { float:left; width:111px; text-align:center; }
.resultListPanel .item .hotelInfo .hotelDist img { margin:0 1px; }
.resultListPanel .item .hotelInfo .hotelAD { float:left; width:310px; font-weight:bold; }
.resultListPanel .item .hotelInfo .hotelAD a { margin-right:8px; white-space:nowrap; }
.resultListPanel .item .hotelInfo .hotelAD a:hover { color:#f50; }
.resultListPanel .item .hotelImage { float:right;  line-height:19px; padding-top:5px; text-align:center; width:73px; }
.resultListPanel .item .hotelImage img { display:block; margin:0 auto; border:1px solid #095974; }
.resultListPanel .active { background-color:#f1f1f1; }
.resultListPanel .active h1 span { background:transparent url(../images/bg.ico.blue.gif) no-repeat; }
.resultListPanel .star1 { background:transparent url(../images/Ico.Star1.gif) no-repeat; }
.resultListPanel .star2 { background:transparent url(../images/Ico.Star2.gif) no-repeat; }
.resultListPanel .star3 { background:transparent url(../images/Ico.Star3.gif) no-repeat; }
.resultListPanel .star4 { background:transparent url(../images/Ico.Star4.gif) no-repeat; }
.resultListPanel .star5 { background:transparent url(../images/Ico.Star5.gif) no-repeat; }

* html #doc_wrapper {border-left:960px solid #fff;position:relative;float:left;}
* html #doc_container {margin-left:-960px;position:relative;float:left;}


/* add css*/
.sliderList{background:#eee;padding:6px;}
.searInput{margin-bottom:7px;position:relative;}
#inputInTime{z-index:2;}
#inputOutTime{z-index:1;}
#toCity{z-index:3;}
.CInputbox {border:1px solid #BBBBBB;height:16px;width:100px;}
.hotcityButton{background:transparent;border:medium none;padding:0px;vertical-align:bottom;}
img.DPtoggleImage{cursor:pointer;margin-left:3px;vertical-align:bottom;z-index:10;}
input.datePicker1{border:1px solid #BBBBBB;width:100px;z-index:10;}
.searchagin {background:transparent url(http://source.qunar.com/site/images/zh/Button.ReSearch.gif) no-repeat;border:0pt none;cursor:pointer;height:20px;margin-top:5px;width:80px;}
.relFavour span{float:right;font-weight:400;}
.sliderContainer{height:22px;position:relative;}
#result{line-height:22px;}


/*sidebarleft seo list */
.seoList{padding:10px;}
.seoList dl{margin-bottom:15px;}
.seoList dt{font-weight:800;padding-bottom:2px;color:#0069ca;}
.seoList dd{line-height:18px;}
.seoList dd a{text-decoration:underline;}
.seoList .moreList a{text-decoration:none;}
.seoList .moreList a span{color:#f60;font-family:Tahoma;font-size:12px;letter-spacing:-5px;margin-right:5px;}

/*Suggest*/
.jstemplate {display: none}
.vstatus0 {color: #000}
.vstatus1 {color: #000}
.vstatus2 {color: #000}
.vstatus3 {color: #f00 !important;}
.vstatus5 {color: #BBB !important;}
.inputExtendBox {top:0;position:absolute; z-index:10000;background:#FFF; margin-top:25px; border:1px #bbb solid; width:200px;left:0 !important;}
ul.suggestBox {white-space:nowrap; color:#777; list-style:none; margin:4px 8px 4px 4px;*margin-right:4px;width:auto;}
.suggestBox li {list-style:none; cursor:pointer; font-family:Arial; font-size:12px; padding:2px;width:100%;clear:both;text-align:left;}
.suggestBox .keystring {color:#f60;font-size:12px;}
.suggestBox .error {color:#FFF; background:#C30;}
.suggestBox .onhover {background-color:#6C0; color:#fff !important;width:100%;height:1%;}
.suggestBox .onhover .keystring {color:#fff; font-size:12px;}
.suggestBox li.nearbyAirport {padding-left:0px;}
.suggestBox li span {font-size:11px;}
.suggestBox li:after {content:".";clear:both;display:block;height:0;visibility:hidden;}
.hotcityButton {border:none;background: transparent;vertical-align:bottom; padding:0px;} 
.cityinput {width:350px; border:1px #bbb solid; margin:-1px; background:#FFF;color:#777;text-align:left;}
.cityinput .hint {padding:5px; height:100%;}
.cityinput ul:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.cityinput .hint li a { color:#666;}
.cityinput ul {color:#000; background:#FFF; list-style:none; display:block;clear:both;height:1%;}
.cityinput li  {float:left; text-align:center; cursor:pointer; width:25%;padding:5px 0px;}
.cityinput li a {display:block; background-color:#fff;text-decoration:none;}
.cityinput img.closeImg {display:block; float:right; height:15px; width:15px; cursor:pointer;}
.cityinput hr {border-bottom:1px dotted #BBB; border-top-width:0px; color:#FFF;clear:both;}
.cityinput div.clear {float:none; width:100%; clear:both; height:0px; margin-top:-15px;}
.citybox{display:inline;}
/*Datepicker*/
div.datePicker {border:1px solid WindowText; background:Window; padding:0px; width:170px;cursor:default;-moz-user-focus: normal;z-index: 10;}
input.datePicker {border:1px #BBBBBB solid;margin-left: 3px;z-index: 10;}
div.datePicker {position: absolute;z-index: 10;display: none;}
img.DPtoggleImage {cursor:pointer; vertical-align:bottom;z-index:10;}

.datePicker2{background:#fff;border:1px solid #ADADAD;z-index:2000;color:#777;margin-top:1px;float:none;width:192px;left:0 !important;}
.datePicker2 td{padding:2px 4px;text-align:center;font-size:12px;border:1px solid #fff;font-family:"arial";}
.tdMonth1{background-color:#E6E6E6;}
.tdMonth2{background-color:#EFEFEF;}
td.month1{background-color:#FFEFDE;padding:0 !important;width:22px;text-align:center;}
td.month2{background-color:#F7DDB4;padding:0 !important;text-align:center;width:22px;}
.tdMonth1,.tdMonth2,.month1,.month2{cursor:pointer;}

.slot{display:block;width:100%;overflow:hidden; position:relative;height:124px;}
.tdListTable{position:relative;background:#FFF;border-collapse:collapse;}
.today{font-weight:700;}
td.before,td.next{color:#999;background-color:#fff;cursor:not-allowed;}
.red{color:#f00;}
.selected{background-color:#F6DFC6;border:1px solid #F1C68F;font-weight:700;}

.upTd,.downTd{width:20px;}
.upTd{background:url(http://source.qunar.com/site/images/prevMonth.gif) center center no-repeat;}
.downTd{background:url(http://source.qunar.com/site/images/nextMonth.gif) center center no-repeat;}
/* slider */
.sliderContainer {position: relative;height: 22px;margin-left:12px;}
.colorBar {line-height:2px; position:absolute; width:0px; background-color:#6c0; height:3px; left:5px; top:9px;}
/* SortTool Class */
.SortTool {position: relative;}
.SortTool img {margin: 0px 2px;}
.SortTool .STtitle {padding-right: 3px;}
.SortTool select {}
.STSelContainer {position:absolute; top:0; display:inline;}
/*Add for new sorttool: perol */

.CSContainer {background:#FFFFFF;border:1px solid #AAAAAA;margin:0px;position:relative;z-index:1;height:1%;cursor:pointer;line-height:18px;}
.CSContainer:after{content:".";clear:both;display:block;height:0;visibility:hidden;}
.CSTitleText, .CSTitleTextHover {float:left;margin:0px;overflow:hidden;padding:0px;text-indent:2px;}
.CSTitleTextHover {background-color:blue;color:#FFFFFF;}
.CSTitleText {background-color:#FFFFFF;color:#666666;height:18px;overflow:hidden;width:110px;}
.CSTitleLine{overflow:hidden;}
.CSButton {float:right;margin:0px;text-align:center;}
.CSButton img{vertical-align:bottom;}
.CSList {background-color:#FFFFFF;border:1px solid #AAAAAA;color:#666666;display:none;left:-1px;position:absolute;z-index:9;width:100%;clear:both;}
.CSOption, .CSOptionHover {cursor:pointer;padding:0px;text-indent:3px;white-space:nowrap;width:100%;}
.CSOption {background-color:white;color:black;}
.CSList .onhover {background-color:blue;color:white;}
.CSContainerRedDot {border:1px dotted #FF9900;padding:2px 0px;position:relative;z-index:10;}
.CSTitleTextRedDot, .CSTitleTextHoverRedDot {float:left;margin:4px;overflow:hidden;white-space:nowrap;}
.CSTitleTextHoverRedDot {background-color:#FFFFCC;color:#FF9B42;}
.CSTitleTextRedDot {background-color:#FFFFFF;color:#FF9B42;}
.CSButtonRedDot {float:right;margin:2px;}
.CSListRedDot {background-color:#FFFFFF;border-color:#FF9900;border-style:dotted;border-width:0px 1px 1px;color:#FF9B42;display:none;left:-1px;margin-top:22px !important;position:absolute;z-index:20;}
.CSOptionRedDot, .CSOptionHoverRedDot {cursor:default;height:13px;overflow:hidden;padding:4px 0px;text-indent:66px;white-space:nowrap;width:100%;}
.CSOptionRedDot {background-color:white;color:#FF9B42;font-weight:normal;}
.CSOptionHoverRedDot {background-color:#FFFFCC;color:#FF9B42;}

.siteMap{margin:20px;}
.siteMap dt{width:100%;clear:both;font-size:16px;font-weight:bold;padding:20px 0 10px 0;}
.siteMap dd{float:left;margin-left:25px;display:inline;white-space:nowrap;}