@charset "utf-8";
/* CSS Document */


/******ad_about******/
.ad_about div.Img{
	float: left;
	width: 50%;
	position: relative;
}
.ad_about div.Img img{
	float: right;
}
.ad_about p{
	float: left;
	width: 50%;
	position: relative;
	font-family: "微軟正黑體";
	font-size: 17px;
	line-height: 35px;
	color: #1a1a1a;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ad_about a.more{
  text-decoration:none;
  float: left;
  position: relative;
  font-size: 12px;
  color: #FFFFFF;
  background-color: #4d3b3b;
  display:inline-block;
}

/*****banner******/
.bannerBoxHome{
	position: relative;
	width: 100%;
	display: block;
/*max-height:810px;
	overflow:hidden;*/
}
.bannerBoxHome ul#banner{

}
.bannerBoxHome div.dightimg{
	position: absolute;
	bottom: -5px;
	z-index: 9980;
	width: 100%;
}
.bannerBoxHome div.dightimg img{
	width: 100%;

}
.bannerBoxHome ul li img{width: 100%;}
/****goiigo訂房查詢***/
.goiigo{
	width:900px;
	background:#1c1c1c;
	border-bottom:5px solid #bf9958;
	padding:30px;
	
	position:absolute;
	bottom:-50px;
	left:50%;
	margin-left:-450px;
	z-index:9999;}

.goiigo .col-3{
	width:360px;
	padding-right:10px;
	position:relative;}

.goiigo .col-3 input[type="text"]{
	width:100%;
	padding:10px;
	border:none;}

.goiigo .col-3 i{
	display:block;
	font-size:20px;
	position:absolute;
	right:20px;
	top:10px;}

.goiigo .cu_select{
	overflow:hidden;}

.goiigo .cu_select select{
	padding:10px;
	width:120%;
	border:none;
	-webkit-appearance: none;}

.goiigo .btn{
	overflow:hidden;}

.goiigo .btn a.btn_check{
	display:block;
	padding:10px;
	background:#bf9958;
	font-size:16px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	color:#FFF;
	text-align:center;}

/*****多格廣告*****/
.adBox{
	clear:both;
	padding:25px 30px;}

.adBox.alt{/*有底色*/

}

.adBox > ul{
	margin-right:-30px;}

.adBox > ul > li.col-2{
	float:left;
	width:48.5%;
	padding:0 30px;}

.adBox > ul > li.col-3{
	float:left;
	width:33.3%;
	padding-right:30px;}

.adBox > ul > li.col-5{
	float:left;
	width:20%;
	padding-right:10px;}
.adBox h2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a3854f;
}
.adBox h3{/*區塊說明*/
	margin-bottom:25px;
	text-align:center;
	
	position:relative;}

.adBox h3:before{
	content:"";
	width:100%;
	height:1px;
	background:#C7C7C7;
	position: absolute;
	top:50%;
	left:0;}

.adBox h3 strong{/*區塊說明*/
	display:inline-block;
	background:#FFF;
	padding:0 10px;
	font-size:26px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-weight:normal;
	color:#20485a;
	position:relative;
	z-index:2;}

.adBox h3 em{
	display:inline-block;
	background:#FFF;
	padding-right:10px;
	font-family: 'Seaweed Script', cursive;
	font-size:26px;
	font-weight:normal;
	color:#20485a;
	position:relative;
	z-index:2;}

