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

/*關於我們*/
.aboutArea{
	padding:100px 0;
	background:url(../images/bg_about.jpg) no-repeat center bottom;
	background-size:cover;}

.aboutArea .Img{
	margin-bottom:40px;
	text-align:center;}

.aboutArea .Img img{
	max-width:100%;}

.aboutArea .Txt{
	font-family: "微軟正黑體", "新細明體", sans-serif;
	font-size:15px;
	color:#313131;
	line-height:1.8;
	text-align:center;}

.roomArea{}

.roomArea > h2{
	margin-bottom: 25px;
	background: url(../images/titleword_room.png) no-repeat;
	height: 72px;
	border-bottom:1px solid #219627;
	position:relative;
	text-indent:-9999px;}

.roomArea > h2:before{
	content:"";
	width:200px;
	height:4px;
	background:#104626;
	position:absolute;
	left:0;
	top:100%;}

.roomArea ul{
	margin:0 -20px;}

.roomArea ul li{
	padding:0 20px;}

.roomArea ul li .Img{
	position:relative;
	overflow:hidden;
	box-shadow: 0 13px 10px -10px #A8A8A8;}

.roomArea ul li .Img img{
	width:100%;
	display:block;
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.roomArea ul li .Img:hover img{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);}

.roomArea ul li .Txt{
	padding:15px 5px;}

.roomArea ul li .Txt h3{
	font-family: "微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size: 16px;
	font-weight: normal;
	position: relative;}

.roomArea ul li .Txt h3 strong {
	display: inline-block;
	color: #8a592d;
	font-weight: normal;
}

.roomArea ul li .Txt h3 strong a{
	color:#8a592d;}

.roomArea ul li .Txt p{
	font-size:13px;
	color:#666;
	line-height:1.8;
	max-height:60px;}

.roomArea ul li a.more{
	display:block;
	width:70px;
	margin:0 auto;
	margin-top:15px;
	padding:8px 0;
	font-size:12px;
	color:#FFF;
	text-align:center;
	border-radius:5px;
	background:#ff9a17;}
	
.roomArea ul li a.more:hover{
	background:#cf7500;}

.newsArea{
	clear:both;
	margin:0 -30px;
	margin-top:40px;}

.newsArea > div{
	padding:0 30px;}

.newsArea .newsBox h2{
	margin-bottom:25px;
	background:url(../images/titleword_news.png) no-repeat;
	height:72px;
	text-indent:-9999px;
	border-bottom:1px solid #219627;
	position:relative;}

.newsArea .newsBox h2:before{
	content:"";
	width:200px;
	height:4px;
	background:#104626;
	position:absolute;
	left:0;
	top:100%;}

.newsArea .newsBox ul{}

.newsArea .newsBox ul li{
	clear:both;
	margin-top:15px;}

.newsArea .newsBox ul li:first-child{
	margin:0;}

.newsArea .newsBox ul li .Img{
	float:left;
	width:100px;
	height:80px;
	border:5px solid #FFF;
	overflow:hidden;
	margin-right:10px;}

.newsArea .newsBox ul li .Img img{
	display:block;
	height:100%;}

.newsArea .newsBox ul li .Txt{
	overflow:hidden;}

.newsArea .newsBox ul li .Txt h3{
	margin-bottom:8px;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:15px;
	font-weight:normal;}

.newsArea .newsBox ul li .Txt h3 a{
	display:block;
	color:#8a592d;}

.newsArea .newsBox ul li .Txt p{
	font-size:13px;
	color:#7d7d7d;}

.newsArea .newsBox ul li .btn{
	clear:both;
	text-align:right;}

.newsArea .newsBox ul li .btn a{
	display:inline-block;}

.mapBox{}

.mapBox h2{
	position:relative;
	margin-bottom:25px;
	background:url(../images/titleword_location.png) no-repeat;
	height:72px;
	text-indent:-9999px;
	border-bottom:1px solid #219627;}

.mapBox h2:before{
	content:"";
	width:200px;
	height:4px;
	background:#104626;
	position:absolute;
	left:0;
	top:100%;}

.mapBox ul li.Img{
	float:left;
	width:290px;
	margin-right:15px;}

#gmap_s{
	width:100%;
	height:200px;}

.mapBox ul li.Txt{
	overflow:hidden;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:15px;
	color:#104626;
	line-height:1.8;}

/*外站連結*/
.adArea{
	clear:both;
	margin-top:60px;}

.adArea h4{
	display:none;}

/*brand*/
.brandArea{
	padding:100px 0;
	background:url(../images/bg_brands.jpg) no-repeat center bottom;
	background-size:cover;
	font-family:"標楷體", "新細明體", sans-serif;
	font-size:20px;
	color:#FFF;
	line-height:2;
	text-align:center;}

@media (max-width: 1160px){
	.newsArea{
		margin:0;}
	
	.newsArea > div{
		padding:0;
		margin-top:40px;}
	
	.newsArea > div:first-child{
		margin:0;}
	
	.newsArea .col-2{
		width:100%;
		float:none;}
}

@media (max-width: 767px){		
	.roomArea ul li.col-3{
		width:100%;}
	
	.roomArea ul li{
		margin-bottom:25px;}
	
	
	.brandArea{
		font-size:16px;
		background:url(../images/bg_brand.jpg) no-repeat center bottom;
		background-size:cover;}
			
}

@media (max-width: 640px){
	
	.mapBox ul li.Img{
		width:100%;
		float:none;
		margin:0 0 20px 0;}
}

@media (max-width: 360px){
	.roomArea > h2{
		background-size:cover;
		height:50px;}
	
	.newsArea .newsBox h2{
		background-size:cover;
		height:50px;}
	
	.mapBox h2{
		background-size:cover;
		height:50px;}

}