|
|
/* 中华游标准CSS样本-酒店栏目样式表 */
|
|
|
/* Designed by ChinaHighlights.inc */
|
|
|
/*#tollFree2{ display:none;}*/
|
|
|
.footlinkInfo{ background:none; height:158px; margin:0 71px 0 0px; padding:0 0 0; position:absolute; bottom:-180px; left:80px; text-align:left; width:880px;z-index:1000;}
|
|
|
.footlinkInfo img{ margin-right:15px;}
|
|
|
#footerPromo{ display:none;}
|
|
|
#tollFree2{ display:none;}
|
|
|
/*Hotel Index 的样式*/
|
|
|
#MainhotelContent{width:952px; margin:0 20px 10px 20px}
|
|
|
#hotelindexLeft{float:left; width:366px;}
|
|
|
#hotelindexSearch{
|
|
|
width:315px;
|
|
|
height:340px;
|
|
|
background:url(/css/images/flight/bg-flight-index-search.png) no-repeat;
|
|
|
margin:0px 0 5px 0;
|
|
|
*margin-right:10px;
|
|
|
padding:21px 28px 21px 28px;
|
|
|
position:relative
|
|
|
}
|
|
|
#hotelindexSearch h2, #hotelindexSearch span.searchTitle{font-size:16px; margin:0; color:#a31022; font-weight:500; font-weight:bold; border:none}
|
|
|
#hotelindexSearch .searchContent{padding:15px 0 0 0}
|
|
|
#hotelindexSearch .searchBottom{ height:95px; text-align:center}
|
|
|
#hotelindexSearch .searchBottom .showOption{font-size:11px; background:url(/css/images/hotel/white-arrow-down.png) no-repeat right 5px; padding-right:5px; color:#545454; width:122px; margin-left:25px}
|
|
|
#hotelindexSearch .searchBottom .hideOption{font-size:11px; background:url(/css/images/hotel/white-arrow-up.png) no-repeat right 5px; padding-right:5px; color:#fff; width:117px; margin-left:25px}
|
|
|
#hotelindexSearch .searchBottom .searchHotel{ margin-top:5px}
|
|
|
#hotelindexSearch .searchBottom .showOption a, #hotelindexSearch .searchBottom .hideOption a{color:#fff; text-decoration:none; font-weight:bold}
|
|
|
#hotelindexSearch .searchContent label{font-size:12px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; color:#545454}
|
|
|
#hotelindexSearch .searchContent label.floatLeft{display:block; width:145px; float:left; font-size:12px; margin:0 5px 0 3px}
|
|
|
#hotelindexSearch .searchContent .table2{width:320px; margin-bottom:5px}
|
|
|
#hotelindexSearch .searchContent input{border:1px solid #d1d1d1; background:url(/css/images/hotel/bg-arrow.png) no-repeat 3px #fff; width:258px; margin:5px 0 8px 0px; padding:4px 4px 4px 34px}
|
|
|
#hotelindexSearch .searchContent input.checkinOut{padding:5px 0 5px 5px; width:135px; margin-left:0; background:url(/css/images/calender.GIF) no-repeat 118px #fff}
|
|
|
#hotelindexSearch .searchContent input.hotelName{width:135px; margin-left:0; padding:4px; background:#fff}
|
|
|
#hotelindexSearch .searchContent select{width:140px; margin-left:0; border:1px solid #d1d1d1; background:#fff; margin:5px 0 8px 0px; padding:5px 0 5px 2px; font-size:11px; color:#545454px}
|
|
|
#hotelindexSearch .searchContent select option{margin-bottom:2px}
|
|
|
/*改变新加的*/
|
|
|
#hotelPromoLines{
|
|
|
width:932px;
|
|
|
padding:10px;
|
|
|
border:1px solid #d1d1d1;
|
|
|
}
|
|
|
#hotelPromoLines h2{ color:#a1081a; font-size:17px; font-weight:100; margin:0 0 8px 0;}
|
|
|
#hotelPromoLines .hotelCity{
|
|
|
width:365px;
|
|
|
padding-right:5px;
|
|
|
float:left;
|
|
|
border-right:1px solid #d1d1d1;
|
|
|
}
|
|
|
#hotelPromoLines .hotelCity ul li{
|
|
|
list-style:none;
|
|
|
font-size:11px;
|
|
|
display:block;
|
|
|
width:118px;
|
|
|
float:left;
|
|
|
padding:3px 3px 3px 0;
|
|
|
}
|
|
|
#hotelPromoLines .hotelCity ul li a, #hotelPromoLines .hotelLightPort ul li a{ color:#545454; text-decoration:none;}
|
|
|
#hotelPromoLines .hotelCity ul li a:hover, #hotelPromoLines .hotelLightPort ul li a:hover{ text-decoration:underline;}
|
|
|
#hotelPromoLines .hotelLightPort{
|
|
|
width:540px;
|
|
|
float:right;
|
|
|
}
|
|
|
#hotelPromoLines .hotelLightPort ul li{
|
|
|
list-style:none;
|
|
|
font-size:11px;
|
|
|
display:block;
|
|
|
width:260px;
|
|
|
float:left;
|
|
|
padding:3px 3px 3px 0;
|
|
|
}
|
|
|
#hotelindexPromo{
|
|
|
width:570px;
|
|
|
float:right;
|
|
|
}
|
|
|
#hotelindexPromo h2{ font-weight:100; margin:0 0 5px 0;}
|
|
|
#hotelcities{width:620px; border:1px solid #d1d1d1; left:25px; background:#fff; color:#545454; top:110px; padding:10px; z-index:100; position:absolute;}
|
|
|
#hotelcities h4{font-size:12px; margin:10px 0 8px 0; border-bottom:1px solid #d1d1d1}
|
|
|
#hotelcities ul{margin-left:0}
|
|
|
#hotelcities ul li{list-style:none; float:left; width:78px; line-height:18px; margin-bottom:5px; padding:0 5px}
|
|
|
#hotelcities ul li a{font-weight:normal; font-size:11px; text-decoration:none}
|
|
|
#hotelcities ul li:hover{background:#d1d1d1}
|
|
|
#hotelcities ul li:hover a{font-weight:bold}
|
|
|
.closeIt{width:60px; position:absolute; right:10px; top:10px; cursor:pointer}
|
|
|
.chainPromo2{
|
|
|
width:366px;
|
|
|
border:#b3b3b3 1px solid;
|
|
|
float:left;
|
|
|
padding:0;
|
|
|
margin-bottom:10px;
|
|
|
}
|
|
|
|
|
|
.chainPromo2 h5, .chainPromo2 h2{
|
|
|
font-size:17px;
|
|
|
padding:8px 10px 8px 10px;
|
|
|
background:#ebebeb;
|
|
|
color:#c6162b;
|
|
|
margin:0 0 0px 0;
|
|
|
font-weight:100;
|
|
|
}
|
|
|
.chainPromo2 h5 a, .chainPromo2 h2 a{
|
|
|
color:#545454;
|
|
|
text-decoration:none
|
|
|
}
|
|
|
.chainPromo2 .chainList{ padding:10px; font-size:11px;}
|
|
|
.chainPromo2 .chainList a{ color:#545454;}
|
|
|
ul.hotelChain li{display:block; width:80px; list-style:none; text-align:center; float:left; margin-right:5px; font-size:11px}
|
|
|
ul.hotelChain li img{width:50px; height:50px}
|
|
|
ul.hotelChain li a{text-decoration:none}
|
|
|
ul.hotelChain li a:hover{color:#a03}
|
|
|
.chainPromo2 .viewedhotel{ padding:10px;}
|
|
|
.chainPromo2 .viewedhotel .viewhotelList{ padding:5px 3px 5px 3px; border-bottom:1px #d1d1d1 dashed;}
|
|
|
.chainPromo2 .viewedhotel .viewhotelList:hover{ background:#f1f1f1;}
|
|
|
.chainPromo2 .viewedhotel .viewhotelList a.closeWindow{ display:block; width:14px; height:14px; background:url(/css/images/hotel/iconremove.gif) no-repeat left top; float:right;}
|
|
|
.chainPromo2 .viewedhotel .viewhotelList a.closeWindow:hover{ display:block; width:14px; height:14px; background:url(/css/images/hotel/iconremove.gif) no-repeat left -16px; float:right;}
|
|
|
.chainPromo2 .viewedhotel .viewhotelPic{ width:50px; height:50px; float:left; position:relative;}
|
|
|
.chainPromo2 .viewedhotel .viewhotelPic img.hotelSmal{ width:50px; height:50px; cursor:pointer;}
|
|
|
.chainPromo2 .viewedhotel .viewhotelInfo{ width:260px; float:left; padding-left:8px;}
|
|
|
.chainPromo2 .viewedhotel .ratingNum{ font-size:11px; color:#545454; position:relative; top:0; left:0;}
|
|
|
.chainPromo2 .viewedhotel .ratingNum .newestReview{
|
|
|
position:absolute;
|
|
|
width:204px;
|
|
|
background:#fdfae9;
|
|
|
border:1px solid #fcd778;
|
|
|
padding:10px;
|
|
|
left: 195px;
|
|
|
top: -1px;
|
|
|
}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro .ratingNum img.newReview{ cursor:help;}
|
|
|
.chainPromo2 .viewedhotel .viewhotelInfo h4{
|
|
|
margin:0 0 3px 0;
|
|
|
font-size:14px;
|
|
|
font-weight:100;
|
|
|
padding:0;
|
|
|
}
|
|
|
.chainPromo2 .viewedhotel .viewhotelInfo h4 a{
|
|
|
text-decoration:none;
|
|
|
color:#545454;
|
|
|
}
|
|
|
.chainPromo2 .googleMapDiv{ width:346px; height:400px;}
|
|
|
.chainPromo2 .moreCitiesSight{ padding:5px; background:#f1f1f1;}
|
|
|
.chainPromo2 .moreCitiesSight h4{ font-size:16px; font-weight:100; display:block; padding:5px 5px 5px 5px; margin:0; cursor:pointer;}
|
|
|
.chainPromo2 .moreCitiesSight h4:hover{ background:#fff;}
|
|
|
.chainPromo2 .moreCitiesSight .citySights{ padding:0 5px 5px 5px;}
|
|
|
.chainPromo2 .moreCitiesSight .citySights a{ color:#0D548A; text-decoration:none;}
|
|
|
.chainPromo2 .moreCitiesSight .citySights a:hover{ text-decoration:underline; color:#C00;}
|
|
|
.chainPromo2 .moreCitiesSight .citySights h6{ font-size:13px; font-weight:100; color:#a31022; margin:10px 0 5px 0;}
|
|
|
.chainPromo2 .sendToFriend{ padding:0px; }
|
|
|
.chainPromo2 .sendToFriend h4{ font-size:12px; color:#545454; margin:8px 0 8px 0;}
|
|
|
.chainPromo2 .sendToFriend img{ margin:0 5px 0 0; border:4px #fff solid;}
|
|
|
.chainPromo2 .sendToFriend img:hover{border:4px #e3e3e3 solid; }
|
|
|
/*改变新加的*/
|
|
|
#hotelDeals{margin:0 0 10px 0; padding:0 0 10px 0}
|
|
|
#hotelDeals ul{
|
|
|
display:block;
|
|
|
position:relative;
|
|
|
top:1px;
|
|
|
z-index: 10;
|
|
|
*margin-top:10px;
|
|
|
}
|
|
|
*+html #hotelDeals ul{margin-bottom:0px; display:block;
|
|
|
position:relative;
|
|
|
top:1px;}
|
|
|
|
|
|
#hotelDeals ul li{
|
|
|
list-style:none;
|
|
|
float:left;
|
|
|
height:22px;
|
|
|
padding:7px 10px 7px 10px;
|
|
|
border-width:3px 1px 1px 1px;
|
|
|
border-style:solid;
|
|
|
border-color:#707070 #d1d1d1 #d1d1d1 #d1d1d1;
|
|
|
margin-right:4px;
|
|
|
text-align:center;
|
|
|
color:#545454;
|
|
|
font-size:15px;
|
|
|
font-weight:100;
|
|
|
cursor:pointer;
|
|
|
background:#fff;
|
|
|
}
|
|
|
#hotelDeals ul li.active{
|
|
|
list-style:none;
|
|
|
float:left;
|
|
|
background:#fff;
|
|
|
height:22px;
|
|
|
padding:7px 10px 7px 10px;
|
|
|
text-align:center;
|
|
|
color:#c53131;
|
|
|
margin:0 4px -2px 0;
|
|
|
padding:7px 10px 7px 10px;
|
|
|
border-width:3px 1px 1px 1px;
|
|
|
border-style:solid;
|
|
|
border-color:#c53131 #d1d1d1 #fff #d1d1d1;
|
|
|
top: 1px;
|
|
|
}
|
|
|
#hotelDeals ul li a{color:#545454; text-decoration:none}
|
|
|
#hotelDeals .dealBox{
|
|
|
border:1px solid #d1d1d1;
|
|
|
-moz-border-radius-topleft:0;
|
|
|
padding:10px 8px 10px 8px;
|
|
|
background:url(/css/images/hotel/hothotel-bg.jpg) bottom repeat-x;
|
|
|
*margin-top:-15px;
|
|
|
}
|
|
|
#hotelDeals .dealBox .hotelList{
|
|
|
border-bottom:1px dashed #cfcfcf;
|
|
|
padding:15px 3px 15px 3px;
|
|
|
}
|
|
|
#hotelDeals .dealBox .hotelList:hover{ background:#f1f1f1; cursor:pointer; }
|
|
|
#hotelDeals .dealBox .hotelList .hotelsmaPic{ width:50px; height:50px; float:left; position:relative;}
|
|
|
#hotelDeals .dealBox .hotelList .hotelsmaPic .photoWindow{ position:absolute; padding:10px; background:#f1f1f1; border:1px solid #d1d1d1;}
|
|
|
#hotelDeals .dealBox .hotelList .hotelsmaPic img.hotelSmal{ width:50px; height:50px;}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro{
|
|
|
float:right;
|
|
|
width:489px;
|
|
|
padding:0;
|
|
|
margin:0;
|
|
|
line-height:18px;
|
|
|
text-align:left;
|
|
|
}
|
|
|
span.lastBooking{ font-size:11px; color:#669900}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro .ratingNum{ font-size:11px; color:#545454; position:relative; top:0; font-weight:100;left:0;}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro .ratingNum .newestReview{
|
|
|
position:absolute;
|
|
|
width:204px;
|
|
|
background:#fdfae9;
|
|
|
border:1px solid #fcd778;
|
|
|
padding:10px;
|
|
|
left: 154px;
|
|
|
top: 20px;
|
|
|
z-index:99;
|
|
|
}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro .ratingNum img.newReview{ cursor:help;}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro h4{
|
|
|
margin:0 0 3px 0;
|
|
|
font-size:16px;
|
|
|
font-weight:100;
|
|
|
padding:0;
|
|
|
}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro h4 a{
|
|
|
text-decoration:none;
|
|
|
color:#545454;
|
|
|
}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro .hotelCheapPrice{ font-size:17px; color:#545454; padding-top:2px; font-weight:100;}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro .hotelCheapPrice span.breakfast{ font-size:11px; color:#3A8AE2}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro .hotelCheapPrice .priceredFont{ color:#a31022;}
|
|
|
#hotelDeals .dealBox .hotelList .hotelIndexPro .guestReview{ font-size:11px;}
|
|
|
|
|
|
|
|
|
.hotelpromoInfo{
|
|
|
width:auto;
|
|
|
font-size:11px;
|
|
|
color:#218fd4;
|
|
|
padding:5px 0 3px 28px;
|
|
|
float:right;
|
|
|
}
|
|
|
.bestPriceGuarant{
|
|
|
width:200px;
|
|
|
height:26px;
|
|
|
float:right;
|
|
|
}
|
|
|
.iconPromo{
|
|
|
width:160px;
|
|
|
position:absolute;
|
|
|
top:1px;
|
|
|
right:-1px
|
|
|
}
|
|
|
.giftIntro{border:1px solid #666; width:250px; position:absolute; background:#fff; z-index:5555; padding-bottom:8px; margin-left:23px; margin-top:-22px}
|
|
|
*+html .giftIntro{margin-left:-10px; margin-top:5px; z-index:9999}
|
|
|
|
|
|
.giftIntro h6{background:#EFF8FC; font-size:13px; margin:0; padding:5px 0; padding-left:10px; text-align:left}
|
|
|
.giftIntro p{text-align:left!important; margin:5px 8px 0!important; line-height:16px!important; font-size:11px !important}
|
|
|
.giftIntro p span{width:55px; display:block; float:left; text-align:right; margin-right:5px; font-weight:bold}
|
|
|
|
|
|
.refineSearch{border:solid 1px #ddd; background:#f9f9f9; margin-bottom:10px}
|
|
|
.refineSearch .hotelBox2{padding:5px 0 15px 5px; margin:0 10px 0 10px}
|
|
|
.refineSearch .hotelBox2 label{display:block}
|
|
|
.refineSearch .hotelBox2 input, .refineSearch .hotelBox2 textarea, .refineSearch .hotelBox2 select, .refineSearch .hotelName input{-x-system-font:none; background:#fff; border:1px solid #DDD; color:#666; font-family:Verdana,Sans-Serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; padding:7px}
|
|
|
.refineSearch .drop1{padding-top:10px}
|
|
|
.refineSearch .weather{padding:15px 0 15px 7px; margin:0}
|
|
|
.refineSearch .weather .detail{text-align:center; width:80px; float:left; font-size:11px; line-height:17px; padding-top:6px; padding-bottom:10px}
|
|
|
.refineSearch .currency{padding:15px 0 15px 5px; margin:0 10px 0 10px; border-bottom:1px #d1d1d1 solid}
|
|
|
.wordStyle10{font-size:14px; font-weight:bold}
|
|
|
.refineSearch h6{background:#b2b2b2; display:block; color:#fff; font-size:14px; padding:5px 0 5px 12px}
|
|
|
.refineSearch .hotelBox2 input{background:#fff url(/css/images/calender.GIF) 175px center no-repeat; width:185px}
|
|
|
.wordStyle9, .wordStyle9 a{font-size:11px; color:#545454; margin-top:3px; display:block; width:120px; float:right; padding-top:7px}
|
|
|
.refineSearch .hotelName{padding:15px 0 0 5px; margin:0 10px 0 10px}
|
|
|
.refineSearch .hotelName label{display:block}
|
|
|
.refineSearch .hotelName input{width:200px}
|
|
|
|
|
|
.cityHotelList{width:650px; margin-bottom:10px; position:relative}
|
|
|
.listHotel{width:630px; border-bottom:#d1d1d1 1px solid; padding:15px}
|
|
|
.listHotel h5{font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#565656; padding:0px; margin:0px; margin-bottom:7px; line-height:19px}
|
|
|
.listHotel h5 a{color:#545454; text-decoration:none}
|
|
|
.listHotel h5 a:hover{border-bottom:1px #545454 solid}
|
|
|
.listHotelleft{width:470px; float:left; margin-bottom:5px}
|
|
|
.listHotelleft .hotelInfo{width:350px; float:left; padding-bottom:4px}
|
|
|
.listHotelleft2{width:494px; float:left; margin-bottom:5px}
|
|
|
.listHotelleft2 .hotelInfo{width:358px; float:left; padding-bottom:4px; font-size:11px; line-height:22px; padding-left:6px}
|
|
|
.listHotelleft2 .hotelInfo a{color:#545454}
|
|
|
.listHotelleft .hotellistPhoto, .listHotelleft2 .hotellistPhoto{float:left; width:110px; padding:0px; margin:0 10px 0 0}
|
|
|
.listHotelleft2 .googlemap{margin:6px 0 5px 0}
|
|
|
.listHotelleft .hotellistPhoto img{width:110px}
|
|
|
.listPrice{width:125px; float:right; text-align:right; padding-right:5px; position:relative}
|
|
|
.listPrice .payatHotel{position:absolute; width:85px; height:17px; left:-9px; top:0px}
|
|
|
.listPrice div.buttun01{width:auto}
|
|
|
.listHotel2{width:650px; padding:10px}
|
|
|
|
|
|
.featurearea{width:610px; position:relative; -moz-border-radius:6px; border:#d1d1d1 1px solid; line-height:20px; margin:15px 0 20px 0; padding:13px 10px 10px 40px; background:url(/css/images/bg-photoclick.GIF) repeat-x bottom}
|
|
|
.photoFeatureIn{color:#6b6b6b; float:left; padding:0 0 0 6px; width:190px}
|
|
|
.photoFeatureIn table{width:110px; height:110px; valign:middle; padding:3px; margin:0 auto}
|
|
|
.photoFeatureIn .photoStyleTitle{font-size:11px; text-align:center}
|
|
|
.photoFeatureIn .photoStyleTitle a{color:#6b6b6b; text-decoration:none}
|
|
|
.photoFeatureIn .photoStyleTitle a:hover{text-decoration:underline}
|
|
|
|
|
|
.hotelSort{padding:5px; margin:5px 0 2px 0; font-size:11px; color:#545454; text-align:right; float:right}
|
|
|
.hotelSort a{color:#545454}
|
|
|
.hotelSort a:hover{color:#444; -moz-border-radius:2px; text-decoration:underline; background-image:url(/css/images/arrowDown.gif); background-repeat:no-repeat; background-position:95% 8px; padding:2px 12px 4px 4px; background-color:#f1f1f1; border:1px solid #dfdfdf}
|
|
|
.resultNum{text-align:left; margin:10px 0 2px 0; font-size:11px; color:#545454; background:url(/css/images/bg-photoclick.GIF) repeat-x bottom; border-bottom:#D2D2D2 1px solid}
|
|
|
.resultNum .choose1{padding:6px 5px 8px 10px; float:left; width:220px}
|
|
|
.resultNum .choose1 a{color:#545454; margin:0 3px 0 3px}
|
|
|
.resultNum .choose2{padding:6px 5px 8px 5px; float:left; width:400px; position:relative}
|
|
|
.resultNum .choose2 a.select{color:#545454; padding:2px 12px 4px 4px}
|
|
|
.resultNum .choose2 a.select:hover{color:#444; -moz-border-radius:2px; text-decoration:underline; background-image:url(/css/images/arrowDown.gif); background-repeat:no-repeat; background-position:95% 8px; padding:2px 12px 4px 4px; background-color:#f1f1f1; border:1px solid #dfdfdf}
|
|
|
.resultNum2{text-align:left; margin:3px 0 2px 0; font-size:11px; color:#545454; background:url(/css/images/bg-photoclick.GIF) repeat-x bottom; border-bottom:#D2D2D2 1px solid}
|
|
|
.resultNum2 .choose1 select{font-size:12px; width:120px; cursor:pointer; margin:3px 2px 5px 8px; background-color:#f1f1f1}
|
|
|
.resultNum2 .choose1{padding:2px 5px 5px 10px; float:left; width:320px}
|
|
|
.resultNum2 .choose2{padding:6px 5px 5px 0; float:left; width:290px}
|
|
|
.resultNum .choose2 select{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFF none repeat scroll 0 0; border:1px solid #DDD; color:#666; font-family:Verdana,Sans-Serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:16px; margin:5px 0; padding:4px 5px}
|
|
|
.resultNum2 .choose3{padding:6px 5px 5px 10px; float:right; width:160px}
|
|
|
.resultNum2 .choose4{padding:6px 5px 5px 0; float:right; width:290px}
|
|
|
.resultNum2 .choose4 input{-x-system-font:none; background:#fff; border:1px solid #DDD; color:#666; font-family:Verdana,Sans-Serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; padding:3px}
|
|
|
|
|
|
#googleMapWindow{width:650px; margin-left:5px; padding:5px 0 0px 0}
|
|
|
|
|
|
#googleMapWindow .mapNav{width:182px; float:left; margin-right:5px}
|
|
|
.largeMap{width:450px; float:right; border:1px solid #d1d1d1}
|
|
|
.largeMap .maptitle{border-bottom:1px solid #d1d1d1; background:url(/css/images/bg-photoclick.GIF) repeat-x bottom; font-size:11px; font-family:Verdana,Geneva,sans-serif; padding:5px 10px 5px 5px; text-align:right; color:#d1d1d1}
|
|
|
.largeMap .maptitle a{text-decoration:none; color:#303030}
|
|
|
|
|
|
#googleMapWindow .mapNav .mapsearch{background-color:#f1f1f1; padding:10px; font-size:12px; font-family:Verdana,Geneva,sans-serif; color:#545454; font-weight:bold}
|
|
|
#googleMapWindow .mapNav .mapsearch input{height:16px; margin:7px 0 10px 0; border:1px solid #d1d1d1; color:#545454; font-size:11px; font-family:Verdana,Geneva,sans-serif; float:left}
|
|
|
#googleMapWindow select{-x-system-font:none; background:#fff; border:1px solid #DDD; color:#666; font-family:Verdana,Sans-Serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; padding:3px}
|
|
|
#googleMapWindow .title{border:1px solid #d1d1d1; background:url(/css/images/bg-photoclick.GIF) repeat-x bottom; font-size:12px; font-family:Verdana,Geneva,sans-serif; padding:5px 0 8px 5px; font-weight:bold}
|
|
|
#googleMapWindow .title img{margin-right:10px}
|
|
|
#googleMapWindow .title a{text-decoration:none; color:#545454}
|
|
|
#googleMapWindow .mapNav .selectDetail{border:1px #d1d1d1 solid; border-top:none; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; margin:0; padding:5px 2px 5px 2px}
|
|
|
#googleMapWindow .mapNav .selectDetail ul{}
|
|
|
#googleMapWindow .mapNav .selectDetail ul li{text-decoration:none; list-style:none; display:block; width:170px; float:left; font-size:11px; margin:0 0 5px 0; color:#545454; padding:2px 8px 5px 2px; line-height:20px; border-bottom:1px solid #f9f9f9; margin-bottom:5px; text-align:left}
|
|
|
#googleMapWindow .mapNav .selectDetail ul li:hover{background-color:#f1f1f1}
|
|
|
#googleMapWindow .mapNav .selectDetail ul li img{margin:3px 5px 3px 0}
|
|
|
|
|
|
.hotelListTable{margin-left:10px; width:640px; float:left}
|
|
|
.hotelListTable h4{font-size:13px; color:#545454}
|
|
|
.hotelListTable .hotelTale{font-size:11px; width:630px; border-left:1px solid #D9D9D9; border-top:1px solid #D9D9D9; border-bottom:1px solid #d1d1d1; font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#6b6b6b; margin:0 0 15px 0}
|
|
|
.hotelListTable .hotelTale tr{border-bottom:1px #d1d1d1 solid}
|
|
|
.hotelListTable .hotelTale tr a{color:#6b6b6b; text-decoration:none}
|
|
|
.hotelListTable .hotelTale tr a:hover{text-decoration:underline}
|
|
|
.hotelListTable .hotelTale tr:hover{background-color:#f1f1f1}
|
|
|
.hotelListTable .hotelTale td a.redFont{color:#c03; line-height:18px}
|
|
|
.hotelListTable .hotelTale th{text-align:left; padding-left:10px; line-height:15px; border-bottom:1px #D9D9D9 solid; border-right:1px solid #D9D9D9; padding:6px 5px; font-size:11px; background-image:url(/css/images/bg-table.GIF); background-repeat:repeat-x; background-position:bottom; text-align:center; background-color:#F3F3F3; line-height:18px}
|
|
|
.hotelListTable .hotelTale td{text-align:left; padding:10px 6px 12px 5px; border-right:0px; border-left:0; border-right:#ccc 1px solid; padding:6px 0 6px 0; text-align:center; font-size:11px; word-wrap:break-word; word-break:break-all}
|
|
|
|
|
|
.hotelOverview{width:640px; padding:10px}
|
|
|
.hotelOverview p{margin-bottom:25px; line-height:18px}
|
|
|
|
|
|
.checkRate{background:url(/css/images/bg-photoclick.GIF) repeat-x bottom; border:#D2D2D2 1px solid; width:610px; padding:12px 25px 8px 20px; margin-bottom:10px}
|
|
|
.checkRate h5{font-size:14px; margin-bottom:10px; color:#c03; border-bottom:1px solid #d6d6d6; padding-bottom:5px}
|
|
|
.checkRate .checkTime{display:block; width:280px; float:left; padding-left:8px}
|
|
|
.checkRate .checkTime p{display:block; line-height:18px; font-size:11px; height:40px}
|
|
|
.checkRate .checkTime label{font-size:11px; display:block; width:70px; float:left}
|
|
|
.checkRate .checkTime input, .checkRate .checkTime select{-x-system-font:none; float:left; background:#fff; border:1px solid #DDD; color:#666; font-family:Verdana,Sans-Serif; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:18px; padding:7px}
|
|
|
.checkRate .checkTime input{background:#fff url(/css/images/calender.GIF) 170px center no-repeat; width:185px}
|
|
|
.checkRate .orderclick{font-weight:bold; text-align:center; width:220px; margin-left:180px; margin-top:5px; margin-bottom:10px}
|
|
|
.checkRate .orderclick a{display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background-image:url(images/bg-click.GIF); background-repeat:repeat-x; background-position:bottom; padding:4px 12px 4px 12px; text-decoration:none; color:#a31022}
|
|
|
.checkRate .orderclick a:hover{display:block; padding:4px 12px 4px 12px; background-image:url(images/bg-click-hover.GIF); background-repeat:repeat-x; background-position:bottom}
|
|
|
ul.hotelNote li{line-height:15px; margin-left:8px; margin-bottom:6px; font-size:11px; background:url(/css/images/drop-1.GIF) no-repeat 0px 4px; padding:0 0 0 15px; list-style:none}
|
|
|
ul.hotelNote li a{color:#545454; text-decoration:underline}
|
|
|
ul.hotelNote li a.underline{color:#545454}
|
|
|
ul.hotelNote li a:hover{text-decoration:underline}
|
|
|
|
|
|
.hotelpriceDetail{margin:0 0 20px 0; border-top:0px #d1d1d1 solid; padding:0 5px 0 5px}
|
|
|
.hotelpriceDetail .hotelPriceTable{font-size:11px; width:100%}
|
|
|
.hotelpriceDetail .hotelPriceTable th{border-bottom:1px #D9D9D9 solid; border-right:1px solid #D9D9D9; padding:6px 10px; font-size:11px; background-image:url(/css/images/bg-table.GIF); background-repeat:repeat-x; background-position:bottom; text-align:left; background-color:#F3F3F3; line-height:22px; font-weight:100}
|
|
|
.hotelpriceDetail .hotelPriceTable .roomName{color:#525252}
|
|
|
.hotelpriceDetail .hotelPriceTable .roomName small{font-size:10px; color:#868686}
|
|
|
.hotelpriceDetail .hotelPriceTable td{text-align:left; padding:16px 6px 16px 5px; border-right:0px; line-height:18px; border-left:0; border-bottom:1px #d5d5d5 solid}
|
|
|
.hotelpriceDetail .hotelPriceTable td .note{width:12px; height:12px; background:url(/pic/hotel/icon-docs-info.gif) no-repeat top left; float:left; margin-right:7px}
|
|
|
.hotelpriceDetail .hotelPriceTable td .note:hover{background:url(/pic/hotel/icon-docs-info-red.gif) no-repeat top left}
|
|
|
.hotelpriceDetail .hotelPriceTable td.style{padding:3px; border-top:none; border-bottom:1px #d5d5d5 solid; font-size:10px; color:#469ED2}
|
|
|
.hotelpriceDetail .hotelPriceTable td.style2{text-align:left; padding:16px 6px 16px 5px; border-right:0px; line-height:18px; border-left:0; border-bottom:1px #f1f1f1 solid}
|
|
|
.hotelpriceDetail tr a.allclass{padding-left:5px; color:#545454}
|
|
|
.hotelpriceDetail tr a.allclass:hover{color:#c03}
|
|
|
|
|
|
.priceDayList{width:100%; font-size:11px; text-align:right; margin-top:1px}
|
|
|
.priceDayList a{color:#666}
|
|
|
.bookHotel{text-align:center; padding:2px 1px 1px 1px}
|
|
|
.bookHotel a{display:block; -moz-border-radius:4px; -moz-border-radius:4px; border:#D1D1D1 1px solid; background:url(images/bg-click.GIF) #fff; background-repeat:repeat-x; background-position:bottom; text-decoration:none; color:#c03}
|
|
|
.bookHotel a:hover{display:block; background-image:url(images/bg-click-hover.GIF); background-repeat:repeat-x; background-position:bottom}
|
|
|
|
|
|
#photoBigAlbum{background:#EAEAEA none repeat scroll 0 0; margin:0; overflow:hidden; padding:0}
|
|
|
*html #photoBigAlbum{overflow:hidden}
|
|
|
#photoBigAlbum .photoLayout{margin:35px; overflow:hidden; padding:0; text-align:center}
|
|
|
#picMenu{height:28px; font-family:Verdana,Geneva,sans-serif; font-size:11px; color:#6b6b6b; margin:0; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; border:#D2D2D2 1px solid; background:url(/css/images/bg-photoclick.GIF) repeat-x bottom}
|
|
|
#picMenu .choose1{float:left; height:14px; padding:3px 26px 3px 26px; margin:5px 0 5px 0}
|
|
|
#picMenu .choose2{float:left; height:14px; padding:3px 26px 3px 26px; border-left:1px solid #CACACA; margin:5px 0 5px 0}
|
|
|
#picMenu .choose1 img, #picMenu .choose2 img{margin-right:10px}
|
|
|
#picMenu .choose1 a, #picMenu .choose2 a{text-decoration:none; color:#545454}
|
|
|
#picMenu .choose1 a:hover, #picMenu .choose2 a:hover{text-decoration:underline}
|
|
|
|
|
|
.photoIntroduction{width:760px}
|
|
|
.photoDetail{margin:22px 0 10px 0; width:640px; padding-bottom:10px; border-bottom:1px #D2D2D2 solid; margin-bottom:20px}
|
|
|
.photoDetail .imgDetail-border{background:#EAEAEA none repeat scroll 0 0; border:1px solid #D8D8D8; padding:3px; float:left; margin:0 10px 0 10px}
|
|
|
.photoDetail .imgDetail-border img{width:76px; height:57px}
|
|
|
.pageNavHotel{background:#dfdfdf; padding:4px 0 4px 0; text-align:center; margin:15px 0 10px 0; font-size:11px; font-family:Verdana,Geneva,sans-serif}
|
|
|
.pageNavHotel a{color:#6b6b6b; text-decoration:none; margin-right:7px}
|
|
|
.pageNavHotel a:hover{text-decoration:underline}
|
|
|
.pageNavHotel .active{font-weight:bold; font-size:12px}
|
|
|
|
|
|
.moreHotelPhoto{text-align:right; padding:5px 10px 5px 0; border-bottom:#D2D2D2 1px solid}
|
|
|
|
|
|
.googleMapHotel{width:655px; padding:5px 0 10px 0}
|
|
|
|
|
|
.googleMapHotel .mapNav{width:195px; float:left; margin-right:3px}
|
|
|
.googleMapHotel .mapNav .title{border:1px solid #d1d1d1; background:url(/css/images/bg-photoclick.GIF) repeat-x bottom; font-size:11px; font-family:Verdana,Geneva,sans-serif; padding:3px 0 3px 3px}
|
|
|
.googleMapHotel .mapNav .title img{margin-right:10px}
|
|
|
.googleMapHotel .mapNav .title a{text-decoration:none; color:#545454}
|
|
|
.googleMapHotel .mapNav .openSelect{width:195px; padding:0; margin-bottom:3px}
|
|
|
.googleMapHotel .selectDetail{border:1px #d1d1d1 solid; border-top:none; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; margin:0; padding:5px 3px 3px 3px; width:187px}
|
|
|
.googleMapHotel .selectDetail ul li{text-decoration:none; list-style:none; display:block; width:185px; float:left; font-size:11px; margin:0 0 8px 0; color:#545454; padding-left:5px; padding-right:3px}
|
|
|
.largeMap{font-weight:bold; text-align:center; float:left; width:150px}
|
|
|
|
|
|
.hotelSuggestion{border:solid 1px #ddd; width:100%; margin-bottom:10px; padding-bottom:10px}
|
|
|
.hotelSuggestion h6{background:#f5f5f5; display:block; color:#595959; font-size:14px; padding:5px 0 5px 12px}
|
|
|
.hotelSuggestion .hotelList{margin:10px; font-size:11px; width:600px; border-bottom:1px #f1f1f1 solid}
|
|
|
.hotelSuggestion .hotelList th{text-align:left; line-height:15px; font-size:12px; height:25px; padding:5px 0 5px 0; color:#545454}
|
|
|
.hotelSuggestion .hotelList td{padding:3px; line-height:15px}
|
|
|
.hotelSuggestion .hotelList td a{color:#545454; text-decoration:none}
|
|
|
.hotelSuggestion .hotelList td a:hover{color:#c03}
|
|
|
|
|
|
ul.hotelService{list-style:none; padding:0px; margin:0px; margin:5px 0px 20px 15px; font-family:Verdana,Geneva,sans-serif; font-size:11px; color:#545454; float:left}
|
|
|
ul.hotelService li{line-height:15px; margin-bottom:6px; background:url(/css/images/drop-2.GIF) no-repeat 0px 5px; padding:0 0 0 10px; display:block; width:195px; float:left}
|
|
|
ul.hotelService li a{color:#545454; text-decoration:none}
|
|
|
ul.hotelService li a:hover{text-decoration:underline}
|
|
|
|
|
|
.hotelRate{width:99%; border:#d1d1d1 1px solid; -moz-border-radius:4px; padding:0 0 2px 0; margin-bottom:15px}
|
|
|
.hotelRate ul{list-style:none; margin:0px; padding:0px}
|
|
|
.hotelRate ul li{float:left; display:block; border-right:#d1d1d1 1px solid; padding:2px 15px 2px 15px; margin-top:7px; font-size:11px; font-weight:bold}
|
|
|
|
|
|
.hotelTimePrice{width:655px; border:#d1d1d1 1px solid; padding-bottom:5px; margin-bottom:10px}
|
|
|
.hotelTimePrice h5{display:block; background:#f1f1f1; font-size:14px; padding:3px 0 3px 20px}
|
|
|
.hotelTimePrice a.checkDatePrice{margin:10px 25px 5px 20px; font-size:12px; padding:5px 0 3px 25px; display:block; color:#333; background:#EDF8E8 url(images/arrow-blue.gif) no-repeat 6px 4px}
|
|
|
.hotelTimePrice a.hideDatePrice{margin:10px 25px 5px 20px; font-size:12px; padding:5px 0 3px 25px; display:block; color:#333; background:url(images/arrow-blue.gif) no-repeat 6px 4px; border-bottom:1px #d6d6d6 solid}
|
|
|
.hotelTimePrice .datePrice{margin:5px 25px 5px 20px; background:#fff; padding:5px 8px 5px 8px}
|
|
|
.hotelTimePrice .datePrice h5{font-size:12px; color:#545454; background:#fff; margin:0; padding:3px 0 4px 4px}
|
|
|
.hotelTimePrice .datePrice .priceTable{font-size:11px; width:100%}
|
|
|
.hotelTimePrice .datePrice .priceTable tr:hover{background-color:#f9f9f9}
|
|
|
.hotelTimePrice .datePrice .priceTable td a.redFont{color:#c03; line-height:17px}
|
|
|
.hotelTimePrice .datePrice .priceTable td a.category{color:#c03; text-decoration:none; font-weight:bold}
|
|
|
.hotelTimePrice .datePrice .priceTable th{text-align:left; padding-left:10px; padding:10px 0 8px 25px; background-color:#f1f1f1; font-size:11px; font-weight:100}
|
|
|
.hotelTimePrice .datePrice .priceTable td{text-align:left; padding:10px 6px 12px 25px; border-right:0px; background-position:6px center; background-repeat:no-repeat; border-left:0; border-bottom:1px #f1f1f1 solid}
|
|
|
|
|
|
.windowHotelArea{width:180px; border:#E3E3E3 2px solid; background-color:#fff; background-image:url(images/bg-window2.GIF); background-repeat:repeat-x; background-position:bottom; padding:10px}
|
|
|
.windowHotelArea h2{color:#a31022; font-family:Verdana,Geneva,sans-serif; font-size:12px; padding:0px; margin:0px; padding-bottom:10px; border-bottom:#E3E3E3 1px solid}
|
|
|
|
|
|
.windowHotelRoom{width:400px; border:#E3E3E3 2px solid; background-color:#fff; background-image:url(images/bg-window2.GIF); background-repeat:repeat-x; background-position:bottom; padding:10px; position:absolute; z-index:9999; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; display:none}
|
|
|
.windowHotelRoom h2{color:#a31022; font-family:Verdana,Geneva,sans-serif; font-size:12px; padding:0px; margin:0px; padding-bottom:10px; border-bottom:#E3E3E3 1px solid}
|
|
|
.windowHotelRoom .roomInfo{font-family:Verdana,Geneva,sans-serif; float:left; font-size:11px; color:#545454; width:100%}
|
|
|
.windowHotelRoom .roomInfo h5{color:#545454; font-size:11px; background-color:#f1f1f1; display:block; margin:0 0 6px 0; padding:5px 0 6px 6px}
|
|
|
.windowHotelRoom .roomInfo p{line-height:15px; margin-left:6px}
|
|
|
.windowHotelRoom .roomInfo table.priceRate{font-size:11px; color:#545454; width:85%; margin-left:6px}
|
|
|
.windowHotelRoom .roomInfo table.priceRate td{padding:3px 2px 3px 5px}
|
|
|
.windowHotelRoom .roomInfo table.priceRate td.total{text-align:right; padding-right:5px}
|
|
|
.windowHotelRoom .roomInfo .totalPrice{border-top:1px #d6d6d6 solid; padding:4px 25px 20px 4px; text-align:right; color:#545454}
|
|
|
.windowHotelRoom .roomInfo .totalPrice small{color:12px; color:#666}
|
|
|
.windowHotelRoom .roomInfo .totalPrice .redFont{font-size:15px}
|
|
|
|
|
|
#content ul.checkList{margin-top:10px}
|
|
|
|
|
|
.windowHotelOut{position:absolute; left:130px; top:20px; z-index:500}
|
|
|
.hotelcontentIn{border-bottom:#E3E3E3 1px solid; padding:5px 2px 4px 2px; width:100%; float:left}
|
|
|
.hotelcontentIn .contentHotel{margin-left:0px; line-height:15px; width:200px; font-family:Verdana,Geneva,sans-serif; float:left; font-size:11px; color:#545454; border-left:#d1d1d1 1px solid; padding:2px 0 2px 10px; display:block}
|
|
|
|
|
|
#AdvancedSearch{background:url(/css/images/hotel/bg-hotel-search-new.png) no-repeat #f6f6f6; padding:5px 0 10px 0; margin-bottom:15px; position:relative}
|
|
|
#AdvancedSearch .bg-search{position:absolute; background:url(/css/images/tour/bg-search-icon.png) no-repeat #f6f6f6; width:211px; height:130px; padding-left:10px; right:7px; bottom:14px}
|
|
|
.cityHotelSche{width:auto}
|
|
|
.titleCityHotel{color:#545454; font-weight:bold; padding-left:5px; margin-bottom:10px; font-size:15px}
|
|
|
.cityHotelSche .table1, .cityHotelSche .table3{padding:8px 10px 10px 10px; border-bottom:1px solid #e8e8e8; margin-bottom:1px; margin-top:3px}
|
|
|
.cityHotelSche .table2{padding:8px 10px 10px 10px; border-bottom:1px solid #e8e8e8; margin-bottom:1px; margin-top:3px}
|
|
|
.cityHotelSche select, .cityHotelSche .table2 input, .cityHotelSche .table3 input{-x-system-font:none; background:#fff; border:1px solid #DDD; color:#666; font-family:Verdana,Sans-Serif; font-size:12px; font-weight:normal; line-height:18px; padding:3px 0 3px 3px; margin-left:3px}
|
|
|
.cityHotelSche .table2 input{background:#fff url(/css/images/calender.GIF) 119px center no-repeat; width:135px; padding-bottom:3px}
|
|
|
.cityHotelSche .table2 label{display:block; width:285px; padding-left:15px; float:left}
|
|
|
.cityHotelSche .table1 label{display:block; width:120px; padding-left:15px; float:left; margin-bottom:10px}
|
|
|
.cityHotelSche .table1 label input{vertical-align:middle; margin-top:-3px; margin-bottom:0}
|
|
|
.cityHotelSche .table3 label{display:block; width:500px; padding-left:15px; float:left}
|
|
|
.cityHotelSche .Hotelbuttun01{font-weight:bold; text-align:center; margin-left:200px; margin-top:25px; margin-bottom:25px}
|
|
|
.cityHotelSche .Hotelbuttun01 a{display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background-image:url(images/bg-click.GIF); background-repeat:repeat-x; background-position:bottom; padding:4px 12px 4px 12px; text-decoration:none; color:#c03}
|
|
|
.cityHotelSche .Hotelbuttun01 a:hover{display:block; padding:4px 12px 4px 12px; background-image:url(images/bg-click-hover.GIF); background-repeat:repeat-x; background-position:bottom}
|
|
|
|
|
|
#cityhotel{width:660px; margin:10px 0}
|
|
|
#cityhotel a{color:#545454; text-decoration:none}
|
|
|
#cityhotel a:hover{color:#a31022; text-decoration:underline}
|
|
|
#cityhotel .allList{ margin:0px 0 10px 0;}
|
|
|
#cityhotel .allList h2{font-size:12px; font-weight:bold; border-bottom:1px solid #f1f1f1; padding:0 0 3px 4px; color:#c6162b}
|
|
|
#cityhotel .allList ul{margin:10px}
|
|
|
#cityhotel .clearBorder{border-bottom:1px dashed #c1c1c1}
|
|
|
#cityhotel .allList ul li{list-style:none; line-height:18px; margin:0 0 5px 0; width:120px; float:left; font-size:11px; background:none}
|
|
|
#cityhotel .allList .tripNo{font-size:11px; color:#a31022}
|
|
|
#cityhotel .allList ul li a{background:url(/pic/doubleArrow2.gif) no-repeat left; padding-left:10px; text-decoration:none; margin-left:0; list-style:none}
|
|
|
#cityhotel .allList ul li a:hover{background:url(/pic/doubleArrow.gif) no-repeat left; padding-left:10px; text-decoration:underline}
|
|
|
.newhotellist{padding:10px 0px; width:100%; margin-bottom:10px; border:1px #d7d7d7 solid; background-image:url(/css/images/hotel-bg.gif); background-repeat:repeat-x; background-color:#FFF; color:#5a5a5a; height:auto; position:relative}
|
|
|
.newhotellist h6{color:#888; margin-left:30px; font-size:15px}
|
|
|
.newhotellist h6 a{text-decoration:none; color:#555}
|
|
|
.newhotelPhoto{width:105px; float:left; padding:2px; margin:4px 5px 4px 10px}
|
|
|
.newhotelInfo{width:58%; float:left}
|
|
|
.newhotelNew{width:auto; float:right; border:1px solid #d1d1d1; -moz-border-radius:4px; height:auto}
|
|
|
.newhotelPrice{width:18%; float:right; border-left:#e6e4e4 1px solid}
|
|
|
.newhotelFrom{color:#9b9a9a; font-size:11px; padding:5px 0 0 3px}
|
|
|
.newhotelRate{text-align:center; color:#615f5f; font-size:11px; line-height:1.8em}
|
|
|
.newhotelRate a{color:#a31022; border-bottom:#a31022 1px dotted; font-size:10px; text-decoration:none!important}
|
|
|
.redRate{color:#a31022; font-size:16px; font-weight:600; padding-bottom:9px}
|
|
|
.redRate2{color:#a31022; font-size:23px; font-weight:600; padding-bottom:9px}
|
|
|
.newhotellist ul li, .newhotellist ul li a:link, .newhotellist ul li a:hover, .newhotellist ul li a:visited{font-size:11px; color:#5a5a5a}
|
|
|
.newhotellistsort{padding-right:1%; width:99%; font-size:11px; text-align:right}
|
|
|
.newhotellistsort a.active{text-decoration:none; padding:0 3px; font-color:#444}
|
|
|
.newhotelRecomList{margin-left:10px}
|
|
|
.newhotelRecomList ol{margin-bottom:5px}
|
|
|
|
|
|
.tophotel1{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel1.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel2{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel2.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel3{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel3.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel4{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel4.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel5{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel5.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel6{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel6.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel7{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel7.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel8{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel8.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel9{width:57px; height:36px; margin:0; padding:0; background:url(/css/images/tophotel9.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
.tophotel10{width:57px; height:36px; margin-right:20px; ; padding:0; background:url(/css/images/tophotel10.GIF) no-repeat left; position:absolute; top:-2px; left:0px}
|
|
|
#topcityTour{width:275px; margin-bottom:10px; border:1px solid #d1d1d1; position:relative}
|
|
|
#topcityTour .iconDeals{position:absolute; background:url(/pic/deal-small.png) no-repeat; width:60px; height:60px; top:-12px; right:-9px}
|
|
|
#topcityTour h6{height:25px; font-size:14px; padding:6px 3px 3px 8px; background-color:#999; font-weight:bold; margin:0; color:#fff; font-size:13px; text-align:center}
|
|
|
#topcityTour ul{margin:10px 0 0 10px; padding:0 5px 0 0}
|
|
|
#topcityTour ul li{font-size:11px; padding-bottom:10px; margin-bottom:5px; border-bottom:1px dotted #ded1e1; list-style:none}
|
|
|
#topcityTour ul li a{color:#545454; font-size:11px; text-decoration:underline}
|
|
|
#topcityTour ul li a:hover{color:#a31022; text-decoration:none}
|
|
|
#topcityTour ul li span.hotelName{display:block; width:190px; float:left; padding:3px 0 3px 0}
|
|
|
#topcityTour ul li span.price{display:block; width:50px; float:right; color:#c91a1a; padding:3px 0 3px 0}
|
|
|
#topcityTour ol{margin:10px 0 0 15px; padding:0 0px 0 5px}
|
|
|
#topcityTour ol li{font-size:11px; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #ded1e1; list-style-position:outside}
|
|
|
#topcityTour ol li a{color:#545454; font-size:11px; text-decoration:underline}
|
|
|
#topcityTour ol li a:hover{color:#a31022; text-decoration:none}
|
|
|
a.payHelpNote{cursor:help}
|
|
|
a.payHelpNote:hover{ text-decoration:none; color:#a03}
|
|
|
|
|
|
.hotelsearchtitle{ display:block;background:#929292; padding-left:10px; padding-top:4px; color:#fff; font-size:14px; font-weight:bold; position:relative; margin:0;}
|
|
|
.hotelsearchtitle .citySelect, h2.hotelsearchtitle .citySelect{background:url(/css/images/hotel/s-arrow.gif) no-repeat right 8px; padding-right:7px; font-size:13px; font-weight:bold}
|
|
|
.hotelsearchtitle .citySelect a, h2.hotelsearchtitle .citySelect a{color:#fff; text-decoration:none; border-bottom:1px solid #fff; padding-bottom:0; font-style:italic}
|
|
|
.hotelSearchBox{border:1px solid #d1d1d1; background:#f1f1f1; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; padding:10px 5px; font-size:11px}
|
|
|
.hotelSearchBox label{margin:8px 0; line-height:18px}
|
|
|
.hotelSearchBox input{width:150px; border:1px solid #d1d1d1; background:#fff; padding:5px; font-size:11px}
|
|
|
.hotelSearchBox input:focus{border:1px solid #a31022}
|
|
|
.hotelSearchBox input.submitButton{background:none; width:auto; height:auto; border:none; margin:10px 0 0 80px}
|
|
|
.hotelSearchBox input.calendar{background:url(/css/images/calender.GIF) no-repeat 140px #fff}
|
|
|
.hotelSearchBox select{width:162px; font-size:11px; padding:3px 0; border:1px solid #d1d1d1; background:#fff}
|
|
|
.hotelSearchBox select option{line-height:18px}
|
|
|
.relatedHotels{border:1px solid #d1d1d1; margin:15px 0; padding:0 0 10px 0; font-size:11px}
|
|
|
.relatedHotels a{color:#545454}
|
|
|
.relatedHotels a:hover{color:#a31022; text-decoration:none}
|
|
|
.relatedHotels h4{background:#8c8c8c; padding:5px 0 5px 5px; text-align:left; font-size:13px; color:#fff; margin:0 0 10px 0}
|
|
|
.relatedHotels h5{font-size:11px; font-weight:normal; padding-left:5px; margin-bottom:10px; line-height:18px}
|
|
|
.relatedHotels h5 a{text-decoration:none}
|
|
|
.relatedHotels h5 a:hover{text-decoration:underline}
|
|
|
.relatedHotels .listImg{width:61px; height:45px; margin:0 10px 15px 5px}
|
|
|
.relatedHotels .listImg img{width:61px; height:45px}
|
|
|
.relatedHotels ul{margin:0}
|
|
|
.relatedHotels ul li{list-style:none; border-bottom:1px dashed #f1f1f1; padding:0 5px 5px 5px; margin-bottom:5px}
|
|
|
.hotelPrice{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#a31022; padding-top:10px; margin-top:10px}
|
|
|
.clearHotHotel{clear:both; width:100%; height:0px; border:0; line-height:0; border-bottom:1px dashed #c1c1c1}
|
|
|
#hotelcityList{position:absolute; width:400px; border:1px solid #d1d1d1; left:170px; background:#fff; color:#545454; top:0px; padding:10px 15px 10px 15px; z-index:5000}
|
|
|
#hotelcityList h4{font-size:12px; margin:10px 0 8px 0; border-bottom:1px solid #d1d1d1}
|
|
|
#hotelcityList ul{margin-left:0}
|
|
|
#hotelcityList ul li{list-style:none; float:left; text-align:left; width:90px; line-height:18px; margin-bottom:5px; padding:0 2px 0 8px}
|
|
|
#hotelcityList ul li a{font-weight:normal; font-size:11px; text-decoration:none}
|
|
|
#hotelcityList ul li:hover{background:#d1d1d1}
|
|
|
#hotelcityList ul li:hover a{font-weight:bold}
|
|
|
.closeIt{width:60px; position:absolute; right:10px; top:10px; cursor:pointer}
|
|
|
|
|
|
/*酒店详细页面样式*/
|
|
|
.lostRoomPrice{
|
|
|
position:absolute;
|
|
|
width:256px;
|
|
|
right:26px;
|
|
|
top:17px;
|
|
|
text-align:right;
|
|
|
height: 56px;
|
|
|
line-height:25px;
|
|
|
}
|
|
|
.lostRoomPrice span.from{ color:#545454; font-size:17px;}
|
|
|
.lostRoomPrice span.lowestPrice{ color:#a31022; font-size:22px;}
|
|
|
.lostRoomPrice span.roonBreakfast{ color:#3A8AE2; font-size:12px;}
|
|
|
/*酒店详细页面头部样式*/
|
|
|
#hoteldetailHead{ margin:0; padding:0;}
|
|
|
#hoteldetailHead ul.featureList{ margin:0;}
|
|
|
#hoteldetailHead ul.featureList li{ list-style:none; margin:0 0 8px 10px; background:url(/css/images/hotel/hotel-drop.GIF) no-repeat left 3px; padding:0 0 0 15px;}
|
|
|
#hoteldetailHead .hotelOutPic{
|
|
|
width:165px;
|
|
|
margin-right:12px;
|
|
|
float:left;
|
|
|
text-align:center;
|
|
|
}
|
|
|
#hoteldetailHead .hotelOutPic a{ color:#545454;}
|
|
|
#hoteldetailHead .hotelPhotoDetail{
|
|
|
width:390px;
|
|
|
float:left;
|
|
|
position:relative;
|
|
|
margin-bottom:7px;
|
|
|
}
|
|
|
#hoteldetailHead .hotelPhotoDetail .bighotelPhoto{
|
|
|
position:absolute;
|
|
|
padding:10px;
|
|
|
background:#f1f1f1;
|
|
|
border:1px solid #d1d1d1;
|
|
|
z-index: 99;
|
|
|
}
|
|
|
#hoteldetailHead .hotelPhotoDetail img{ width:45px; height:45px; float:left; margin:0 6px 5px 0;filter: Alpha(opacity=70);
|
|
|
-moz-opacity:.8;
|
|
|
opacity:0.8; }
|
|
|
#hoteldetailHead .hotelOutPic .bigphoto{ width:165px; width:170px; margin-bottom:5px;}
|
|
|
#hoteldetailHead .hotelReviewRating{
|
|
|
width:168px;
|
|
|
float:right;
|
|
|
border:2px solid #d1d1d1;
|
|
|
padding:10px;
|
|
|
}
|
|
|
#hoteldetailHead .hotelReviewRating .hotelRatePoint{
|
|
|
font-size:18px;
|
|
|
color:#a31022;
|
|
|
text-align:left;
|
|
|
padding-bottom:8px;
|
|
|
}
|
|
|
#hoteldetailHead .hotelReviewRating .hotelrecommend{
|
|
|
font-size:11px;
|
|
|
text-align:left;
|
|
|
line-height:20px;
|
|
|
padding-bottom:10px;
|
|
|
}
|
|
|
#hoteldetailHead .hotelReviewRating .hotelrecommend .percent{
|
|
|
font-size:16px;
|
|
|
color:#a31022;
|
|
|
}
|
|
|
#hoteldetailHead .hotelReviewRating .hotelrecommend span.yes {
|
|
|
background: url('/pic/yes.png') no-repeat scroll 5px top transparent;
|
|
|
padding: 0 5px 0 25px;
|
|
|
color:#545454;
|
|
|
}
|
|
|
#hoteldetailHead .hotelReviewRating .hotelrecommend span.no {
|
|
|
background: url('/pic/no.png') no-repeat scroll 5px top transparent;
|
|
|
padding: 0 5px 0 25px;
|
|
|
color:#545454;
|
|
|
}
|
|
|
#hoteldetailHead .hotelReviewRating .recentReview{ background:url(/css/images/hotel/review-left.gif) left top no-repeat; text-indent:20px; font-size:11px; line-height:18px;}
|
|
|
#hoteldetailHead .hotelReviewRating .recentReview a.moreReview{ display:block; text-align:right; color:#a31022;}
|
|
|
#hoteldetailHead ul.hotelBriefInfo{ margin-bottom:5px; font-size:11px;}
|
|
|
#hoteldetailHead ul.hotelBriefInfo li{ list-style:none; margin-bottom:4px; line-height:16px;}
|
|
|
#hoteldetailHead ul.hotelBriefInfo li .tollFreeNo{ color:#c42524; font-size:12px;}
|
|
|
#hoteldetailHead a.showMore{color:#c42524; text-decoration:none;}
|
|
|
#roomRate{margin:10px 0; border:1px solid #d1d1d1; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px}
|
|
|
#roomRate .changeDate{
|
|
|
background:#f1f1f1;
|
|
|
-moz-border-radius-topleft:4px;
|
|
|
-moz-border-radius-topright:4px;
|
|
|
padding:5px 10px;
|
|
|
margin:0 0 10px 0;
|
|
|
width:auto
|
|
|
}
|
|
|
#roomRate img{cursor:pointer}
|
|
|
#roomRate .changeDate .rateTitle{
|
|
|
float:left;
|
|
|
width:110px;
|
|
|
font-size:18px;
|
|
|
margin:0px 150px 0 0;
|
|
|
color:#a31022;
|
|
|
font-weight:100;
|
|
|
}
|
|
|
#roomRate .changeDate .liveDate{
|
|
|
float:right;
|
|
|
width:440px;
|
|
|
font-size:15px;
|
|
|
text-align:right;
|
|
|
}
|
|
|
#roomRate .changeDate .liveDate a.research{ font-size:12px; color:#a31022 }
|
|
|
#roomRate .changeDate .checkDate{float:left; width:380px; font-size:11px; margin-top:1px}
|
|
|
#roomRate .changeDate .checkDate input{background:url(/css/images/calender-s.gif) no-repeat 90px #fff; border:1px solid #7f7f7f; width:100px; padding:3px 2px 4px 5px; margin:0 8px 0 0; font-size:11px}
|
|
|
#roomRate table{ margin:0px 0 5px 0px; font-size:11px; z-index:9999}
|
|
|
#roomRate .hotelBookNote{
|
|
|
background:#ededed;
|
|
|
padding:5px;
|
|
|
margin:5px;
|
|
|
}
|
|
|
table.roomRate th{ border-bottom:1px solid #ddd;
|
|
|
background:#f2f2f2;
|
|
|
padding:7px 5px;}
|
|
|
#roomRate table td{ border-bottom:1px dashed #d2d2d2;
|
|
|
padding:8px 5px;
|
|
|
text-align:center;
|
|
|
position:relative;}
|
|
|
#roomRate table td.roomType{ text-align:left;}
|
|
|
table.roomRate th.hotelName, table.roomRate td.hotelName{padding:0 0 0 5px}
|
|
|
#roomRate .note{padding:0 0 10px 5px; font-size:11px; color:#a31022; font-style:italic}
|
|
|
table.roomRate td{border-bottom:1px solid #d1d1d1; padding:4px 0; color:#555}
|
|
|
table.roomRate td.hotelDetail{border-top:1px solid #f7f7f7; padding:4px 0; color:#555}
|
|
|
table.roomRate td.left{text-align:left}
|
|
|
table.roomRate td a{color:#666}
|
|
|
table.roomRate td a:hover{text-decoration:none; color:#a31022}
|
|
|
#comment-questions{margin:0 0 10px 0}
|
|
|
#comment-questions .hotelComment{width:760px}
|
|
|
#hotelService{margin:20px 0}
|
|
|
#hotelService h3{font-size:18px;color:#a31022; font-weight:100; padding:5px 0 5px 10px;margin:0 0 10px 0; background:#f1f1f1;}
|
|
|
#hotelService .hotelAmenities{ padding:0px 0px 5px 0px}
|
|
|
|
|
|
#hotelService .hotelAmenities table{ margin:0px auto 5px auto; font-size:11px; margin:0 10px 0 10px;}
|
|
|
#hotelService .hotelAmenities table th{border-bottom:1px solid #fff; text-align:left; padding:8px 5px; background:#f9f9f9}
|
|
|
#hotelService .hotelAmenities table td{border-bottom:1px solid #f1f1f1; line-height:18px; padding:5px}
|
|
|
.roomrateInfo{width:300px; z-index:9999; margin-left:20px}
|
|
|
*+html .roomrateInfo{margin-left:-100px; margin-top:25px}
|
|
|
/*相同条件的酒店推荐*/
|
|
|
.similarhotels{ padding:10px 0 10px 10px; background:#f1f1f1;}
|
|
|
.similarhotels h3{font-size:18px;color:#a31022; font-weight:100; margin:0 0 10px 0;}
|
|
|
.similarhotels .similarhotelList{
|
|
|
width:240px;
|
|
|
padding:5px 10px 0 0;
|
|
|
float:left;
|
|
|
font-size:11px;
|
|
|
line-height:18px;
|
|
|
color:#545454;
|
|
|
}
|
|
|
.similarhotels .similarhotelList h4{ font-size:16px; font-weight:100; margin:0 0 8px 0; }
|
|
|
.similarhotels .similarhotelList h4 a{color:#0D548A; text-decoration:none;}
|
|
|
.similarhotels .similarhotelList .hotelBriefPic{ margin:0 5px 5px 0; width:60px; height:60px; float:left; }
|
|
|
.similarhotels .similarhotelList .hotelBriefPrice{ font-size:18px; color:#bc0f0f;}
|
|
|
.similarhotels .similarhotelList .recentReview{ background:url(/css/images/hotel/review-left.gif) 5px 5px no-repeat #fff; text-indent:20px; font-size:11px; line-height:18px; margin-top:10px; padding:5px;}
|
|
|
|
|
|
.roomrateInfo table{font-size:11px; border:2px solid #999; background:#fff}
|
|
|
.roomrateInfo table th{padding:5px 0; border-bottom:1px dashed #999; background:#d1d1d1}
|
|
|
.roomrateInfo table td{text-align:center; padding:5px 0; border-bottom:1px dashed #999}
|
|
|
.roomrateInfo table td.totalPrice{text-align:right; padding-right:10px; border-bottom:none}
|
|
|
.onOutHotel{
|
|
|
background:#fff;
|
|
|
border:3px solid #666;
|
|
|
width:273px;
|
|
|
text-align:left;
|
|
|
padding:5px;
|
|
|
-moz-border-radius:4px;
|
|
|
z-index:9999;
|
|
|
display:none;
|
|
|
position:absolute;
|
|
|
margin:20px 0 0 -25px
|
|
|
}
|
|
|
*+html .onOutHotel{margin-top:40px; margin-left:-40px}
|
|
|
|
|
|
.onOutHotel .arrowUp{background:url(/pic/arrow-upandleft-2.png) no-repeat; width:27px; height:19px; position:absolute; top:-19px; left:10px}
|
|
|
.onOutHotelInfo{background:#fff; border:3px solid #666; width:350px; text-align:left; padding:5px; -moz-border-radius:4px; z-index:9999; display:none; position:absolute; margin:15px 0 0 -20px}
|
|
|
*+html .onOutHotelInfo{margin-top:30px; margin-left:-30px}
|
|
|
|
|
|
#hotelmapContent{width:780px; margin:10px auto; padding-bottom:20px; padding:5px}
|
|
|
#hotelmapContent #hotelmapHead{margin:0 0 5px 0; padding:10px}
|
|
|
#hotelmapContent #hotelmapHead .buttonArea{width:500px; float:right; text-align:right; cursor:pointer}
|
|
|
#hotelmapContent #hotelmapHead .buttonArea img{margin-left:15px}
|
|
|
|
|
|
#hotelmapContent #hotelmapHead .detailedHotelNav a{text-decoration:underline; background:url(/css/images/arrow-navigate.gif) no-repeat right 7px; padding:2px 8px 4px 5px; color:#444; font-weight:normal}
|
|
|
#hotelmapContent #hotelmapHead .detailedHotelNav a:hover{color:#a31022; text-decoration:none}
|
|
|
#hotelmapContent h1{background:#969696; width:485px; height:26px; font-size:17px; color:#fff; border-bottom:none; padding-top:5px; padding-left:15px; margin:5px 0 0 0; font-weight:100}
|
|
|
#hotelmapContent #map-address{background:#fff; border:1px solid #ccc; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px}
|
|
|
#hotelmapContent #map-address .detailedMap{margin:10px auto; width:760px}
|
|
|
#hotelmapContent #map-address .detailedMap img{border:1px solid #ccc}
|
|
|
#hotelmapContent #map-address .addressArea{background:#fff; margin:10px auto; padding:20px}
|
|
|
#hotelmapContent #map-address .addressArea ul{padding-bottom:10px; margin-left:5px}
|
|
|
#hotelmapContent #map-address .addressArea ul li{list-style:none; line-height:18px; margin-bottom:5px}
|
|
|
#hotelmapContent #map-address .addressArea .blueFont{color:#0472b8; font-size:14px; margin-bottom:8px}
|
|
|
#hotelmapContent #map-address .addressArea .cnblueFont{color:#0472b8; font-size:18px; font-family:"宋 体 "; font-weight:bold; margin-bottom:10px}
|
|
|
#hotelmapContent #mapFooter{margin:10px auto; width:760px}
|
|
|
#hotelmapContent #mapFooter p{line-height:10px; margin:0 0 15px 0}
|
|
|
#hotelmapContent #mapFooter #logo{border-right:1px solid #d1d1d1; width:180px; float:left; margin-right:10px}
|
|
|
#mainContent2 .hotellistMap{
|
|
|
width:auto;
|
|
|
margin:0px 0 0 0;
|
|
|
background:url(/css/images/hotel/hotel-sort-bg.jpg) no-repeat top left;
|
|
|
}
|
|
|
#mainContent2 .hotellistMap2{
|
|
|
width:auto;
|
|
|
margin:0px 0 0 0;
|
|
|
background:url(/css/images/hotel/hotel-sort-bg2.jpg) no-repeat top left;
|
|
|
height:35px;
|
|
|
}
|
|
|
#mainContent2 .hotellistMap .hotelListGooglemap, #mainContent2 .hotellistMap2 .hotelListGooglemap{ width:760px; margin:0;}
|
|
|
#mainContent2 .hotellistMap .hotelListGooglemap .googlelargeMap, #mainContent2 .hotellistMap2 .hotelListGooglemap .googlelargeMap{ width:760px; height:250px;}
|
|
|
#mainContent2 .hotellistMap .hotelListonMap, #mainContent2 .hotellistMap2 .hotelListonMap{ width:740px; padding:10px; background:#f1f1f1;}
|
|
|
#mainContent2 .hotellistMap .hotelListonMap ul li, #mainContent2 .hotellistMap2 .hotelListonMap ul li{ display:block; width:240px; float:left; list-style:none; padding-right:5px; font-size:11px;}
|
|
|
#mainContent2 .hotellistMap .hotelFilter{float:left; width:400px; font-size:16px; padding:5px 0; padding: 5px 0 5px 100px;}
|
|
|
#mainContent2 .hotellistMap .hotelFilter a{color:#545454; display:block; text-decoration:none; text-align:center; width:80px; padding:2px 0 2px 0; float:left; margin-left:15px;}
|
|
|
#mainContent2 .hotellistMap .hotelFilter a.active{background:#929292; color:#fff; text-decoration:none; }
|
|
|
#mainContent2 .hotellistMap .hotelFilter a:hover{background:#929292; color:#fff; text-decoration:none; }
|
|
|
#mainContent2 .hotellistMap .hotelFilter input{border:1px solid #d1d1d1; background:#f1f1f1; font-size:11px; width:150px; padding:3px 0 3px 5px}
|
|
|
#mainContent2 .hotellistMap .hotelFilter .hotelLocation{position:absolute; width:410px; padding:10px 5px; border:2px solid #d1d1d1; background:#fff; left:238px; top:25px; z-index:9999}
|
|
|
*+html #mainContent2 .hotellistMap .hotelFilter .hotelLocation{z-index:99px}
|
|
|
#mainContent2 .hotellistMap .hotelFilter .hotelLocation ul{margin:0}
|
|
|
#mainContent2 .hotellistMap .hotelFilter .hotelLocation ul li{float:left; width:190px; line-height:18px; list-style:none; padding:3px 2px; display:inline}
|
|
|
#mainContent2 .hotellistMap .hotelFilter .hotelLocation ul li a{padding:2px}
|
|
|
#mainContent2 .hotellistMap .hotelFilter .hotelLocation ul li a:hover{background:#d1d1d1}
|
|
|
#mainContent2 .hotellistMap .mapcontrolButton, #mainContent2 .hotellistMap2 .mapcontrolButton{
|
|
|
float:right;
|
|
|
background:url(/css/images/hotel/map-button.png) no-repeat;
|
|
|
width:85px;
|
|
|
height:22px;
|
|
|
padding:10px 10px 0 45px;
|
|
|
margin:2px 0 0 0;
|
|
|
font-size:12px;
|
|
|
font-weight:bold;
|
|
|
font-family:Arial,Helvetica,sans-serif;
|
|
|
cursor:pointer;
|
|
|
color:#fff
|
|
|
}
|
|
|
#mainContent2 .hotellistMap .mapcontrolButton:hover, #mainContent2 .hotellistMap2 .mapcontrolButton:hover{ text-decoration:underline;}
|
|
|
#content #mainContent2 .eachhotelList{
|
|
|
position:relative;
|
|
|
*position:static; padding:15px 0px 5px 0px;
|
|
|
margin:5px 0 5px 0;
|
|
|
border-bottom:3px solid #929292;
|
|
|
z-index:20px
|
|
|
}
|
|
|
#content #mainContent2 .eachhotelList h2.hotelBrand{ margin:0 0 10px 0; font-size:22px; font-weight:100;}
|
|
|
#mainContent2 .eachhotelList .image-review{
|
|
|
float:left;
|
|
|
width:35px;
|
|
|
position:relative;
|
|
|
}
|
|
|
#mainContent2 .eachhotelList .image-review .photoWindow{ position:absolute; padding:10px; background:#f1f1f1; border:1px solid #d1d1d1;}
|
|
|
#mainContent2 .eachhotelList .image-review img.outSide{border:1px solid #d1d1d1; width:70px; height:70px}
|
|
|
#mainContent2 .eachhotelList .image-review .hotelReview{background:#fff; width:70px; height:60px; padding-top:10px; margin-top:10px; text-align:center; line-height:15px; font-size:11px}
|
|
|
#mainContent2 .eachhotelList .image-review .hotelReview a{color:#545454}
|
|
|
#mainContent2 .eachhotelList .image-review .hotelReview a:hover{color:#a31022; text-decoration:none}
|
|
|
#mainContent2 .eachhotelList .image-review .hotelReview .hotelRate{font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#a31022; border:none; margin-bottom:8px}
|
|
|
#mainContent2 .eachhotelList .image-review .hotelReview img{margin-top:8px; width:10px; height:11px; border:none}
|
|
|
#mainContent2 .eachhotelList .hotelInfo{
|
|
|
float:right;
|
|
|
width:680px;
|
|
|
}
|
|
|
#mainContent2 .eachhotelList .hotelInfo span.strong{ font-weight:bold;}
|
|
|
#mainContent2 .eachhotelList .hotelInfo span.bookdate{ font-size:13px; color:#669900; margin-top:5px;}
|
|
|
#mainContent2 .eachhotelList .hotelInfo .hotelNumber{
|
|
|
background: url("/css/images/hotel/bg-hotel-number.png") no-repeat scroll 0 0 transparent;
|
|
|
color: #FFFFFF;
|
|
|
cursor: pointer;
|
|
|
font-family: "Times New Roman",Times,serif;
|
|
|
font-size: 11px;
|
|
|
font-weight: bold;
|
|
|
height: 16px;
|
|
|
padding: 0 0 0 5px;
|
|
|
position: absolute;
|
|
|
left: 81px;
|
|
|
top: 20px;
|
|
|
width: 11px;
|
|
|
}
|
|
|
#mainContent2 .eachhotelList .hotelInfo h3{margin:0 0 5px 0; padding-left:25px;}
|
|
|
#mainContent2 .eachhotelList .hotelInfo h3 a.hotelName{color:#0D548A; font-size:20px; text-decoration:none; font-family:Arial,Helvetica,sans-serif; font-weight:100;}
|
|
|
#mainContent2 .eachhotelList .hotelInfo h3 a.hotelMap{color:#545454; font-size:11px; font-family:Arial,Helvetica,sans-serif; font-weight:100;}
|
|
|
#mainContent2 .eachhotelList .hotelInfo h3 a:hover{text-decoration:underline; color:#a31022}
|
|
|
/*将酒店H3更改为样式加粗，暂时只更改了hotelstarlist 页面*/
|
|
|
#mainContent2 .eachhotelList .hotelInfo h2{margin:0 0 5px 0; padding-left:25px;}
|
|
|
#mainContent2 .eachhotelList .hotelInfo h2 a.hotelName{color:#0D548A;!important font-size:20px;!important text-decoration:none; font-family:Arial,Helvetica,sans-serif; font-weight:100;}
|
|
|
a.hotelMap{color:#545454; font-size:11px;!important font-family:Arial,Helvetica,sans-serif; font-weight:100; background:url(/css/images/hotel/map-icon.gif) no-repeat top left; padding:0 0 0 13px;}
|
|
|
#mainContent2 .eachhotelList .hotelInfo h2 a:hover{text-decoration:underline; color:#a31022}
|
|
|
/*H3更改结束*/
|
|
|
#mainContent2 .eachhotelList .hotelInfo p{font-size:11px; margin:0 0 10px 0;}
|
|
|
#mainContent2 .eachhotelList .hotelInfo p a{padding-left:0px; margin:0 0px 0 0}
|
|
|
#mainContent2 .eachhotelList .hotelInfo table{
|
|
|
margin:0px 0 5px 0px;
|
|
|
font-size:11px
|
|
|
}
|
|
|
#mainContent2 .eachhotelList .hotelInfo table a{color:#a31022; text-decoration:none}
|
|
|
#mainContent2 .eachhotelList .hotelInfo table a:hover{text-decoration: underline}
|
|
|
#mainContent2 .eachhotelList .hotelInfo table th{
|
|
|
border-bottom:1px solid #ddd;
|
|
|
background:#d2d2d2;
|
|
|
padding:7px 5px
|
|
|
}
|
|
|
#mainContent2 .eachhotelList .hotelInfo table td{
|
|
|
border-bottom:1px dashed #d2d2d2;
|
|
|
padding:8px 5px;
|
|
|
text-align:center;
|
|
|
}
|
|
|
#mainContent2 .eachhotelList .hotelInfo table td.roomType{
|
|
|
text-align:left;
|
|
|
line-height:16px;
|
|
|
}
|
|
|
#mainContent2 .eachhotelList .hotelInfo table td
|
|
|
#mainContent2 .eachhotelList .hotelInfo table td img{cursor:pointer}
|
|
|
.avgrate{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; color:#a31022}
|
|
|
span.avgrate2{font-family:Arial,Helvetica,sans-serif; font-size:18px; font-weight:100; color:#a31022; background:url(/pic/arrow-d.GIF) no-repeat right; padding-right:12px; cursor:pointer}
|
|
|
span.roomTypeInfo{padding-right:12px}
|
|
|
span.roomTypeInfo:hover{color:#c82d30}
|
|
|
#mainContent2 .eachhotelList .hotelInfo table td.allRoom{border-bottom:none; text-align:right;}
|
|
|
.roomDetail{text-align:left; width:320px;}
|
|
|
.roomDetail .roomtypeImg{float:left; width:87px; height:64px}
|
|
|
.roomDetail .roomtypeImg img{width:87px; height:64px}
|
|
|
.roomDetail .roomtypeinfo{float:right; width:auto; padding-left:5px; width:220px;}
|
|
|
.roomDetail ul{margin-left:10px; padding-left:5px}
|
|
|
.roomDetail ul li{list-style:none; line-height:18px; margin-bottom:5px; float:left; width:50%}
|
|
|
.roominfoavailable{border-bottom:1px solid #d1d1d1; padding-bottom:1px; cursor:pointer; background:url(/pic/arrow-d.GIF) no-repeat right; padding-right:12px; }
|
|
|
.roominfoavailable:hover{color:#a31022; border-bottom:none}
|
|
|
.roominfoNone{ color:#787878;}
|
|
|
span.roomLess{ color:#3181C1;}
|
|
|
.dealIcon{position:absolute; width:150px; height:45px; left:501px; top:-16px}
|
|
|
.paymentWay{width:12px; height:12px; background:url(/pic/hotel/icon-docs-info.gif) no-repeat left 1px; float:left; padding-left:15px; cursor:pointer}
|
|
|
.paymentWay:hover{background:url(/pic/hotel/icon-docs-info-red.gif) no-repeat left 1px; padding-left:15px; cursor:pointer}
|
|
|
|
|
|
#hotelBrands{border:1px solid #d1d1d1; padding:5px; margin:20px 0}
|
|
|
#hotelBrands a{color:#545454; font-size:11px}
|
|
|
#hotelBrands a:hover{color:#a31022; text-decoration:none}
|
|
|
#hotelBrands .allbrands{width:auto}
|
|
|
#hotelBrands .allbrands h2{background:url(/css/images/hotel/hotel-brands.png) no-repeat left; padding-left:50px; margin:0 0 8px 0; height:36px; padding-top:8px}
|
|
|
#hotelBrands .allbrands .brandIcon{float:left; margin:5px 10px 5px 5px; font-size:11px; text-align:center; width:75px; height:115px}
|
|
|
#hotelBrands .allbrands .brandIcon img{border:1px solid #d1d1d1; width:70px; height:70px}
|
|
|
#hotelBrands .brandsinCity{width:152px; float:right; background:#e9f1f4; padding:5px}
|
|
|
#hotelBrands .brandsinCity h2{font-size:15px; margin:0 0 8px 0}
|
|
|
#hotelBrands .brandsinCity table{width:100%; font-size:11px}
|
|
|
#hotelBrands .brandsinCity table td{text-align:center; padding:10px 5px}
|
|
|
#hotelBrands .brandsinCity table tr.odd{ background:#f5fcff}
|
|
|
#hotelBrands .brandsinCity table tr.odd td{padding:8px 5px}
|
|
|
|
|
|
#hotelbrandIntro{border:1px solid #d1d1d1; background:#f1f1f1; margin:0 0 10px 0; padding:10px}
|
|
|
#hotelbrandIntro img{width:100px; height:100px; border:1px solid #d1d1d1; background:#fff}
|
|
|
#hotelbrandIntro p a{font-weight:bold}
|
|
|
#content #hotelbrandIntro p a:hover{color:#a31022; text-decoration:none}
|
|
|
.brandsCity{float:left; width:450px; font-size:11px; padding:5px 0 5px 5px; position:relative; font-size:11px}
|
|
|
.brandsCity input{border:1px solid #7e9db6; font-size:11px; font-weight:bold; background:#d1d1d1; width:110px; padding:3px 0; text-align:center; cursor:pointer}
|
|
|
.brandsCity .allbrandsBox{border:1px solid #666; background:#fff; width:600px; padding:10px; position:absolute; z-index:5000; top:25px; left:5px}
|
|
|
.brandsCity .allbrandsBox ul{margin-left:0}
|
|
|
.brandsCity .allbrandsBox ul li{list-style:none; float:left; font-size:11px; width:200px; text-align:left; line-height:18px; margin-bottom:5px}
|
|
|
.brandsCity .allbrandsBox .closeButton{position:absolute; top:5px; right:5px; cursor:pointer}
|
|
|
.brandsCity .allbrandsBox .closeButton img{width:auto !important; height:auto !important; border:none!important}
|
|
|
|
|
|
.brandsCity a{color:#545454}
|
|
|
.brandsCity a:hover{color:#a31022; text-decoration:none}
|
|
|
h2.citybrands{font-size:17px; margin:0 0 -10px 0; color:#1370bd; border-bottom:1px solid #d1d1d1; padding-bottom:5px}
|
|
|
h2.citybrands a{color:#1370bd}
|
|
|
.brandsIncity{ margin:5px 0; border:1px solid #d1d1d1; background:#f1f1f1; padding:10px}
|
|
|
.brandsIncity ul{margin:5px 0 0 0}
|
|
|
.brandsIncity ul li{list-style:none; float:left; width:70px; line-height:18px; margin-bottom:5px; margin-right:5px}
|
|
|
.brandsIncity ul li img{width:100px; height:100px}
|
|
|
.hotelFeature{border:1px solid #d1d1d1; padding:10px; width:426px; margin-top:10px; margin-bottom:10px; position:relative}
|
|
|
.hotelFeature p{color:#333}
|
|
|
.hotelFeature .featureTitle{position:absolute; padding:2px 5px 2px 5px; color:#c22830; top:-15px; background:#FFF}
|
|
|
.otherHotelCabin{width:552px; float:right; margin:5px 0 -78px 0!important; padding:0}
|
|
|
ul.cabinList{margin:10px}
|
|
|
ul.cabinList li{width:130px; float:left; list-style:none; margin-right:3px; font-size:11px; padding:0 0 9px 0;}
|
|
|
.chainPromo3{border:#b3b3b3 1px solid; padding:0}
|
|
|
.chainPromo3 h5{font-size:15px; padding:8px 10px 8px 10px; background:#f6f6f6; color:#c6162b; margin:0 0 5px 0}
|
|
|
.chainPromo3 h5 a{color:#c6162b; text-decoration:none}
|
|
|
|
|
|
.hotelListTable{font-size:11px}
|
|
|
.hotelListTable tr td{width:207px; line-height:20px; padding:5px 3px 5px 3px; border-bottom:1px dashed #999}
|
|
|
.hotelListTable tr td a{color:#545454; text-decoration:none}
|
|
|
.hotelListTable tr td a:hover{text-decoration:underline}
|
|
|
#headerWrapper #header #logocommunity{width:900px; padding-top:45px; margin:0 0 5px 17px}
|
|
|
.hotelSubSort{border:4px solid #999; padding:5px; margin-bottom:10px}
|
|
|
.hotelSubSort h5.refine{font-size:13px; color:#a31022; margin:0 0 10px 0; text-align:center}
|
|
|
#topcityTour h5.hotelTitle{font-size:13px; color:#545454; margin:0 0 10px 0; text-align:left; background:#f7f7f7; border-bottom:1px solid #d1d1d1; padding:5px 0 5px 5px}
|
|
|
#topcityTour h5.hotelTitle a{color:#545454; text-decoration:none}
|
|
|
.hotelSubSort tr th{font-size:14px; font-weight:100; color:#545454; text-align:left; padding:6px 0 6px 25px; background:#f7f7f7}
|
|
|
.hotelSubSort tr th.star{background:url(/css/images/hotel/star-bg.png) no-repeat left 6px #f7f7f7}
|
|
|
.hotelSubSort tr th.location{background:url(/css/images/hotel/sight-bg.png) no-repeat top left #f7f7f7}
|
|
|
.hotelSubSort tr th.chain{background:url(/css/images/hotel/chain-bg.png) no-repeat top left #f7f7f7}
|
|
|
.hotelSubSort tr td{font-size:11px; text-align:left; padding:5px}
|
|
|
.hotelSubSort tr td .starSort{}
|
|
|
.hotelSubSort tr td .starSort span{display:block; float:left; cursor:pointer; padding:3px 10px 3px 10px}
|
|
|
.hotelSubSort tr td .starSort a{color:#A31022; text-decoration:none}
|
|
|
.hotelSubSort tr td .starSort span:hover{background:#f7f7f7}
|
|
|
.hotelSubSort tr td .locationSort{padding-left:5px}
|
|
|
.hotelSubSort tr td .locationSort span{display:block; cursor:pointer; padding:3px 3px 3px 0; cursor:pointer}
|
|
|
.hotelSubSort tr td .starSort span:hover{background:#f7f7f7}
|
|
|
.hotelSubSort tr td .locationSort a{color:#a31022; text-decoration:none}
|
|
|
.hotelSubSort tr td .locationSort span:hover{background:#f7f7f7}
|
|
|
.hotelSubSort tr td .locationSort a:hover{text-decoration:underline}
|
|
|
.hotelSubSort tr td .moreLocation{text-align:right}
|
|
|
.hotelSubSort tr td a.moreSight{margin:6px 0 0 0}
|
|
|
.borderLine{border-bottom:1px dashed #d1d1d1; clear:both; width:100%; height:1px; line-height:0}
|
|
|
.hotelLocation{padding:10px; border:1px solid #d1d1d1; margin-top:5px}
|
|
|
.hotelLocation h5{color:#b10c0c; font-size:14px; margin:0 0 5px 0}
|
|
|
.hotcityhotelPromo{border:1px solid #d1d1d1; padding:10px 10px 20px 10px; width:255px; margin-top:10px;}
|
|
|
.hotcityhotelPromo h5{ padding:0 0 5px 0; margin:0;}
|
|
|
.sortCities{ border:1px solid #d1d1d1; background:#f6f6f6; padding:0; margin-top:10px;}
|
|
|
.sortCities .divTitle, .sortCities h3{background:#929292; height:23px; padding-left:10px; padding-top:4px; color:#fff; font-size:14px; font-weight:bold; position:relative; margin:0 0 10px 0;}
|
|
|
.sortCities ul.hotelNoteDetails{ margin:0 0 5px 0;}
|
|
|
.sortCities ul.hotelNoteDetails li{ font-size:11px; list-style:none; padding:5px 5px 5px 5px; border-bottom:1px dashed #d1d1d1;}
|
|
|
.sortCities .filtercategory{ font-size:12px; color:#a31022; padding:5px 10px 5px 25px; background:url(/css/images/hotel/open.gif) no-repeat 10px 10px; cursor:pointer;}
|
|
|
.sortCities .filtercategory:hover{ background:url(/css/images/hotel/open.gif) no-repeat #fff 10px 10px; }
|
|
|
.sortCities .filtercategoryclose{ font-size:12px; color:#a31022; padding:5px 10px 5px 25px; background:url(/css/images/hotel/close.gif) no-repeat 10px 10px; cursor:pointer;}
|
|
|
.sortCities .filtercategoryclose:hover{ background:url(/css/images/hotel/open.gif) no-repeat #fff 10px 10px; }
|
|
|
.sortCities .sortList{ padding:0px 10px 10px 10px; font-size:11px; }
|
|
|
.sortCities .sortList a{
|
|
|
color:#0D548A;
|
|
|
}
|
|
|
.sortCities .sortList dl{ margin:0;}
|
|
|
.sortCities .sortList dl dt{ padding:3px 0 2px 18px; margin-bottom:8px;}
|
|
|
.sortCities .sortList dl dt.unselect:hover, .sortCities .sortList dl dt.select:hover, .sortCities .sortList dl dt.unselect2:hover, .sortCities .sortList dl dt.select2:hover{ text-decoration:underline;}
|
|
|
.sortCities .sortList dl dt.unselect{ margin:0; background:url(/css/images/hotel/unselect.gif) no-repeat left 2px; cursor:pointer;}
|
|
|
.sortCities .sortList dl dt.select{ margin:0; background:url(/css/images/hotel/select.gif) no-repeat left 2px; cursor:pointer;}
|
|
|
.sortCities .sortList dl dt.selectnone{ margin:0; background:url(/css/images/hotel/selectnone.gif) no-repeat left 2px; cursor:default; color:#969696;}
|
|
|
.sortCities .sortList dl dt.unselect2{ margin:0; background:url(/css/images/hotel/unselect2.gif) no-repeat left 2px; cursor:pointer;}
|
|
|
.sortCities .sortList dl dt.select2{ margin:0; background:url(/css/images/hotel/select2.gif) no-repeat left 2px; cursor:pointer;}
|
|
|
.sortCities .sortList dl dt.select2none{ margin:0; background:url(/css/images/hotel/selectnone2.gif) no-repeat left 2px; cursor:default; color:#969696;}
|
|
|
.sortCities .withLine{ border-bottom:1px solid #d1d1d1;}
|
|
|
.sortCities .withLine a{ color:#545454;}
|
|
|
.sortCities .surrounding{ padding:5px 10px 10px 10px; }
|
|
|
.sortCities .surrounding span, .sortCities .surrounding h4{ font-size:12px; color:#545454; margin:0 0 5px 0; font-weight:bold;}
|
|
|
.sortCities .surrounding a{ color:#0D548A; font-size:11px; text-decoration:none; }
|
|
|
.sortCities .surrounding ul{ margin:5px 0 10px 0;}
|
|
|
.sortCities .surrounding ul li{ list-style:none; margin:0 0 5px 0; font-size:11px;}
|
|
|
.sortCities .surrounding ul li.nearhotel{ display:block; border-bottom:1px #d1d1d1 dashed; padding:5px 0 5px 0;}
|
|
|
.sortCities .surrounding ul li.nearhotel .recentReview{ background:url(/css/images/hotel/review-left.gif) left top no-repeat; text-indent:20px; font-size:11px; line-height:18px; margin-top:5px;}
|
|
|
.sortCities .surrounding ul li a{ text-decoration:none;}
|
|
|
.sortCities .surrounding ul li a:hover{ text-decoration:underline;}
|
|
|
.sortCities .googleMap{ width:155px; height:150px; margin-bottom:8px;}
|
|
|
.sortCities .viewedhotel{
|
|
|
padding:0 5px 0 5px;
|
|
|
}
|
|
|
.sortCities .viewedhotel .viewhotelList{ padding:5px 3px 5px 3px; border-bottom:1px #d1d1d1 dashed;}
|
|
|
.sortCities .viewedhotel .viewhotelList:hover{ background:#f1f1f1;}
|
|
|
.sortCities .viewedhotel .viewhotelList a.closeWindow{ display:block; width:14px; height:14px; background:url(/css/images/hotel/iconremove.gif) no-repeat left top; float:right;}
|
|
|
.sortCities .viewedhotel .viewhotelList a.closeWindow:hover{ display:block; width:14px; height:14px; background:url(/css/images/hotel/iconremove.gif) no-repeat left -16px; float:right;}
|
|
|
.sortCities .viewedhotel .viewhotelPic{ width:30px; height:30px; float:left; position:relative;}
|
|
|
.sortCities .viewedhotel .viewhotelPic img.hotelSmal{ width:30px; height:30px; cursor:pointer;}
|
|
|
.sortCities .viewedhotel .viewhotelInfo{ width:100px; float:left; padding-left:8px;}
|
|
|
.sortCities .viewedhotel .viewhotelInfo h5{
|
|
|
margin:0 0 3px 0;
|
|
|
font-size:11px;
|
|
|
font-weight:100;
|
|
|
padding:0;
|
|
|
}
|
|
|
.sortCities .viewedhotel .viewhotelInfo h5 a{
|
|
|
text-decoration:none;
|
|
|
color:#0D548A;
|
|
|
}
|
|
|
.sortCities .sendToFriend{ padding:0 10px 0 10px; }
|
|
|
.sortCities .sendToFriend img{ margin:0 5px 0 0; border:4px #f1f1f1 solid;}
|
|
|
.sortCities .sendToFriend img:hover{ border:4px #e3e3e3 solid;}
|
|
|
.sortCities .sendToFriend span, .sortCities .sendToFriend h4{ color:#a31022; font-size:11px; font-weight:100; margin: 5px 0 5px 0;}
|
|
|
/*hotel loading页面效果*/
|
|
|
.hotelLoading{ padding:15px; border:1px solid #d1d1d1;}
|
|
|
.hotelLoading table tr td{ line-height:25px;}
|
|
|
.hotelLoading table tr td.withLine{ border-left:1px solid #d1d1d1; padding:0 0 0 10px; }
|
|
|
.hotelLoading span.loadingStyle1{ color:#2c5cab; font-size:18px; font-weight:bold;}
|
|
|
.hotelLoading span.loadingStyle2{ color:#a30f21; font-size:18px; font-weight:bold;}
|
|
|
/*列表页面底部*/
|
|
|
.hotelListBottom{ background:#f6f6f6; width:740px; padding:10px; clear:both; position:relative; margin-top:10px;}
|
|
|
.hotelListBottom .spanh3{ font-size:15px; font-weight:bold; font-variant:small-caps; color:#545454; margin:0 0 8px 0; border-bottom:1px solid #d1d1d1; padding-bottom:5px;}
|
|
|
.hotelListBottom .spanh4{ font-size:13px; font-weight:bold; color:#545454; margin:0 0 5px 0;}
|
|
|
.hotelListBottom .onelineDiv{ width:175px; float:left;}
|
|
|
.hotelListBottom ul li{ list-style:none; font-size:11px; list-style:18px; margin-bottom:5px;}
|
|
|
.hotelListBottom ul li a{ color:#0D548A; text-decoration:none;}
|
|
|
.pageTable{
|
|
|
border:0;
|
|
|
width:100%;
|
|
|
}
|