.adBox.alt h3 strong{
	background:#E4E4E4;}
.adBox.alt h3 em{
	background:#E4E4E4;}

.adBox > ul > li h2{
	margin-bottom:0px;}

.adBox > ul > li h2 strong{
	color:#503707;}

.adBox > ul > li h2 strong em{
	color:#874b1e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	padding-left: 3px;
}

.adBox > ul > li img{
	max-width:100%;}

.adBox > ul > li p{
	font-size:13px;
	color:#6b6b6b;
	line-height:25px;}

#gmap_s{
	height:280px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #dbd2c2;
	border-bottom-color: #dbd2c2;
	border-left-color: #dbd2c2;
}

/*純文字列表連結*/
.adBox > ul > li ul li{
	padding:5px 0;
	font-size:13px;
	color:#6b6b6b;}

.adBox > ul > li ul li a{
	font-size:14px;
	line-height:28px;
	font-family: "微軟正黑體";
}

.adBox > ul > li ul li i{
	float:left;
	font-size:20px;
	color:#fff;
	padding-right:7px;
	line-height: 28px;
	background-image: url(../images/icon-i-ok.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-left: 7px;
}
/*純文字列表連結 end*/

/*三格介紹*/
ul.profileList{
	margin-top: 20px;
	margin-bottom: 20px;
}

/*精選房型*/
.adBox.roomList{
	background-image: url(../images/roomList-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: cover ;

}
.adBox.roomList li h2{
	margin-top:5px;
	margin-bottom:10px;
	background-repeat: repeat-x;
	background-position: center center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	margin-right: 3%;
	margin-left: 3%;
	width: 94%;
}
.adBox.roomList li h2 a{
	font-family: "微軟正黑體";
	font-size: 17px;
	font-style: italic;
	color: #347ddf;
	
}
.adBox.roomList li div.Img{
	/*width:80%;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 20px;*/
	overflow: hidden;
	}
.adBox.roomList li div.Img a{
	width:100%;

}
.adBox.roomList li div.Img img{
	width:100%;
		overflow: hidden;
	/*border-radius:50%;*/
	display:block;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.adBox.roomList li div.Img a img:hover{
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.adBox.roomList li p{
	font-size: 13px;
	line-height: 25px;
	color: #666;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
	text-align: center;
}
.adBox.roomList li a.more{
margin-top: 15px;
font-size: 12px;
color: #fff;
font-family: Verdana, Geneva, sans-serif;
line-height: 30px;
height: 30px;
width: 40%;
text-decoration: none;
margin-right: 30%;
margin-left: 30%;
display: inline-block;
padding-top: 0px;
padding-right: 2%;
padding-bottom: 0px;
padding-left: 2%;
text-align: center;
background-color: #e95643;
}

.adBox.roomList li a.more:hover{
	color:#FFF;
	background-color: #00827E;
}
/*精選消息*/
.adBox.newsList{
	background:url(../images/para-bg1.jpg);}

.adBox.newsList h3{}

.adBox.newsList h3:before{
	content:none;}

.adBox.newsList h3 strong{
	background:none;
	color:#FFF;}

.adBox.newsList em{
	background:none;
	color:#FFF;}
	
.adBox.newsList li{
	padding:0 5px;}

.adBox.newsList li .item{
	border:1px solid #CCC;
	padding:20px;
	background:#FFF;}

.adBox.newsList li .Img{
	float:left;
	width:70px;
	height:70px;
	overflow:hidden;
	margin-right:10px;}

.adBox.newsList li .Img img{
	display:block;
	height:70px;
	max-width:none !important;}

.adBox.newsList li .Txt{
	overflow:hidden;}

.adBox.newsList li .Txt h2{
	font-size:16px;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	color:#4593b6;}

.adBox.newsList li .Txt h2 a{}

.adBox.newsList li .Txt p{
	padding-top:5px;
	font-size:13px;
	line-height:1.5;
	color:#6b6b6b;}

.adBox.newsList .bx-wrapper .bx-controls-direction a{
	top:-60px !important;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}

.adBox.newsList .bx-wrapper .bx-prev{
	background:url(../images/bx_arrow_prev_small.png) no-repeat center center;
	left:auto !important;
	right:40px !important;}

.adBox.newsList .bx-wrapper .bx-next{
	background:url(../images/bx_arrow_next_small.png) no-repeat center center;
	right:5px !important;}

/*相關連結*/
.adBox.adList{
}

.adBox.adList ul{
	margin-right:-20px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.adBox.adList li{
	padding-right:20px;}

.adBox.adList li h2{
	font-family: "微軟正黑體";
	font-size: 17px;
	line-height: 30px;
	font-weight: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	text-align: center;
}
.adBox.adList li h2 a{
	text-decoration: none;
	color: #347ddf;
}
.adBox.adList li h2 a:hover{
	color: #00ADA7;
}
.adBox.adList li .item{
	position:relative;}


	
.adBox.adList li .Img a img.icon-add{
	height: 19px;
	width: 19px;
	position: absolute;
	z-index: 999;
	top: 0px;
	right: 0px;
}
.adBox.adList li .Img img{
	width:100%;}	
	
.adBox.adList li p.ellipsis{
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 20px;
	color: #666;
	text-align: center;
	padding-top: 10px;
}

.adBox.adList li div.Txt{
	height: 100px;
	margin-bottom: 20px;
	padding-bottom:20px;
}
.adBox.adList li h4{
	width:100%;
	padding:5px 7px;
	background:rgba(0,0,0,0.7);
	font-weight:normal;
	position:absolute;
	left:0;
	bottom:0;
	display: none;
}

.adBox.adList li h4 a{
	display:block;
	font-size:13px;
	color:#acacac;}

/**************/

/***基礎資料底紋***/
.introbox{
	background-image: url(../images/homebg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	-moz-background-size:100% 100%;
	-webkit-background-size:100% 100%;
	-o-background-size:100% 100%;
	background-size:cover;
}


/***導覽說明****/

.mask{
	display:none;
	background:rgba(0,0,0,0.8);
	width:100%;
	height:100%;
	
	position:fixed;
	top:0;
	left:0;
	z-index:999;}

.functionNav{
	display:none;
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size: 15px;
	color: #FFF;
	line-height: 1.8;
	width: 250px;
	position: fixed;
	top: 30px;
	left: 50%;
	margin-left: -125px;
	z-index: 999;}

.functionNav .arrow{
	text-align:center;}

.functionNav i{
	padding:0 8px;
	font-size:25px;}

.favorate{
	display:none;
	width:250px;
	position:fixed;
	bottom:10px;
	left:50%;
	margin-left:-125px;
	z-index:9999;
	box-shadow:0 0 10px #000;
	
	font-size:13px;
	color:#333;
	
	padding:15px;
	border-radius:8px;
	
	background: rgb(254,255,232);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmRiYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(254,255,232,1) 0%, rgba(214,219,191,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1)));
background: -webkit-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
background: -o-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 );
}

.favorate img.faIcon{
	display:block;
	float:left;
	margin-right:8px;}

.favorate:before{
	content:"";
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 15px 0 15px;
	border-color: #d6dbbf transparent transparent transparent;
	
	position:absolute;
	bottom:-10px;
	left:50%;
	margin-left:-15px;}

.start{
	display:none;
	background:#FFF;
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:16px;
	padding:10px;
	text-align:center;

	width:100px;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-60px;
	z-index:999;}




@media (max-width: 900px){
.goiigo{
	width:100%;
	margin:0;
	padding:15px;
	position:static;}	

.goiigo .col-3{
	width:33.33%;}

.goiigo .btn{
	width:33.33%;}

ul.profileList{
	padding-top:0;}

/******ad_about******/
.ad_about div.Img{
	float: left;
	width: 100%;
	position: relative;
}
.ad_about p{
   width: 100%;
  position: relative;
  font-family: "微軟正黑體";
  font-size: 17px;
  line-height: 35px;
  color: #1a1a1a;
  padding-top: 10px;
  padding-bottom: 10px;
}
}

@media (max-width: 767px){

/*多格廣告*/
.adBox{
	padding:0px !important;}

.adBox > ul > li{
	float:none !important;
	width:100% !important;
	margin-bottom:30px;}

.adBox h3 strong{
	font-size:20px;}

.adBox h3 em{
	font-size:18px;}

.introbox{
}
}
@media (max-width: 500px){
/******ad_about******/
.ad_about div.Img{
	float: left;
	width: 100%;
	position: relative;
}
.ad_about p{
	font-size: 13px;
	
}
.bannerBoxHome{
	background-color:#FFF;
	position: relative;
	width: 100%;
	display: block;
	padding-bottom: 50px;	/*max-height:810px;
	overflow:hidden;*/
}
.bannerBoxHome div.dightimg{
	position: absolute;
	bottom: 75px;
	z-index: 9980;
	width: 100%;
}
.adBox.adList li div.Txt{
	height: 100px;
	margin-bottom: 20px;
	padding-bottom:30px;
}
}