@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
}
	body,input,select{ font-family: Arial, 'Microsoft JhengHei Correct', 'Microsoft JhengHei', PMingLiU, Helvetica, sans-serif;}
@font-face {
	font-family: "Glyphicons Halflings";
	src: url("/_inc/js/bootstrap3.1.1/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("/_inc/js/bootstrap3.1.1/fonts/glyphicons-halflings-regular.woff") format("woff"), url("/_inc/js/bootstrap3.1.1/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("/_inc/js/bootstrap3.1.1/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}
.title {
	font-size: 25px;
	margin: 0.2em 0.4em 0.4em 0;
	background: url(../images/heart.png) 0 0 no-repeat;
	background-size:1.4em auto;
	height: 1.4em;
	line-height: 1.4em;
	padding: 0 0 0 1.6em; overflow:hidden;
}
.title span {
	color: #e3007d;
}
.clear {
	clear: both;
}
/* */
#header {
	background: #ff3399 url(../images/header_bg.jpg) center top no-repeat;
	background-size: auto 100%;
	margin:0 0 1.3em 0;
	overflow:hidden;
}
.header {
	width: 990px;
	height: 329px;
	margin: 0 auto;
	position: relative;
}
.header .logo {
	width: 552px;
	position: relative;
	top: 55px;
	left: 220px;
}
/* */
#pc_nav {
	position: absolute;
	top: 270px;
	left: 15px;
	font-size: 1em;
}
#pc_nav li {
	float: left;
	border-right: 1px solid #ff3399;
	font-size: 25px;
	padding: 0;
	font-weight: bold;
	text-align: center;
	width: 220px;
}
#pc_nav li span {
	font-weight: normal;
}
#pc_nav li a {
	color: #204485;
}
#pc_nav li.right {
	border: 0;
}
#pc_nav li a:hover {
	color: #ff3399;
}
/* */
.content {
	width: 990px;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
}
#search {font-size: 1em; line-height:1.8em;
	margin: 0 0 0.4em 0;
	text-align: left;
	padding: 0.5em 0.3em;
	overflow: hidden;
	background-color: #CCC;
	width:100%;
}
#search form {
	margin: 0 auto;
	padding: 0; display: table; width:100%;

}
#search.route_search form{ width:700px}
#search h2 {
	font-size: 1.2em; 
	color: #e3007d;
}
#search h2,#search label,#search span{
	margin: 0;
	padding: 0; display:table-cell; vertical-align:middle; text-align:center
}
#search input, #search select {
	font-size:1em;
	margin: 0 0 0 0;
	padding:0.3em;vertical-align:middle; border:1px solid #999;
}
#search .htl {
	width: 200px;
}
#search .put {
	width:8em;
	background: #e3007d;
	color: #fff;
	font-size: 1em; line-height:1.4em;
	border-radius: 5px;
	font-weight: bold; border-color:#e3007d;
}
#search .put.routesearch {
	margin: 0 0 0;
}
/* */
#promohotel {font-size: 1.2em;
	margin: 1em 0px;
	overflow: hidden;
}
#promohotel .rightbox {
	margin: 0 0 -1px 2%;
	overflow: hidden;
	padding: 0px;
	width: 68%;
	float: left;
}
#promohotel .rightbox .pic em {
	margin: 0;
	font-size: 1.2em;
	line-height: 1.5;
	width: 310px;
	position: absolute;
	bottom: 0px;
	background: rgba(0, 0, 0, .8)
}
#promohotel .rightbox .pic em a {
	color: #FFF;
	text-decoration: none;
}
#promohotel .rightbox .hotel {
	position: relative;
	margin: 0 0 0 2%;
	padding: 1em 0 1em 0;
	border-bottom: 1px solid #ccc;
	width: 48%;
	float: left;
	height: 97px;
}
#promohotel .hotel .link{ display:none}
#promohotel .rightbox .hotel .pic {
	float: left;
	margin-right: 8px
}
#promohotel .rightbox h3 {
	color: #069;
	font-size: 1em;
	float: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	line-height: 1.2;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display:block;
}
#promohotel .rightbox h3 a {
	color: #069;
}
#promohotel .rightbox .hotel p {
	line-height: 1.5em;
	margin: 0;
	text-align: left; display: block;
	font-size: 0.9em;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#promohotel .rightbox .hotel p span {
	width: 100px;
}
#promohotel .rightbox .hotel p span.googlemap {
	background: url(../images/Gmap.png);
	width: 20px;
	height: 20px;
	background-size: 20px;
	float: left;
	margin: 0 0 0 -5px;
}
#promohotel .rightbox .hotel p span.googlemap a {
	width: 20px;
	height: 20px;
	display: block;
	cursor: pointer;
}
#promohotel .rightbox .hotel .price {
	bottom: 12px;
	position: absolute;
	font-size: 1em;
	color: #C00;left: 100px;
}
#promohotel .rightbox .hotel em {
	background: #006699;
	font-size:0.9em;
	border-radius: 5px;
	bottom: 0.5em;
	font-style: normal;
	line-height: 160%;
	position: absolute;
	right: 0px;
	text-align: center;
	width: 3.5em;
}
#promohotel .rightbox .hotel em a {
	color: #fff;
	display: block
}
#promohotel .rightbox .hotel em a:hover {
	background: #333;
	border-radius: 5px;
}
/* */

