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


	
/*首頁產品*/
.productArea{
	padding:0 0 150px 0;
	background:url(../images/decorationBg.jpg);
	position:relative;}
.productArea:before{
	content:"";
	width:100%;
	height:150px;
	background:#fff;
	position:absolute;
	left:0;
	top:0;}
.productArea ul{}
.productArea ul li{
	border-bottom:3px solid #d2d2d2;
	width:23%;
	margin:0 2% 20px 0;
	transition:all 0.1s linear;}
.productArea ul li:hover{
	-webkit-transform: translateY(-20px) !important;
	transform: translateY(-20px) !important;
	}
.productArea ul li .Img{
	position:relative;
	overflow:hidden;
}
.productArea ul li .Img img{
	-webkit-transform: scale(1);
  	transform: scale(1);
	transition:all 0.5s linear;
	float:left;
	width:100%;}
.productArea ul li:hover .Img img{
	-webkit-transform: scale(1.2);
  	transform: scale(1.2);
}
.productArea ul li .Txt{
	padding: 20px 15px 50px 15px;
	background-image: -webkit-linear-gradient(308deg,rgba(255,255,255,1.00) 10.88%,rgba(231,231,231,1.00) 88.08%);
	background-image: -moz-linear-gradient(308deg,rgba(255,255,255,1.00) 10.88%,rgba(231,231,231,1.00) 88.08%);
	background-image: -o-linear-gradient(308deg,rgba(255,255,255,1.00) 10.88%,rgba(231,231,231,1.00) 88.08%);
	background-image: linear-gradient(142deg,rgba(255,255,255,1.00) 10.88%,rgba(231,231,231,1.00) 88.08%);
	position:relative;
}

.productArea ul li .Txt h3{

	font-size:1em;
}
.productArea ul li .Txt h3 a{
	color:#000;}
.productArea ul li:hover .Txt h3 a{
	color:#c92b2f;}
.productArea ul li .Txt p{
	display:block;
	padding-top:10px;
	color:#666;
	font-size:0.8em;
	line-height:25px;
	height:50px;
	overflow:hidden;}
.productArea ul li .Txt a.btn{
	display:inline-block;
	width:70px;
	height:70px;
	border-radius:99em;
	background:#88cb22 url(../images/arrow.png) center 20px no-repeat;
	text-align:center;
	line-height:70px;
	font-size:0.8em;
	position:absolute;
bottom:-35px;
left:50%;
margin-left:-35px;
	}

	
/*首頁關於我們*/
.aboutArea{
	padding:80px 0;
	background:#fff;
}
.aboutArea .Img{
	float:left;
	padding-right:60px;}
.aboutArea .Img img{
	max-width:100%;
}
.aboutArea .Txt{

}
.aboutArea h3{
	font-size:1.6em;
	color:#000;
	padding:0 0 40px 0;
	position:relative;
	font-weight:normal;
}
.aboutArea p{
	color: #666;
	display: block;
	font-size:0.95em;
	line-height: 1.8;
}
.aboutArea .btn{
	margin:30px 0 0 0;
}
@media (max-width: 1160px){
.productArea ul{
	padding:30px 0;}
}

	
/*767*/
@media (max-width: 767px){
.productArea{
	padding:0 0 100px 0;
}
.productArea ul{
	padding-bottom:0px;}
.aboutArea .Img{
	float:none;
	padding-right:0;}
.aboutArea .Txt{
	margin-top:50px;
}
.productArea ul li{
	width:48%;
	margin:0 2% 60px 0;
}
}

/*480*/
@media (max-width: 480px){
.productArea ul li{
	width:98%;
	margin:0 2% 60px 0;
}

}