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

#gmap_s{height:450px;}
.btop {height:60px; display:none;}

/*關於我們*/
.aboutBox{
}
.aboutBox h2{font-size:27px;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
color:#0e0509;
padding:0 0 0 20px;
line-height:35px;
position:relative;
margin:0 0 20px 0;
border-left:5px solid #0e0509;
font-weight:normal;
}
.aboutBox h2 b{
font-family: 'IM Fell English', serif;
font-size:20px;
line-height:25px;
display:block;
font-weight:normal;
}
.aboutBox .Img{
width:50%;
float:left;
}
.aboutBox .Img img{
float:left;
width:100%;
}
.aboutBox .Txt{
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size: 16px;
color: #666;
line-height: 1.8;
padding:50px 0 0px 40px;
float:left;
width:540px;
}
.aboutBox .Txt a.more{
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:14px;
	line-height:3;
	padding:0 7px;
	color:#fff;
	display:block;
	width:100px;
	text-align:center;
	margin-top:20px;
	background:#000;
	float:right;
	position:relative;
	border:1px solid #000;
}
.aboutBox .Txt a.more:before{
	content:"◢";
	display:block;
	font-size:20px;
	color:#fff;
	line-height:20px;
	position:absolute;
	bottom:-2px;
	right:2px;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.aboutBox .Txt a.more:hover{
	background:transparent;
	border:1px solid #000;
	color:#000;
}
.aboutBox .Txt a.more:hover:before{
	color:#000;
}

.newsBox{width:50%;
float:left;}
.newsBox .conBox{
padding:50px 50px 40px 0px;
float:right;
width:530px;
	}
.newsBox h2{font-size:27px;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
color:#0e0509;
padding:0 0 0 20px;
line-height:35px;
position:relative;
margin:0 0 20px 0;
border-left:5px solid #0e0509;
font-weight:normal;

}
.newsBox h2 b{
font-family: 'IM Fell English', serif;
font-size:20px;
line-height:25px;
display:block;
font-weight:normal;

}
.newsBox li{
	padding:15px 0;
	line-height:1.8;}
.newsBox li a{
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:16px;
	color:#000;
	font-weight:500;
	}
.newsBox li b{
	color:#666;
	font-size:13px;
	display:block;}
.newsBox li a:hover{
	font-weight:900;
	text-decoration:underline;}
.newsBox a.more{
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:14px;
	line-height:3;
	padding:0 7px;
	color:#000;
	display:block;
	width:100px;
	text-align:center;
	margin-top:20px;

	float:right;
	position:relative;
	border:1px solid #000;
}
.newsBox a.more:before{
	content:"◢";
	display:block;
	font-size:20px;
	color:#000;
	line-height:20px;
	position:absolute;
	bottom:-2px;
	right:2px;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.newsBox a.more:hover{
	background:#000;
	border:1px solid #fff;
	color:#fff;
}
.newsBox a.more:hover:before{
	color:#fff;
}


.adList{
	width: 50%;
	float:left;
	position:relative;
}
.adList ul{}
.adList ul li{
}
.adList ul li .Img{}
.adList ul li .Img img{
	display:block;	
	width:100%;
	transition:all 0.6s ease;}
.adList ul li .Img a:hover img{
}
.adList ul li div.Txt{padding:15px 10%;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
/*background:rgba(33,137,128,0.7);*/
background:rgba(0,0,0,0.7);
width:80%;
position:absolute;
z-index:99;
bottom:60px;
color:#fff;
font-size:18px;
line-height:1.5;
text-align:right;
}



.roomBox{
	position:relative;
	padding:80px 0;
	background-size:100% auto;
	background-color: #322d29;
	background-image: url(../images/home-room-bg.jpg);
	background-repeat: no-repeat;
}
	
.roomBox h3{font-size:27px;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
color:#fff;
padding:0 0 0 20px;
line-height:35px;
position:relative;
margin:0 0 40px 0;
border-left:5px solid #fff;
font-weight:normal;
background:url(../images/room_decoration.png) top right no-repeat;

}
.roomBox h3 b{
font-family: 'IM Fell English', serif;
font-size:20px;
line-height:25px;
display:block;
font-weight:normal;

}
.roomBox ul{margin-left:-1%;}
.roomBox li{padding:10px;
width:23%;
margin:0 1%;
background:#fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
.roomBox li:hover{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);}
.roomBox li .Img {
	position:relative;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	border-bottom:4px solid #000;
}
.roomBox li .Img a{
	width:100%;
	}
.roomBox li .Img a img{
	width:100%;
	display:block;
}
.roomBox li .Txt{margin:2px 0 20px 0;
border-top:1px #000 solid;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
}	
.roomBox li .Txt h2{
	padding:20px 0;
	position:relative;
}
.roomBox li .Txt h2 a{
font-size:18px;
font-weight:normal;
color:#000;}
.roomBox li .Txt h2 a:hover{
text-decoration:underline;
font-weight:900;}

.roomBox li .Txt p{
	color:#666;
	font-size:12px;
		text-align:left;}
.roomBox li a.more{
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:14px;
	line-height:3;
	padding:0 7px;
	color:#000;
	display:block;
	width:100px;
	text-align:center;
	margin:20px auto 0 auto;

	position:relative;
	border:1px solid #000;
}
.roomBox li a.more:before{
	content:"◢";
	display:block;
	font-size:20px;
	color:#000;
	line-height:20px;
	position:absolute;
	bottom:-2px;
	right:2px;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.roomBox li:hover a.more{
	background:#000;
	border:1px solid #fff;
	color:#fff;
}
.roomBox li:hover a.more:before{
	color:#fff;
}	
.adArea{
padding:40px 0;
/*background:#218980;*/
background:#131212;}
.adArea h4{display:none;}
.adArea .Img{}
.adArea .Img img{
	opacity:0.8;
	width:100%;
}
.adArea .Img img:hover{
	opacity:1;
}
@media (max-width: 1340px){
.aboutBox .Txt{
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
font-size: 16px;
color: #666;
line-height: 1.8;
padding:50px 3% 40px 3%;
float:left;
width:44%;
}
.aboutBox .Img{
padding:40px 0 40px 2%;
width:48%;
}

.newsBox{padding:50px 3% 40px 3%;
float:left;
width:44%;}

.newsBox .conBox{
padding-top:0px;
padding-bottom:0px;
float:left;
width:100%;
}
.adList{
padding:40px 2% 40px 0;
width:48%;
}

}

@media (max-width: 1000px){
.aboutBox .Img{
padding:40px 4% 40px 4%;
width:92%;
position:relative;
}
.aboutBox .Txt{
padding:0px 4% 40px 4%;
width:92%;
position:relative;
}
.newsBox{padding:0px 4% 40px 4%;
width:92%;
position:relative;}
.adList{
padding:0px 4% 40px 4%;
width:92%;
}
.btop {display:block;}
}

@media (max-width: 800px){
.roomBox ul{margin-left:0;}
.roomBox li{padding:10px;
width:46%;
margin:0 2% 30px 2%;
background:#fff;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;}
}
@media (max-width: 730px){
.roomBox h3{font-size:27px;

background:url(../images/room_decoration.png) 10px bottom no-repeat;
padding-bottom:60px;
}
}
@media (max-width: 560px){
.roomBox h3{
background:url(../images/room_decoration.png) 10px bottom no-repeat;
background-size:95%;
padding-bottom:60px;
}
.adList ul li div.Txt{padding:15px 10%;
font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
background:rgba(0,0,0,0.7);
width:80%;
position:absolute;
z-index:99;
bottom:0;
color:#fff;
font-size:15px;
line-height:1;
text-align:right;
}
}
@media (max-width: 450px){
	.roomBox li{
width:96%;}
}