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

.bannerArea{
	padding-top:0;}

.bannerArea a.scrollDown{
	display:block;
	color:#FFF;
	text-align:center;
	width:80px;
	position:absolute;
	bottom:50px;
	left:50%;
	margin-left:-40px;
	z-index:10;}

.bannerArea a.scrollDown i{
	display:inline-block;
	text-align:center;
	font-size:25px;
	color:#FFF;
	text-align:center;}

/*------css3動畫--------*/
@-webkit-keyframes upDown {
  0%     {bottom:80px; opacity:1;}
  50%   {bottom:88px; opacity:0.5;}
  100% {bottom:80px; opacity:1;}
}
@-moz-keyframes upDown {
  0%     {bottom:80px; opacity:1;}
  50%   {bottom:88px; opacity:0.5;}
  100% {bottom:80px; opacity:1;}
}
@keyframes upDown {
  from     {bottom:80px; opacity:1;}
  50%   {bottom:88px; opacity:0.5;}
  to {bottom:80px; opacity:1;}
}
.upDown{
	-webkit-animation: upDown ease-out 1s infinite;
	-moz-animation: upDown ease-out 1s infinite;
	-o-animation: upDown ease-out 1s infinite;
	animation: upDown ease-out 1s infinite;}

.mainArea{
	padding:0;}

/*關於我們*/
.aboutArea{
	background: #e9f5f8;}

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

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

.aboutArea .Txt{
	overflow: hidden;
	font-size: 13px;
	color: #524846;
	line-height: 1.8;
	padding: 40px;}
	
.aboutArea .Txt p{
	font-weight: normal;
	line-height: 2.2;}
	
.aboutArea .Txt a.more{
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	background: #46b3dc;
	color: #fff;
	padding: 0 20px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	margin: 15px 3px 10px 0;
	border-radius: 20px;}
	
.aboutArea .Txt a.more:hover{
	background: #238674;}
		
.aboutArea .Txt h2{
	font-family: 微軟正黑體;
	color: #666666;
	font-size: 21px;
	padding-bottom: 20px;
	font-weight: normal;}
	
.aboutArea .Txt h2 b{
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	color: #188e79;
	text-transform: uppercase;}    
	
/*服務區塊*/
.serviceArea{
	color: #666666;
	font-size: 20px;
	font-family: 微軟正黑體;
	background-color: #005825;
	padding: 31px 0px;}
	
.serviceArea h2{
	font-weight: normal;
	color: #FFFFFF;
	font-size: 21px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px #FFFFFF solid;
	margin-bottom: 19px;}	

.serviceArea h2 b{
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;}

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

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

.serviceArea ul li .Img{
	position:relative;
	overflow:hidden;
	border: 5px #FFFFFF solid;}

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

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

/*圖片hover效果*/
.serviceArea ul li .Img:hover img{
	opacity:1;
	transform:scale(1.1);}
	
.serviceArea ul li .Txt{
	text-align:center;
	padding-top:20px;}
	
.serviceArea ul li .Txt h3{
	font-size:27px;
	padding:10px 0px;}

.serviceArea ul li .Txt h3 a{
	font-weight:normal;
	color:#fff;}
	
.serviceArea ul li .Txt h3 a:hover{
	color:#F7941C;}

.serviceArea ul li .Txt p{
	font-weight: normal;
	color: #fff;
	font-size: 15px;
	line-height: 1.8;
	padding: 0px 15px;}

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

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

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

.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:50px;/*如果要...的話就要設定高度*/}

/*新聞區塊*/
.newsArea{
	padding:50px 0;}

.newsArea ul{}

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

.newsArea h2{
	font-family: 微軟正黑體;
	color: #666666;
	font-size: 21px;
	font-weight: normal;
	text-align: center;
	padding-bottom: 15px;}
	
.newsArea h2 b{
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	color: #188e79;
	text-transform: uppercase;}
	
.newsArea ul li .Img{
	float:left;
	width:56px;
	height:56px;
	box-shadow:2px 2px 5px #e1e1e1;
	overflow:hidden;
	margin-right:10px;}

.newsArea ul li .Img img{
	display:block;
	height:100%;}
	
.newsArea ul li .Txt {
	overflow: hidden;
	padding-right: 20px;
	line-height: 1.6;}

.newsArea ul li .Txt p{
	height:40px;}

.newsArea ul li .Txt b{
	font-size:12px;
	color:#a4a4a4}
	
/*圖文外連區塊*/
.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;}

/*圖片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-bottom:50px;}

.adArea ul{}

.adArea ul li{}

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

.adArea ul li .Img img{
	width: 65%;
	border: 1px #EDEDED solid;
	box-shadow: 2px 2px 5px #e1e1e1;}
	
.adArea h2{
	font-family: 微軟正黑體;
	color: #333333;
	font-size: 21px;
	font-weight: normal;
	text-align: center;
	padding: 30px 0px;
	border-top: 1px #E7E7E7 solid;}
	
.adArea h2 b{
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	color: #B21D26;
	text-transform: uppercase;}
	
.adArea ul li h4{
	display:none;}

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

.contactArea{
	color: #fff;
	text-align: center;
	background: url(../images/home_about.jpg) no-repeat fixed;
	background-size: cover;
	padding: 40px 0px;}

.contactArea .Img{
	float:left;
	width:50%;}

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

.contactArea .Txt{
	overflow: hidden;
	font-size: 13px;
	line-height: 1.8;
	padding: 40px;}
	
.contactArea .Txt p{
	font-weight: normal;
	line-height: 2.2;
	font-size: 16px;}
	
.contactArea .Txt a.more{
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	background: #B21D26;
	color: #fff;
	padding: 6px 25px;
	line-height: 26px;
	text-align: center;
	margin: 15px 3px 0px 0;
	border-radius: 20px;
	box-shadow: 2px 2px 5px #444444;}
	
.contactArea .Txt a.more:hover{
	background: #555555;}
	
.contactArea h2{
	font-family: 微軟正黑體;
	color: #FFFFFF;
	font-size: 21px;
	font-weight: normal;
	text-align: center;
	padding: 10px 0px;
	border-bottom : 1px #188E79 solid;
	margin-bottom: 20px;}
	
.contactArea h2 b{
	display: inline-block;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;}	

@media (max-width: 1160px){
	
.aboutArea .Img{
	float:left;
	width: 50%;}
	
	}

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

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

.aboutArea .Img{
	float:none;
	width:100%;
	margin:0;
	margin-bottom:15px;
	text-align:center;}	
	
.serviceArea ul li .Txt h3{
	font-size:20px;
	padding:10px 0px;}

.serviceArea ul li .Txt p {
  font-weight: normal;
  color: #fff;
  font-size: 13px;
  line-height: 1.6;
  padding: 0px 5px;
}

.featureArea ul li.col-4{
	width:50%;
	padding-bottom:100px;}
		
}

@media (max-width: 640px){	/*手機橫的*/

.newsArea ul li.col-3{
	width: 100%;}
	
.contactArea .Txt p{
	font-weight: normal;
	font-size: 14px;}
	
}

@media (max-width: 480px){	

.serviceArea ul li.col-3 {
	width: 100%;}
  
.serviceArea ul li .Txt p {
	padding-bottom:50px;}  
  
.featureArea ul{
		margin:0;}
		
.featureArea ul li.col-4{
	width:100%;
	float:none;}
	
}