.leftbox {
	margin: 0 auto;
	padding: 0 0 1em;
	position: relative;float: left; width:30%;
}
.leftbox .prod {overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display:block;
	margin: 0 0 0 0;
}
.leftbox figure{text-align:center;
	width: 100%;
	height: 210px;
	margin: 0.3em 0;
	display:block; background-size:cover; background-position:center center;
}
.leftbox figure img {
}
.leftbox a:hover img {
	-webkit-filter: opacity(50%);
}
.leftbox a:hover h3 {
	color: #930;
}
.leftbox a{ position:absolute; top:0; left:0; width:100%; height:100%;}
.leftbox h3{
	font-size: 1.2em;
	line-height: 1.2em;
	color: #069;
	font-weight: bold;
	margin:0.8em 0 0 0; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display:block;
}
.leftbox .prod a {
	font-size:0.9em;
	color: #000;
	display: block;
	padding:0.5em 0 0 0;   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.leftbox .prod span.googlemap {
	background: url(../images/Gmap.png);
	width: 20px;
	height: 20px;
	background-size: 20px;
	float: left;
	margin: 0 0 0 0px;
}
.leftbox p {
	font-size: 0.95em;
	line-height: 1.3em;
	color: #000;
	margin: 5px 0 0;
	text-align: left;
	padding: 0;
}
.leftbox p a {
	color: #069; overflow: hidden;text-overflow:ellipsis;white-space:nowrap; display:block;
}
.leftbox p.cnt a{display:inline}
.leftbox p span {
	width: 100px;
}
.leftbox p span.googlemap {
	width: 17px;
	height: 20px;
	float: left;
	margin: 0 0 0 0px;
	background-image: url(../images/map.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.leftbox .prices {
	font-size: 22px;
	color: #B80808;
	position: absolute;
	left:4%;
	bottom: 15px;
	font-weight: bold;
}
.leftbox .book {
	position: absolute;
	right: 24px;
	bottom: 17px;
}
.leftbox .book a {
	background: #006699;
	border-radius: 5px;
	color: #fff;
	padding: 3px 15px;
	font-size: 16px;
}
/* */
.attraction {font-size: 1.1em; line-height:1.3em;
	margin: 0 0 20px -1.5%;
	overflow: hidden;
}
.attraction .list {
	margin: 0 0 1.5% 1.5%;
	padding: 0.5em;
	float: left;
	width: 23.5%;
	background: #eee;
	height:255px;
}
.attraction .pic {
	margin: 0;
	padding: 0 0 0 2px;
	width: 100%;
	height: 136px; background-size: cover; background-position:center center;
}
.attraction .pic::before{content: " "; display:block; clear:both;}
.attraction p {
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 18px;
	letter-spacing: 0px;
	font-size:0.9em;
}
.attraction p a {
	text-decoration: none;
	color: #333;
}
.attraction p em {
	font-style: normal;
}
.attraction p em:hover {
	color: #069;
}
.attraction h3 {
}
.attraction h3 a {
	font-size: 1em;
	color: #422100;
	line-height: 22px;
	overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display:block;
}
.attraction h4 {
	font-size:0.9em;
	float: right;
	color: #666;
	margin:0;
}
/* */
#actweb_roomsrh {
	font-size: 1em;
	width: 96%;
	margin: 0 auto;
}
/* */
#new-nav {
	width: 990px;
}
.new-footer-link-title {
	font-size: 1.2em;
}
.new-footer-link-list li {
	font-size: 1em;
	line-height: 25px;
}
/* */
.route_map {
	margin: 0 0 30px;
	padding: 0;
	border: 1px solid #D8D0AD;
	width:100%;
}
.route_map iframe {
	width: 100%;
}
.route_list {
	overflow: hidden;
	padding: 0 0 1.5em 0;
	width: 100%;
	margin: 1em auto 0;
	font-size:1.1em;
	position: relative;
}
.route_list .list_i {
	float: left;
	width:31.3333%;
	margin: 0 0 0.5em 2%;
	line-height: 1.5em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.route_list .list_i a {
	color: #069;
	font-size: 1em;
}
.route_list .list_i a::before { content:" "; display:inline-block; width: 0; height: 0; line-height: 0; margin:0 0.5em 0 0;
border: 0.3em dashed #666;
border-left-style: solid; 
border-right: none; 
border-bottom-color: transparent; 
border-top-color: transparent;}
.list_i.on a {
	color: #e3007d;
	font-weight: bold;
}
/* */
.des {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 10px 0 0 0;
}
.show {
	position: relative;
}
.show .allroute {
	font-size: 20px;
	margin: 10px 20px 10px 0;
	color: #069;
	font-weight: bold;
	float: right;
}
.show .allroute a {
	color: #069;
}
.show .open {
	position: absolute;
	top: 12px;
	right: 0;
	color: #069;
	font-size: 1em;
}
.show .open .ra:before {
	content: "\e114";
}
.show .open .ra {
	display: block;
	font-family: 'Glyphicons Halflings';
	font-size: 0.7em;
	margin: 3px 5px 0 0;
}
.show .open .rb:before {
	content: "\e113";
}
.show .open .rb {
	display: block;
	font-family: 'Glyphicons Halflings';
	font-size: 0.7em;
	margin: 3px 5px 0 0;
}
/* */
.home-device {
	position: relative;
	margin: 0 ;	
	border: 1px solid #d0cdc4;
	border-radius: 5px;
}
.home-device .arrow-left,
.home-device .arrow-right {
	position: absolute;
	right:0;
	top:0;
	width: 1.5em;
	height: 100%;
	z-index: 100;}
.home-device .arrow-left{
	right: auto;left:0;
}
.home-device .arrow-left:hover,
.home-device .arrow-right:hover{ background-color:rgba(0,0,0,0.2)}
.home-device .arrow-left::before,
.home-device .arrow-right::before {content:" ";  border-right:0.15em solid;
    border-top:0.15em solid;border-color:#CCC;    display: block;
    height: 1em;
	top:50%; position:relative;
    line-height: 0;
    margin: -0.8em 0 0 0;
    transform: rotate(45deg); left:0;
    width: 1em;
}
.home-device .arrow-left::before{
    transform: rotate(-135deg); left:0.5em}
	
.home-device .arrow-left:hover:before,
.home-device .arrow-right:hover:before{ border-color:#666}
/* */
.swiper-container { margin:0 2em 0 2em;
}
.swiper-slide::before{content: " "; display:block; clear:both;}
.swiper-wrapper,.swiper-slide{ transform-style: inherit;}
.moreroom {
	color: #000;
	font-weight: bold;
}
#top_bar{ font-size:3em;}
#actweb_roomsrh .td_booking input{ background-size: auto 210%;}

#recommend{ font-size:1.2em; margin:0 0 2em 0}
#recommend::after,
#recommend .list::after{content: ""; display: block; clear:both;}
#recommend .list{ position:relative; float:left; width:24%; margin:0 0 0 1.3% ;}
#recommend .list:first-child{ margin:0;}
#recommend .pic{ width:100%; position:relative; display:block; height:180px;}
#recommend .pic a{ height:100%; width:100%; display:block; position:absolute; top:0; left:0; background-position:center center; background-size:cover;}
/* #recommend .pic img{ width:100%;} */
#recommend .name,
#recommend .room{display: block;font-size: 1em;margin: 0.3em 0 0.5em;overflow: hidden;font-weight: normal;}
#recommend .name a,
#recommend .room a{color: #069;line-height: 1.2em;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;display:block;}
#recommend .name{font-weight: bold;font-size: 1.2em;margin: 0.3em 0 0;}
#recommend .room a{color: #000;}
#recommend .price {color: #c00;font-size: 1em;line-height: 1.5em;}
#recommend .booking{
	float:right; 
	font-size:0.9em;}
#recommend .booking a{ display:block;
	background: #069;
	border-radius: 5px;
	font-style: normal;
	line-height: 160%;
	text-align: center;
	width: 3.5em; color:#fff;
}
#recommend .beroom{ font-size:0.9em; position:absolute; color:#FFF; left:0; top:2em; display: block; padding:0.3em 1em 0.3em 0.7em; background:#cb1f43;}

@media screen and (max-width:990px){
	
	.title{margin: 5px 10px 10px 10px;}
	#header{ background-size: 210% auto;}
	#masthead_promo .mast_width,
	.header,
	.content,
#new-nav{ width:100%}
.header,#header{  height: auto; overflow:hidden;}
.header .logo{left:15%; top:0; width:70%; margin:5% 0 5%;}
.header .logo img{ width:100%;}
#search{font-size:1.2em;}
#search form,
#search h2,
 #search label,#search span { display:block;}
#search h2{ float:none; margin:0; padding:0; line-height:2em; text-align:center;}
#search form{width:15em;text-align: right; margin:auto}
#search.route_search form {width:15em;}
#search input, #search select{ font-size:1em; line-height:1.2em; padding:0.3em; height:auto}
#search label,#search span{display:block; padding:0 0 5px 0;}
#search select{width: 10.5em;}
#checkinDay{ width:10.5em}
#search .put{  width: 100%; height:auto; line-height:1.2em}

#promohotel{ margin:0 auto 2em;}
.leftbox{ padding: 0 3% 1em 0;width: 40%;}
#promohotel .rightbox .hotel,
.home-device,
#promohotel .rightbox{float:none;width: auto;margin: 0 0 0 0;}

.home-device{ margin: 0 10px;border-radius:0; border:0 }
#promohotel .rightbox{width: auto;}
#promohotel .rightbox .hotel{ width: auto; padding: 1em 0;}
.attraction{margin: 0 0 20px 0;}
.attraction .list{ width: 47%;height: 265px;}
.attraction.c .list{ width: 31.333%; margin: 0 0 15px 1.5%;}
.attraction .pic{  height: 160px;}
.new-footer-container{display:none}
.route_list .list_i{width: 48%;}
#recommend {
    float: left; margin:0 1.5%;}
#top_bar{ font-size:3em;}
}
@media screen and (max-width:800px){
	
.leftbox{float:none;width:100%;padding: 0 0 1em 0; border-bottom:1px solid #ccc}

#promohotel .hotel .link{ display: block; position:absolute; top:0; left:0; width:100%; height:100%;}
#promohotel .rightbox .hotel em{ display:none;}
.attraction .list,
.attraction.c .list,
#recommend .list,
#recommend .list:first-child{ width: 48.5%; margin: 0 0 15px 1%;}

#recommend { float:none;margin:0;}
.route_list .list_i{width: 98%;}
.home-device .arrow-left, .home-device .arrow-right{ display:none;}
.swiper-container {margin: 0;}
}
 @media screen and (max-width: 768px) {
#actweb_roomsrh .search_header{  margin:0;border: 0px ;}
#actweb_roomsrh table{ border:0}
 #actweb_roomsrh tbody {
    display: block;
    width: 100%;
}}
@media screen and (max-width:500px){
	.title{font-size: 23px;}
.attraction .list,
.attraction.c .list{ float:none;width: auto; margin: 0 0 15px 0;height: auto; padding:0.3em 0.5em}
#recommend .list,
#recommend .list:first-child{ float:none;width: auto;height: auto;  margin: 0 1% 20px 1%;}
.attraction .pic{  height: 190px;}
}
@media screen and (max-width:350px){
	}
 @media screen and (min-width: 1366px) {
.content, #new-nav{
	width: 1050px;
}
#search form { width:90%;}
}