@charset "utf-8";
@font-face {
    font-family: "Glyphicons Halflings";
    src: url("/_inc/js/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/_inc/js/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/_inc/js/bootstrap-3.3.5-dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.room{font-size: 16px;}
.search_txt{padding:0.4em 0 0.7em 0.2em;  margin:0; overflow:hidden;vertical-align:middle}
.search_txt span{font-size:1em; line-height: 1.8em;white-space:nowrap; vertical-align:middle }
.search_txt > a{ display:block; float:right; text-align:center;background-color:#ddd;border: 1px solid #ccc;color:#000; padding:0.24em 0;line-height:1.5em;font-size:1em; width:16%;}
.search_txt > a:hover{color:#fff; background-color:#360}
.search_txt h3{font-size:1.1em;border-bottom: 1px dashed #CCC;padding:0 0 0.5em 0;margin:0 0 0.5em 0}
#strad{display: block; }
#strad a{ color: #C00;}
#strad a:hover{text-decoration: underline}

#GroupCity{font-size:0.95em;margin:1em 0 0.5em 0;}
#GroupCity a{display:block;float:right;}
#GroupCity select{font-size:1em;}

.sort{border-top:1px solid #CCC; padding:0.7em 0 0 0.2em; margin:0 0 1em 0; position:relative}
.sort::after{content:" "; display:block; clear:both;}
.sort span{ float:left;margin:0 0 0 0;}
.sort ul{ float:left;}
.sort li{ float:left;}
.sort a{ padding:0 0.6em 0 0.6em; color:#039;}
.sort a.in{background: #cef;color: #039;}
.sort a:hover{ color:#C00}
.sort a.in:hover{color: #039;}
.sort .map_button{top:0.5em; text-align:center;right:0;position:absolute;width:16%; line-height:2em; background:url(../images/map_button.png)}
.sort .map_button a{margin:0 0 0 0; color:#000;}
.no_list{display: table;width: 100%;height: 15em;border:1px solid #DDD;text-align: center;background: #fff;}
.no_list>div{display: table-cell;vertical-align: middle}
.hotelS_clear {clear: both;}
#hotelSlists{font-size: 16px; padding:0 0 1px 0;}
#hotelSlists .adsbygoogle{ margin:1px 0 0 0}
#hotelSlists .hotelS_list{position: relative; float:none; width:100%; margin:0 0 -1px 0;border:1px solid #DDD;padding:1.5em 0 0 0; transition:border 0.2s;background: #fff;}
#hotelSlists .hotelS_list.l{border:2px solid #f60;margin:0 0 -2px 0; z-index:2}
#hotelSlists .hotelS_list:hover{ border:1px solid #999; z-index:1}
#hotelSlists .hotelS_list.l:hover{ border:2px solid #c00; z-index:3}
#hotelSlists .hotelS_link{ display:none;}
#hotelSlists .hotelS_pic{ background-position: center center; background-size: cover;overflow: hidden;float: left;z-index: 3;width: 12em;height: 9em; margin:0 1.2em 0.5em 2em;}
#hotelSlists .hotelS_pic img {height: 100%;width:100%;}
#hotelSlists .hotelS_txt{color: #000;display: block;font-size:1em; height:auto;padding:0 0 0.5em;margin:0 2em 0 0;line-height: 1.3em;overflow: hidden;position: relative;z-index: 3;}
#hotelSlists .hotelS_txt *{color: #000}
#hotelSlists .hotelS_names{display: block; margin:0.3em 9em 0 0}
#hotelSlists .hotelS_name{display: block; font-size:1.5em;font-weight: normal; line-height:1.2em;margin:0 0 0.3em;}
#hotelSlists .hotelS_name a:hover,
#hotelSlists a.hotelS_name:hover,
#hotelSlists a:hover .hotelS_name,
#hotelSlists .hotelS_p a:hover,
#hotelSlists a.hotelS_p:hover,
#hotelSlists a:hover .hotelS_p,
#hotelSlists .hotelS_address a:hover,
#hotelSlists a.hotelS_address:hover,
#hotelSlists a:hover .hotelS_address,
#hotelSlists .hotelS_station a:hover,
#hotelSlists a.hotelS_station:hover,
#hotelSlists a:hover .hotelS_station span,
#hotelSlists a:hover .hotelS_station{color:#c00}
.hotelS_stars{ display:block;font-size:1.2em;margin:0.1em 0.5em 0.45em 0em; background:url(/_inc/gridlist/images/grid_stars.svg); background-size:10em 2em; height:1em;vertical-align: middle; width:5em;}
.hotelS_stars45{background-position:0em bottom}
.hotelS_stars40{background-position:-1em 0}
.hotelS_stars35{background-position:-1.06em  bottom}
.hotelS_stars30{background-position:-2em 0}
.hotelS_stars25{background-position:-2em bottom}
.hotelS_stars20{background-position:-3em 0}
.hotelS_stars15{background-position:-3em bottom}
.hotelS_stars10{background-position:-4em 0}
.hotelS_stars05{background-position:-4em bottom}
#hotelSlists .hotelS_list_tripadvisor{margin:0 0 0.75em 0;font-size:0.857em;line-height:1.8em;text-align:left;display: block}
.hotelS_icon{display:inline-block;*display:inline;width:1em; height:1em; background:url(/_inc/gridlist/images/hotellist_icon.png) no-repeat center 0; background-size: 2em auto; font-size:1.6em; margin:-0.2em 0 -0.2em 0;  position:relative;vertical-align: middle;}
.hotelS_icon_hotel{ background-position: 0 0;}
a:hover .hotelS_icon_hotel{ background-position: -1em 0;}
.hotelS_icon_room{ background-position: 0 -1em;}
a:hover .hotelS_icon_room{ background-position: -1em -1em;}
.hotelS_icon_address{ background-position: 0 -2em;}
a:hover .hotelS_icon_address{ background-position: -1em -2em;}
.hotelS_icon_prices{ background-position: 0 -3em;}
a:hover .hotelS_icon_prices{ background-position: -1em -3em;}
.hotelS_icon_hotel{ background-position: 0 0;}
#hotelSlists .hotelS_list_tripadvisor a{text-decoration: none; color:#666}
#hotelSlists .hotelS_list_tripadvisor a:hover{ text-decoration:none; color:#000}
#hotelSlists .hotelS_list_tripadvisor img{width: 8em; border: 0 none;
    height: auto;
    margin: 0 0.3em 0 0;
    vertical-align: sub;opacity:0.8}
#hotelSlists .hotelS_list_tripadvisor a:hover img{opacity:1}
.hotelS_rate{position:absolute; bottom:0em; right:0em;}
.sign{z-index:1; display:block; position:absolute; top:0;left:0;font-size:14px; line-height:2.4em;}
.sign span{display:inline-block;text-align: center;padding: 0 0.5em;height: 2.4em; background:#f60; color:#FFF}
.sign span.sign2{background:#C00; }
.sign span.sign3{display: none;color:#000; background:#fff;border: 1px solid #CCC;border-top: 0;}
.hotelS_list.l .sign span.sign3{border: 1px solid #F60;border-top: 0;}
.sign span.sign3 a{color:#000;}
.sign span.sign3 img{ vertical-align: sub;height: 100%}
.ncc_in .sign span.sign3{display: inline-block}
#hotelSlists .hotelS_list.l + .hotelS_list.l .hotelS_beroom{ display:none;}
#hotelSlists .hotelS_rate{ top:0.4em; text-align:right; bottom:auto}
#hotelSlists .hotelS_list.l .hotelS_rate{}
#hotelSlists .hotelS_list .hotelS_rooms .hotelS_rate{ top:0.72em;}
#hotelSlists .hotelS_rate i{overflow: hidden; width: 100%;font-style:normal;text-align: right; color:#000;padding: 0 0 0.5em;display:block;font-size: 0.87em;}
#hotelSlists .hotelS_address,
#hotelSlists .hotelS_station{display: block; margin:0 0 0.6em 0;}
#hotelSlists .hotelS_address{ margin:0 8.2em 0.5em 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#hotelSlists .hotelS_p{display: block; margin:0 9em 0.8em 0;}
#hotelSlists .hotelS_names .hotelS_p{margin:0 0em 0.8em 0;}
#hotelSlists .hotelS_icon_address{ background-position:0em -2em;margin: 0 -3px;}
#hotelSlists a:hover .hotelS_icon_address{ background-position:-1em -2em;}
#hotelSlists .hotelS_station_icon{background:#666 url("/_inc/gridlist/images/grid_station.png") no-repeat 0.2em center;border-radius: 0.2em;display: block;float: left;margin: 0 0.2em 0 0;background-size: auto 0.8em;height: 1.2em;width: 1.2em;font-size:1em}
#hotelSlists a:hover .hotelS_station_icon{ background-color: #c00}
#hotelSlists .hotelS_station{font-size:1em;line-height:1.3em;}
#hotelSlists .hotelS_station span,
#hotelSlists .hotelS_station a{display: block;margin:0 0 0.6em 0;}
#hotelSlists .hotelS_station span::before,
#hotelSlists .hotelS_station a::before{content:" "; display:inline-block;*display:inline;width:1em; height:1em; background:url(/_inc/gridlist/images/flag_icon.png) no-repeat 0 0; background-size: 2em auto; font-size:1.6em; margin:-0.2em -3px;  position:relative;vertical-align: middle;}
#hotelSlists a:hover .hotelS_station span:before,
#hotelSlists .hotelS_station a:hover:before{background-position: -1em 0}
#hotelSlists .listtab_hoteltxt::before{content:" "; display: block;clear: both;}
#hotelSlists .go_cal{ line-height: 1.2em;margin: 0 0 0.75em 4.5%;width: 28.833%;float: left;}
#hotelSlists .listtab_hoteltxt h3{font-weight: inherit;}
#hotelSlists .listtab_hoteltxt li{color: #C00;}
#hotelSlists .hotelS_prices_t{color:#666;font-size: 0.87em;width: 100%;text-align: left;display: block;}
#hotelSlists .hotelS_prices{float:none; display: block; color: #000; font-size:1em;line-height:1.3em; margin:0 0 0.6em 0; padding:0;text-align:right;}
#hotelSlists .hotelS_prices + .hotelS_prices_t{text-align:right;padding: 0 0 0.5em;margin-top: -0.7em}
#hotelSlists .hotelS_prices em{font-style: normal;vertical-align: sub;color:#c7000b;font-size:1.6em;line-height:1em; margin: 0 0.1em 0 0}
#hotelSlists .hotelS_rooms { position:relative;font-size:1em;margin: 0 0 0em; top: 0em;}
#hotelSlists .hotelS_rooms .hotelS_button{font-family: 'Glyphicons Halflings'; color: #C00; cursor:pointer; position:relative; line-height:2em; padding:0em 0 1em 2em;}
#hotelSlists .hotelS_rooms .hotelS_button:hover{ color:#000;}
#hotelSlists .hotelS_rooms .hotelS_button::before{font-size:1.3em;content:"\e029";vertical-align: middle;transform: rotate(90deg);display:inline-block;margin:0 0.5em 0 0;}
#hotelSlists .hotelS_rooms a.hotelS_li_button{line-height:3em;display: block;background: #ddd;padding: 0 0;text-align: center;color: #666;max-height: 0;overflow: hidden; transition:max-height 0.8s,top 0.8s ;}
#hotelSlists .hotelS_rooms a.hotelS_li_button:hover{background: #CCC;color: #000}
#hotelSlists .hotelS_rooms.op a.hotelS_li_button{max-height:3.5em;}
#hotelSlists .hotelS_rooms.op .op2 a.hotelS_li_button{max-height:0;}

#hotelSlists .hotelS_rooms .hotelS_button::after{content:"推薦訂房優惠及房型"; display: inline;font-family:"Segoe UI",Arial, Helvetica,sans-serif, "Microsoft JhengHei Correct", 'Microsoft JhengHei',PMingLiU;}
#hotelSlists .hotelS_rooms.op .hotelS_button::after{content:"收合";}
#hotelSlists .hotelS_rooms .uls{ display:block; overflow:hidden; margin:0}
#hotelSlists .hotelS_rooms ul{transition:max-height 1s linear;display:block;float:none;margin:0;overflow: hidden;padding: 0;max-height:0;}
#hotelSlists .hotelS_rooms.op .hotelS_button::before{transform: rotate(-90deg);}
#hotelSlists .hotelS_rooms .hotelS_button_top{ display:none; overflow:hidden; transition:height 0.8s,top 0.8s ;cursor:pointer; position: absolute; font-size:1.5em; top:0em;height:0em;  right:1.5em; width:1em; z-index:4}
#hotelSlists .hotelS_rooms .hotelS_button_top::before,
#hotelSlists .hotelS_rooms .hotelS_button_top::after{content:" ";display:block; width:1em; height:0.15em; border-radius:0.1em;position: absolute; top:0.4em; left:0;background-color:#999; z-index:-1}
#hotelSlists .hotelS_rooms .uls::before{ content:" "; display:block; width:1em; height:0em;transition:width 1s linear;}
#hotelSlists .hotelS_rooms .hotelS_button_top::before{ transform:rotate(45deg);}
#hotelSlists .hotelS_rooms .hotelS_button_top::after{ transform:rotate(-45deg);}
#hotelSlists .hotelS_rooms.op .hotelS_button_top{top:-1.2em;height:1.2em; }
#hotelSlists .hotelS_rooms.op .hotelS_button_top:hover:before,
#hotelSlists .hotelS_rooms.op .hotelS_button_top:hover:after{background-color:#666;}
#hotelSlists .hotelS_rooms.op ul.ul1 {max-height:20em;}
#hotelSlists .hotelS_rooms.op .uls.op2 ul.ul2 {max-height:450em;}
#hotelSlists .hotelS_rooms.op .uls::before{height:1em;}
#hotelSlists .hotelS_rooms li{ margin-bottom:2px;}
#hotelSlists .hotelS_rooms .hotelS_name{display:block;font-size:1em; line-height:2em; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin: 0.5em 20em 0.5em 0;}

#hotelSlists .hotelS_rooms a:hover .hotelS_name{color: #000}
#hotelSlists .hotelS_rooms .tk .hotelS_name,
#hotelSlists .hotelS_rooms .hs .hotelS_name,
#hotelSlists .hotelS_rooms .of .hotelS_name{margin: 0 20em 0 0;}

#hotelSlists .hotelS_rooms li a{ background:#f2f2f2;line-height:1.5em; position:relative; color:#000; display: block; padding:0.5em 0 0.5em 2em;}
#hotelSlists .hotelS_rooms li a:hover{background:#DDD;}
#hotelSlists .hotelS_rooms .hotelS_rate{ top:0.8em; height: auto; right:2em;}
#hotelSlists .hotelS_rooms .hotelS_before_price{line-height:2.5em;color:#666;display:inline-block;font-size:0.9em;text-decoration:line-through;}
#hotelSlists .hotelS_rooms .hotelS_prices{line-height: 2.4em;display:inline-block;text-align:center;font-size:1em; margin:0 0.5em 0 0;vertical-align:top;}
#hotelSlists .hotelS_rooms .hotelS_prices_t{line-height:0;}



#hotelSlists .hotelS_rooms .tk .hotelS_prices em,
#hotelSlists .hotelS_rooms .hs .hotelS_prices em,
#hotelSlists .hotelS_rooms .of .hotelS_prices em{color:#000;}
#hotelSlists .hotelS_rooms .th{ border-bottom:1px solid #ccc;position:relative;}
#hotelSlists .hotelS_rooms .th .hotelS_name{padding:0 0 0 0.8em; font-size:1em;}
#hotelSlists .hotelS_rooms .th .hotelS_rate{ top:0em;}
#hotelSlists .hotelS_rooms .th .hotelS_prices{line-height: 2em;}
#hotelSlists .hotelS_rooms .cheap .hotelS_prices,
#hotelSlists .hotelS_rooms .cheap .hotelS_prices em{ color:#c00}
#hotelSlists .hotelS_rooms li a::before{;display:block;height:1.2em; line-height:1.4em; font-size:12px;position:relative;vertical-align:middle;background:no-repeat left center;background-size:auto 100%; margin:0 0.3em 0 0;padding:0 0 0 1.5em;background-image:url(../images/hotel.svg);}

#hotelSlists .hotelS_rooms .of a::before {background-image:url(../images/hotel.svg);content:"飯店官網";padding:0 0 0 1.5em;}
#hotelSlists .hotelS_rooms .tk a::before {background-image:url(../images/travelking.svg);content:"加盟";padding:0 0 0 5.1em;}
#hotelSlists .hotelS_rooms .hs a::before {background-image:url(../images/hotelscom.svg);content:"供應";padding:0 0 0 5.1em;}

#hotelSlists .hotelS_booking{overflow: hidden; display:block;background-color:#F90;color:#FFF;text-align: center;margin:0em 0 auto auto;float:none;font-size:1.1em;line-height: 2em; width:6em; border-radius:0;}

#hotelSlists .hotelS_prices + .hotelS_booking{margin:0.8em 0 auto auto;}

#hotelSlists ul .hotelS_booking{ width: 5em;background-color: #CCC;color: #000;}
#hotelSlists .hotelS_rooms .hotelS_booking{float: right;position: relative; bottom:auto;}
#hotelSlists .hotelS_booking:hover,
#hotelSlists a:hover .hotelS_booking{background-color:#F60;color: #fff}

#hotelSlists .hotelS_rooms .hotelS_prices{float: none;}
#hotelSlists .hotelS_rooms .hotelS_booking{float: none;margin: 0; display: inline-block;}

#hotelSlists .hotelS_list > .rooms_clear{clear: both; margin: 0 0 1em 0}
#hotelSlists .hotelS_list > .hotelS_rooms + .rooms_clear{margin: 0}

.ncc_b{float: right;position: relative;margin: -2em 0 0 0;}
.ncc_b .input_icon{background:url(/_inc/shared/network/images/checkbox.png) 0 -1em; 
	 background-size:4em 2em; width:1em; height:1em; 
	 display:inline-block; vertical-align:sub;
	  font-size:1em;}
.ncc_b:hover .input_icon{background-position:-1em -1em}
.ncc_b.checked .input_icon{background-position:-2em -1em;}
.ncc_b.checked:hover .input_icon{background-position:-3em -1em;}



@media screen and (max-width:970px) {


#hotelSlists .hotelS_rooms.hotelS_rooms_less .hotelS_button,#hotelSlists .hotelS_p,
.display,
.display li.in{ display:none;}

#hotelSlists .hotelS_pic{ margin: 0 0.8em 0 0;width: 16em;height: 12em;}
/*  */
#hotelSlists .hotelS_rooms { margin:0; top:0; line-height:2em;}
#hotelSlists .hotelS_rooms::before{content:" "; display:block; clear:both;}
#hotelSlists .hotelS_rooms li a{padding:0.7em 0.8em 0.4em;}
#hotelSlists .hotelS_rooms .hotelS_before_price,
#hotelSlists .hotelS_rooms .hotelS_booking{ display:none;}
#hotelSlists .hotelS_rooms ul{}
#hotelSlists .hotelS_rooms .hotelS_rate{right:1.5em;}
#hotelSlists .hotelS_rooms .tk .hotelS_name, #hotelSlists .hotelS_rooms .hs .hotelS_name, #hotelSlists .hotelS_rooms .of .hotelS_name,
#hotelSlists .hotelS_rooms .hotelS_name{margin-right:7em}
#hotelSlists .hotelS_rooms .hotelS_button_top{ display:none}
#hotelSlists .hotelS_rooms ul::before{ display:none}

#hotelSlists .hotelS_rooms .hotelS_button{ padding: 0 0 0.5em 0.75em;}
#hotelSlists .hotelS_list > .rooms_clear{margin:0}
#GroupCity{padding: 0 2%;}
}
@media screen and (max-width:650px) {
#hotelSlists .hotelS_txt{width: 64%;display: inline-block;vertical-align: middle;height: auto;padding:0 0 1.1em 0 ;margin:0;}
#hotelSlists .hotelS_names{width:auto;margin:0.3em 0 0 0; float:none; overflow:hidden}
#hotelSlists .hotelS_list.l .hotelS_names{margin:0.3em 0 0 0}
#hotelSlists .hotelS_link{display: block;position: absolute;top: 0;left: 0; width: 100%;height: 100%;z-index: 5;}
#hotelSlists .hotelS_name{font-size:1.2em;display:block;}
#hotelSlists .hotelS_name::after{/*content:" "; display:inline-block; width:6em; height: 1.5em;*/}
#hotelSlists .hotelS_rooms .hotelS_prices{}
#hotelSlists .hotelS_prices_t{margin: -0.5em 0 0;}
#hotelSlists .hotelS_rooms .hotelS_prices_t{margin: 0 0 0;}
#hotelSlists .hotelS_list.l .hotelS_rate,
#hotelSlists .hotelS_rate{top: 0; position: relative;}
#hotelSlists .hotelS_rooms .hotelS_rate{position: absolute;left:auto; right:0;top:1.1em;}
#hotelSlists .hotelS_list.l .hotelS_rooms .hotelS_rate{position: absolute;left:auto; right:0;top:0.8em;}
#hotelSlists .hotelS_p{margin: 0.7em 0 0 0;}
#hotelSlists .hotelS_prices{text-align:left;}
	#hotelSlists .hotelS_prices + .hotelS_prices_t{text-align:left;}
#hotelSlists .hotelS_rate i{ display:none;padding: 0.7em 0 0.3em 0;}
#hotelSlists .hotelS_pic{width:30%;height: 11.5em;margin: 0 2% 0.5em 0;vertical-align: middle; float: none;display: inline-block;}
#hotelSlists .hotelS_list{padding: 0.5em 0 0 0;}
#hotelSlists .hotelS_booking,
#hotelSlists .hotelS_icon_address,
#hotelSlists .hotelS_station{ display:none;}
#hotelSlists .hotelS_list_tripadvisor{margin: 0 0 0.4em;}
#hotelSlists .hotelS_address{ margin:0;}
#hotelSlists .hotelS_icon_address{margin: 0em 0;}
#hotelSlists .hotelS_rooms{position:absolute; top:0; left:0; width:100%; height:100%;margin:0; z-index:5}
#hotelSlists .hotelS_rooms .hotelS_button{ width:100%; height:100%; padding:0 0 0.2em 0}
#hotelSlists .hotelS_rooms.op{position:relative;height:auto;}
#hotelSlists .hotelS_rooms ul{transition: max-height 0s ease 0s;}
#hotelSlists .hotelS_rooms.op ul{transition: max-height 1s ease 0s;}
#hotelSlists .hotelS_rooms .hotelS_button{text-align:center;}
#hotelSlists .hotelS_rooms .hotelS_button::after{content:" ";}
#hotelSlists .hotelS_rooms.op .hotelS_button::before{display:inline-block;}
#hotelSlists .hotelS_rooms.op .hotelS_button::after{content:"Close";}
#hotelSlists .hotelS_rooms .hotelS_button::before{display:none}
#hotelSlists .go_cal{width: 45.5%}
	.ncc_b{ margin: 0 0 0.5em 0;}
}
@media screen and (max-width:450px) {
#hotelSlists .go_cal{width:95.5%}
.sign{font-size:12px;}
.sign span{display: block;margin: 0 0 0.5em;}
.sign span.sign3{border: 1px solid #f60;border-left: 0;}
}
@media screen and (min-width:1180px) {
#hotelSlists .hotelS_booking{ width: 7.3em;}
#hotelSlists ul .hotelS_booking{width: 6.3em;}
#hotelSlists .hotelS_pic{width: 16em;height: 12em;}
}