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

.mainArea{
	padding:0;}

.linkbar{
padding: 50px 50px 20px 50px;
    position: relative;
    background: url(../images/home/bg_feature_gray.jpg) no-repeat center center;
    background-size: cover;}


.linkbar .bx-wrapper .bx-prev{
    left: -45px;}

.linkbar .bx-wrapper .bx-next{
    right: -45px;}


.linkbar li{
position:relative;}
.linkbar li .Img{
position:relative;}
.linkbar li .Img img{
float:left;
width:100%;
border-color:#d3d3d3;
border-style:solid;
border-width:1px;
dispaly:block;}
.linkbar li .Txt{
background-color: rgba(99,182,47,0.65);
position:absolute;
bottom:0%;
left:0%;
width:100%;}
.linkbar li .Txt a {
display:block;
padding:15px;
text-align:center;
color:#fff;
font-size:18px;}

/*關於我們*/
.aboutArea{
	padding:0;}

.aboutArea .Img{
	float:left;
	width: 40%;}

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

.aboutArea .Txt{
	overflow: hidden;
	font-size: 15px;
	color: #524846;
	line-height: 1.8;
	text-align: left;
	padding: 0 20px;
	}
	
.aboutArea .Txt h2{
	font-size: 27px;
	padding: 20px 0;
	color: #000000;
	font-weight: normal;
	}
	
.aboutArea .Txt span{
	color: #000;
	font-weight:600;
	}
	
.aboutArea a.more  {
  font-size: 12px;
  color:#A0A0A0;
	}
	
.aboutArea a.more:hover {
  color:#ff0000;
	}
	
/*精選區塊*/
.featureArea{
	padding: 50px 0;
	position: relative;
	background: url(../images/home/bg_feature.jpg) no-repeat center center;
	background-size: cover;}

.featureArea h2 strong{
	font-family: "微軟正黑體", "新細明體", sans-serif;
	font-size: 27px;
	color: #000000;
	text-align: center;
	font-weight: normal;
	display:block;
}
	
.featureArea h2 em{
	margin-left: 8px;
	margin-bottom: 20px;
	text-align: center;
	border-bottom: 1px solid #D2D2D2;
	display: table-footer-group;
	text-indent: -9999px;
}
	
.featureArea ul{
	margin:0 -15px;}

.featureArea ul li{
	padding:0 15px;}

.featureArea ul li .Img{
	padding-top: 15px;
	position:relative;
	overflow:hidden;}

.featureArea ul li .Img a{
	display:block;}

.featureArea ul li .Img img{
	display:block;
	width:100%;
	
	transition:all 0.2s linear;}

/*圖片hover效果*/
.featureArea ul li .Img:hover img{
	pacity: 1;
	transform: scale(1.1);}

.featureArea ul li .Txt{
	text-align:center;
	padding: 10px 15px;}

.featureArea ul li .Txt h3{
	font-size: 30px;
	border-bottom: 1px solid #D2D2D2;
	padding-bottom: 10px;
	margin-bottom: 10px;
	display: block;}

.featureArea ul li .Txt h3 strong{
	font-weight:normal;}

.featureArea ul li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:16px;
	color:#222b53;
	padding-bottom:10px;
	border-bottom:1px solid #222b53;}

.featureArea ul li .Txt p{
	margin-top:10px;
	font-size:13px;
	color:#524846;
	line-height:1.8;
	height:70px;/*如果要...的話就要設定高度*/
	padding-bottom:20px;}

.featureArea ul li .Txt a.more{
	padding: 10px;
	display: inline-block;
	border-radius: 15px;
	border: 2px solid #e2e2e2;
	width: 100px;
	}
.featureArea ul li .Txt a.more:hover{
	color:#e22827;
	border: 2px solid #e22827;
	}
/*新聞區塊*/
.newsArea{
	}
.newsArea h2 {
	font-size: 27px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	height: 40px;
	color:#000000;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #d3cccc;
	display: inline-block;
	font-family: "微軟正黑體", "新細明體", sans-serif;
}
.newsArea ul{}

.newsArea ul li{
	padding : 20px;
	}
.newsArea ul li .Img {}
.newsArea ul li .Img img{
	width:100%;
	}
.newsArea ul li .Txt h3{
	padding:30px 0 15px 0px;
	}
.newsArea ul li .Txt p{
	line-height:1.8;
	color : #666;
	height:50px
	}
/*資訊區塊*/
.infoBox{
	padding: 40px 0px;
	background: #e8e8e8; /* Old browsers */
	background: -moz-linear-gradient(top,  #e8e8e8 0%, #ffffff 34%, #ffffff 72%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(34%,#ffffff), color-stop(72%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e8e8e8 0%,#ffffff 34%,#ffffff 72%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e8e8e8 0%,#ffffff 34%,#ffffff 72%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e8e8e8 0%,#ffffff 34%,#ffffff 72%,#ededed 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e8e8e8 0%,#ffffff 34%,#ffffff 72%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

	}

/*圖文外連區塊*/
.linkArea{}

.linkArea ul{
	margin:0 -15px;}

.linkArea ul li{
	padding:0 15px;}

.linkArea ul li .Img{
	position:relative;
	background:#323e4b;
	overflow:hidden;}

.linkArea ul li .Img a{
	display:block;}

.linkArea ul li .Img img{
	display:block;
	width:100%;
	transition:all 0.2s linear;}
.linkArea ul li .Txt a{
	background-color:#FF0004;
	padding:30px;
	}

/*圖片hover效果*/
.linkArea ul li .Img:hover img{
	opacity:0.1;
	transform:scale(1.05);}

.linkArea ul li .Txt{
	margin-top:70px;
	text-align:center;}

.linkArea ul li .Txt h3{
	font-size:16px;}

.linkArea ul li .Txt h3 strong{
	font-weight:normal;}

.linkArea ul li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:16px;
	color:#222b53;
	padding-bottom:10px;
	border-bottom:1px solid #222b53;}

.linkArea ul li .Txt p{
	margin-top:10px;
	font-size:13px;
	color:#524846;
	line-height:1.8;
	height:50px;/*如果要...的話就要設定高度*/}

/*圖片跑馬燈區塊*/
.adArea{
	padding:50px 0;
	background:#e1e1e1;}

.adArea ul{}

.adArea ul li{}

.adArea ul li .item{
	position:relative;}

.adArea ul li .Img img{
	width:100%;}

.adArea ul li h4{
	display:none;}

.adArea ul li h4 a{
	display:block;
	font-size:13px;
	color:#acacac;}

@media (max-width: 1160px){
	
.aboutArea .Txt h2{
	font-size: 22px;
	}
	
	}

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

@media (max-width: 768px){	/*平板直的*/
	
.aboutArea{}

.aboutArea .Img{
	float:none;
	width: 100%;;
	margin:0;
	margin-bottom:15px;
	text-align:center;
	}	
.aboutArea .Txt h2{
	font-size: 16px;
	}
.featureArea ul li.col-3{
	width:33.33%;
	}
.featureArea ul li {
  padding: 0px;
}	
.infoBox  .col-3{
	width:100%;
	}	
	
.infoBox  .col-6{
	width:100%;
	}	
}

@media (max-width: 640px){	/*手機橫的*/
.featureArea ul li.col-3{
	width:100%;
	}

}

@media (max-width: 360px){	/*手機直的*/

.featureArea ul{
		margin:0;}
		

}