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

.homeMain{
	width:1140px;
	margin:0 auto;}

/*****banner******/
.bannerBox{
	max-height:640px;
	position:relative;
	overflow:hidden;}

.bannerBox .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
	bottom:10px;}

.bannerBox .bx-wrapper .bx-pager.bx-default-pager a{
	background:none;
	border:2px solid #FFF;
	border-radius:100%;}

.bannerBox .bx-wrapper .bx-pager.bx-default-pager a:hover, .bannerBox .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#FFF;
	border:2px solid #FFF;}

/*分館*/
.branchArea{
	background:#2d1a09;
	padding:10px 0;
	box-shadow:inset 0 60px 60px #523817;}

.branchArea ul li{
	padding:0 12px;}

.branchArea ul li .Img{}

.branchArea ul li img{
	display:block;
	position:relative;
	width:100%;
	
	filter: sepia(1);
	-webkit-filter: sepia(1);
	-moz-filter: sepia(1);
	-o-filter: sepia(1);
	-ms-filter: sepia(1);
	
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

.branchArea ul li .Img:hover img{
	-webkit-transform:translateY(-40px);
	-moz-transform:translateY(-40px);
	-o-transform:translateY(-40px);
	transform:translateY(-40px);
	
	filter: sepia(0);
	-webkit-filter: sepia(0);
	-moz-filter: sepia(0);
	-o-filter: sepia(0);
	-ms-filter: sepia(0);}

/***三格基本資料***/
.profileArea{
	clear:both;
	padding:20px 0;
	background:#867840;
	box-shadow:inset 0 60px 60px #a89a61;}

.profile{}

.profile > div{
	float:left;
	padding:0 15px;
	width:33.33%;}

.profile h2{
	height:40px;
	text-indent:-9999px;}

.profile a.more{
	display:block;
	font-size:12px;
	color:#FFF;
	font-weight:normal;
	text-align:right;
	padding-top:8px;
	text-decoration:underline;}

.profile a.more:hover{
	text-decoration:none;}
	
/*純文字最新消息*/
.newsBox{}

.newsBox h2{
	background:url(../images/home/titleword_news.png) no-repeat;}

.newsBox ul{}

.newsBox ul li{}

.newsBox ul li{}

.newsBox ul li a{
	display:block;
	padding:7px 0;
	font-size:13px;
	color:#FFF;}

.newsBox ul li a:before{
	content:"．";}

.newsBox ul li a:hover{
	color:#efc210;
	text-decoration:underline;}

/*關於我們*/
.aboutBox{}

.aboutBox h2{
	background:url(../images/home/titleword_about.png) no-repeat;}

.aboutBox .Img{
	float:left;
	margin-right:10px;}

.aboutBox .Img img{
	display:block;
	max-width:100%;}

.aboutBox p{
	font-size:13px;
	color:#FFF;
	line-height:1.8;}

/***推薦商品***/
.feathureArea{
	padding:40px 0;
	background:url(../images/home/bg_room.jpg) no-repeat;
	background-size:cover;}

.feathureArea ul{}

.feathureArea ul li{
	padding:0 25px;}

.feathureArea ul li .Img{
	overflow:hidden;
	box-shadow:0 3px 5px #CCC;}

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

.feathureArea ul li .Img:hover img{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
	opacity:0.7;}

.feathureArea ul li .Txt{
	padding:10px;}

.feathureArea ul li h2{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:17px;}

.feathureArea ul li h2 strong{
	font-weight:normal;}

.feathureArea ul li h2 strong a{
	color:#000;}

.feathureArea ul li h2 strong a:hover{
	color:#2493d8;}

.feathureArea ul li p{
	padding-top:5px;
	font-size:13px;
	color:#464c58;}

.feathureArea ul li a.more{
	display:block;
	font-size:12px;
	color:#000;
	font-weight:normal;
	text-align:right;
	padding-top:8px;
	text-decoration:underline;}

.feathureArea ul li a.more:hover{
	text-decoration:none;}

/*map*/
.mapBox{}

.mapBox h2{
	background:url(../images/home/titleword_location.png) no-repeat;}

#gmap_s{
	width:100%;
	height:220px;
	border-radius:10px 0 10px 0;}

/*廣告*/
.adArea{
	padding:20px 0;
	background:#b7a971;}

.adArea h4{
	display:none;}

.adArea .bx-wrapper .bx-controls-direction a{
	width:7px;
	height:11px;
	margin-top:-5px;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}
.adArea .bx-wrapper .bx-prev{
	left:-10px;
	background:url(../images/home/bx_arrow_s_left.png) no-repeat;}
.adArea .bx-wrapper .bx-prev:hover{
	background:url(../images/home/bx_arrow_s_left.png) no-repeat;}
.adArea .bx-wrapper .bx-next{
	right:-10px;
	background:url(../images/home/bx_arrow_s-right.png) no-repeat;}
.adArea .bx-wrapper .bx-next:hover{
	background:url(../images/home/bx_arrow_s-right.png) no-repeat;}

@media (max-width: 1140px){
	.homeMain{
		width:100%;}
}

@media (max-width: 767px){
		
	.profileArea{}
	
	.profile > div{
		padding:20px 0;
		float:none;
		width:100%;}
	
	.profile > div:first-child{
		margin-top:0;}
		
	.newsBox{}
	
	.aboutBox{}
	
	.newsBox ul{
		margin:0;}
	
	.newsBox ul li{
		float:none;
		width:100%;
		padding:0;}
	
	.mapBox{
		float:none;
		width:100%;}
	
	.branchArea ul li.col-3{
		width:100%;
		float:none;
		padding:0;
		margin-bottom:20px;}
		
	.branchArea ul li .Img:hover img{
		-webkit-transform:translateY(0);
		-moz-transform:translateY(0);
		-o-transform:translateY(0);
		transform:translateY(0);
		
		filter: sepia(0);
		-webkit-filter: sepia(0);
		-moz-filter: sepia(0);
		-o-filter: sepia(0);
		-ms-filter: sepia(0);}
	
	.feathureArea ul li.col-3{
		float:none;
		width:100%;
		padding:20px 0;}
}


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