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

@import url(help/reset.css);
@import url(awesomefont4.4/css/font-awesome.min.css);
@import url(help/rwdgrid.css);
body{
	background:url(../images/footer_bg.jpg);
	font-family: Helvetica, Arial, "微軟正黑體", Heiti TC, "メイリオ";
	font-size:13px;}

/*css3*/
a{
	cursor:pointer;
	color:#000;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;}

a:hover{
	color:#c0a757;}

.b-box{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
/*intro*/
.intro{
	background:url(../images/bg.jpg);
	height:auto;
	float:left;
	text-align:center;
	padding-top:65px;
	position:relative;
	z-index:1;
	padding-bottom:89px;}
.intro:before{
	content:"";
	position:absolute;
	right:20px;
	bottom:20px;
	left:20px;
	top:20px;
	border: 1px solid #504b33;
	z-index:-1;}
.intro:after{
	content:"";
	position:absolute;
	right:25px;
	bottom:25px;
	left:25px;
	top:25px;
	border: 3px solid #000;
	z-index:-1;}
.intro img{
	background:url(../images/logo.png) center top no-repeat;
	padding-top:170px;}
.intro h2{
	padding-top:15px;
	font-family: 'Domine', serif;
	font-size:38px;}
.intro h3{
	padding-top:10px;
	font-family:"新細明體";
	font-size:27px;
	font-weight:normal;}
.intro p{
	padding:30px 0 40px 0;
	font-size:15px;
	line-height:1.8;
	width:57%;
	margin:0 auto;}
.intro a.btn{
	font-size:13px;
	color:#fff;
	padding:9px 24px;
	background:#352e2f;}
.intro h4{
	font-size:16px;
	font-family:"新細明體";
	color:#847636;
	font-weight:normal;
	letter-spacing:9px;
	padding-top:55px;
	padding-bottom:35px;}
.intro ul{
	display:inline-block;
	text-align:center;}
.intro ul li{
	padding:0 0 10px 35px;
	width:160px;
	text-align:left;
	font-size:16px;
	display:inline-block;
	position:relative;}
.intro ul li.clear{
	clear:both;}
.intro ul li:before{
	content:"";
	position:absolute;
	left:20px;
	top:10px;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#000;}
/*group*/
.group{
	float:left;}
.group li{
	text-align:center;
	position:relative;
	display:inline-block;
	padding:0;}
.group li.yaling{
	background:url(../images/img01.jpg) left top no-repeat;
	background-size:100% 100%;}
.group li.foungjia{
	background:url(../images/img02.jpg) left top no-repeat;
	background-size:100% 100%;}
.group li.foungkou{
	background:url(../images/img03.jpg) left top no-repeat;
	background-size:100% 100%;}
.group li.founggu{
	background:url(../images/img04.jpg) left top no-repeat;
	background-size:100% 100%;}
.group .item{
	position:absolute;
	top:55%;
	width:100%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);}
.group li.founggu .item{
	top:60%;}
.group .item .btn{
	padding-top:30px;}
.group .item .btn a{
	font-size:13px;
	color:#fff;
	padding:9px 25px;
	border:1px solid #fff;}
.group .item .btn a:hover{
	border:1px solid #352e2f;}
.hvr-sweep-to-bottom:before{
	background:#352e2f;}
/***Hover效果1: 放大淡出***/
.imh_opacity{
	background:#fff;
	overflow:hidden;}

.imh_opacity img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;}

.imh_opacity:hover img{
	opacity:0.8;
	transform:scale(1.05);}

@media (max-width:1160px){
	.intro,
	.group{
		width:100%;}
	.intro{
		display:block;
		height:auto!important;
		padding:65px 30px 30px 30px;}
	.intro p{
		width:auto;
		padding:30px 10px 40px 10px;}
	
}