@charset "utf-8";
/* CSS Document */
.outerWrap{
position:relative;
margin:0;
padding:0;
width:100%;}
.HomeBox{width:100%;
padding:40px 0;
}
.packageBox{
	width:100%;
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	color:#fff;
	font-size:15px;
	background:url(../images/abotuBackground.jpg) no-repeat center center;
	background-size:100% auto;
	text-align:center;
	line-height:2;
	padding-top: 60px;
	padding-right: 0;
	padding-bottom: 60px;
	padding-left: 0;
}
.packageBox a.more{
	background:rgba(255,255,255,0.50);
	border-radius:6px;
	padding:5px 10px;
	color:#fff;
	font-size:13px;}
	.packageBox a.more:hover{background:rgba(255,255,255,1);
	color:#3498db;}
.adArea{border-top:1px #fff solid;
padding:50px 0 40px 0;}
.adArea h4{display:none;}
.adArea .Img{padding-bottom:10px;}
.adArea .Img img{
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border: 1px #fff solid;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.28);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.28);
}
/*關於我們*/
.aboutBox{
width:30%;
float:left;
}
.aboutBox h3{
	margin-bottom:10px;}
.aboutBox .Img{
	text-align:center;
	width:100%;
}
.aboutBox .Img img{
display:inline-block;
width:100%;
}
.aboutBox .Txt{
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size: 13px;
color: #7f7f7f;
line-height: 2;
padding:0;
width:100%;
}
.aboutBox .Txt h2{
	font-size:17px;
	padding:20px 0 5px 0;
	color:#3498db;
	font-weight:normal;
	line-height:1.2;}
.aboutBox a.more{
	display:block;
font-size:12px;
color:#666;
text-align:right;
width:100%;
}
.aboutBox a.more:hover{
	text-decoration:underline;}
.newsBoxHome{
	width:30%;
	margin:0 5%;
	float:left;}
.newsBoxHome h3{
	margin-bottom:10px;}
.newsBoxHome ul li {padding:10px 0;}
.newsBoxHome ul li a{font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:13px;
color:#666;
line-height:1.5;
}
.newsBoxHome ul li a:hover{color:#3498db;
text-decoration:underline;}
.newsBoxHome a.more{
display:block;
font-size:12px;
color:#666;
text-align:right;
width:100%;
}
.mapBox{width:30%;
float:left;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:13px;
color:#7f7f7f;
line-height:20px;
}
.mapBox h3{
	margin-bottom:10px;}
.mapBox div#gmap_s{height:200px;
margin-bottom:10px;}

.roomArea{
padding: 40px 0px;
width:100%;
margin:0;
border-bottom:1px #e6e4d9 solid;
}
.roomArea ul{margin-left:-20px;}
.roomArea ul li{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding:10px 20px;
	max-height:360px;
	width:33%;
}
.roomArea ul li:hover{
	margin-top:10px;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);}
.roomArea ul li div.Img{
display:block;
}
.roomArea ul li div.Img img{
width:100%;margin:0;
padding:0;}
.roomArea ul li div.Txt{
padding:20px 0;
margin:0px;
}
.roomArea ul li div.Txt h2{
font-weight:normal;
text-align:center;
}
.roomArea ul li div.Txt h2 a{
font-size:17px;
color:#42131a;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
}
.roomArea ul li div.Txt p{
padding:10px 0;
color:#666;
font-size:12px;
text-align:center;
}
.roomArea ul li div.Txt a.Link{
	display:inline-block;
	padding:10px 10px 10px 35px;
	width:80px;
	margin:0 auto;
	border-radius:6px;
	font-size:15px;
	color:#fff;
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	background:url(../images/icnoBooking.png) no-repeat #c7a769 5px;}

@media (max-width: 960px){
/*關於我們*/
.aboutBox{
width:45%;
margin:0 2.5%;
float:left;
}
.newsBoxHome{
width:45%;
margin:0 2.5%;
float:left;
}
.mapBox{width:96%;
float:left;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size:13px;
color:#7f7f7f;
line-height:20px;
margin:30px 2% 0 2%;
}
}


@media (max-width: 700px){
/*關於我們*/
.aboutBox{
width:96%;
margin:0px 2% 30px 2%;
float:left;
}
.newsBoxHome{
width:96%;
margin:0px 2% 30px 2%;
float:left;
}
}
@media (max-width: 660px){
.roomArea ul{margin-left:0px;}
.roomArea ul li{
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	padding:10px 0px;
	max-height:500px;
	width:90%;
	margin:10px 5%;
}	
}
@media (max-width: 520px){

}
@media (max-width:450px){

}