<p>
	&nbsp;</p>
<p>
	<meta charset="utf-8" />
</p>
<p>
	<meta content="IE=edge" http-equiv="X-UA-Compatible" />
</p>
<p>
	<meta content="width=device-width, initial-scale=1" name="viewport" />
</p>
<p>
	<meta content="銘泉生態休閒農場,銘泉,農場" name="keywords" />
</p>
<p>
	<meta content="" name="description" />
</p>
<p>
	<meta content="" name="author" />
</p>
<p>
	<title></title>
	<!-- Bootstrap Core CSS --></p>
<p>
	<link href="css/bootstrap.min.css" rel="stylesheet" />
	<!-- Custom CSS --></p>
<p>
	<link href="css/custom.css" rel="stylesheet" />
	<!-- Fonts --></p>
<p>
	<link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css" />
</p>
<p>
	<link href="http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css" />
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --><!-- WARNING: Respond.js doesn't work if you view the page via file:// --><!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<style type="text/css">
body {
    		background: url('userUpload/201711242017dm11.jpg') no-repeat fixed center center;
    		background-size: 100%;
    	}
    	
    	body { 
    		padding-top: 70px; 
    	}
    	
		.brand {

		}
		
		.navbar-nav > li > a {
			padding-top: 0px;
			padding-bottom: 0px;
			line-height: 50px;
			font-size: 16px;
		}
		
		.navbar-default .navbar-nav>li>a {
			color: #000000;
		}
		
		.navbar-default {
			background-color: #CA7A00;
		}

		@media (max-width: 767px) {
			.navbar-nav > li > a {
				line-height: 20px;
				padding-top: 10px;
				padding-bottom: 10px;
			}
		}

		.bgw {
			background-color: rgba(255,255,255,0.8);
		}
		
		p {
			font-size: 14px; 
		}
		
		.dropdown-submenu {
			position: relative;
		}

		.dropdown-submenu>.dropdown-menu {
			top: 0;
			left: 100%;
			margin-top: -6px;
			margin-left: -1px;
			-webkit-border-radius: 0 6px 6px 6px;
			-moz-border-radius: 0 6px 6px;
			border-radius: 0 6px 6px 6px;
		}

		.dropdown-submenu:hover>.dropdown-menu {
			display: block;
		}

		.dropdown-submenu>a:after {
			display: block;
			content: " ";
			float: right;
			width: 0;
			height: 0;
			border-color: transparent;
			border-style: solid;
			border-width: 5px 0 5px 5px;
			border-left-color: #ccc;
			margin-top: 5px;
			margin-right: -10px;
		}

		.dropdown-submenu:hover>a:after {
			border-left-color: #fff;
		}

		.dropdown-submenu.pull-left {
			float: none;
		}

		.dropdown-submenu.pull-left>.dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}		
		
		div {
			opacity: 0;
			-webkit-transition: opacity 1s ease-in;
			   -moz-transition: opacity 1s ease-in;
				-ms-transition: opacity 1s ease-in;
				 -o-transition: opacity 1s ease-in;
				    transition: opacity 1s ease-in;
		}
		
		.load { opacity: 1; }	</style>
	<script type="text/javascript" async="" src="https://www.gstatic.com/recaptcha/api2/r20171206132803/recaptcha__zh_tw.js"></script><script src="https://www.google.com/recaptcha/api.js"></script><script language="JavaScript">
	<!--
	// Nannette Thacker http://www.shiningstar.net
	function confirmSubmit()
	{
		var agree=confirm("確定要繼續？");
		if (agree)
			return true ;
		else
			return false ;
	}
	// -->

	</script><!-- Google web fonts, https://design.google.com/icons/ --></p>
<p>
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
</p>
<div class="navbar navbar-default navbar-fixed-top load" role="navigation">
	<div class="container load">
		<div class="navbar-header load">
			<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span></button><!--a class="navbar-brand" href="#">NavBar</a--></div>
		<div class="collapse navbar-collapse load">
			<ul class="nav navbar-nav navbar-right">
				<li>
					<a href="index.php?Act=125&amp;SK=0&amp;MK=0&amp;PK=-10">會員登入/加入</a></li>
				<li>
					<a href="http://ecloud.ewang.com.tw" target="_blank">首頁</a></li>
			</ul>
			<ul class="nav navbar-nav">
				<li>
					<img height="50px" src="userUpload/20171018indexlogo.png" /></li>
				<li>
					<a href="index.php?Act=125&amp;MK=125&amp;PK=745" title="">銘泉首頁</a></li>
				<li>
					<a href="index.php?Act=125&amp;MK=125&amp;PK=133" title="">關於銘泉</a></li>
				<li>
					<a href="index.php?Act=125&amp;MK=125&amp;PK=512" title="">媒體報導</a></li>
				<li>
					<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="">活動資訊 </a>
					<ul class="dropdown-menu multi-level">
						<li>
							<a href="index.php?Act=125&amp;MK=134&amp;PK=295" title="">體驗活動</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=134&amp;PK=297" title="">185農夫市集</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=134&amp;PK=506" title="">顧客分享與評估</a></li>
					</ul>
				</li>
				<li>
					<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="">銘泉商店 </a>
					<ul class="dropdown-menu multi-level">
						<li>
							<a href="index.php?Act=125&amp;MK=135&amp;PK=508" title="">有機農產系列</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=135&amp;PK=509" title="">為健康打氣系列</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=135&amp;PK=510" title="">為人生提味系列</a></li>
					</ul>
				</li>
				<li>
					<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="">交通指引 </a>
					<ul class="dropdown-menu multi-level">
						<li>
							<a href="index.php?Act=125&amp;MK=136&amp;PK=302" title="">交通</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=136&amp;PK=303" title="">常見問題</a></li>
					</ul>
				</li>
				<li>
					<a href="index.php?Act=125&amp;MK=125&amp;PK=304" title="">聯絡資訊</a></li>
			</ul>
		</div>
		<!--/.nav-collapse --></div>
</div>
<div class="container-fluid bgw load" style="margin-left: 10px; margin-right: 10px; ">
	<div class="row load">
		<!-- .content -->
		<div class="col-md-12 load" style="padding-top: 0px; ">
			<!--div class="bgw" style="margin-top: 0px; padding-top: 0px; "-->
			<div class="row load">
				<div class="col-md-12 load">
					<h3>
						<!--small>2017-12-14</small--></h3>
					<p>
						&nbsp;</p>
				</div>
			</div>
		</div>
	</div>
</div>
<p>
	&nbsp;</p>
<p>
	&nbsp;</p>
<p>
	<meta charset="utf-8" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="NOODP" name="robots" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
</p>
<p>
	&nbsp;</p>
<p>
	<title></title>
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="" name="google-site-verification" />
	<!-- Google驗證網站擁有權 --><!-- SEO --></p>
<p>
	&nbsp;</p>
<p>
	<meta content="銘泉生態休閒農場 鳳梨 屏東沿山公路" name="keywords" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="" name="description" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="webgolds" itemprop="image" />
	<!-- Google+ meta tag for image --><!--  Meta for OpenGraph --><!-- FB --></p>
<p>
	&nbsp;</p>
<p>
	<meta content="銘泉生態休閒農場" property="og:title" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="銘泉生態休閒農場" property="og:description" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="website" property="og:type" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="zh_TW" property="og:locale" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="銘泉生態休閒農場" property="og:site_name" />
	<!-- 網站名稱 --></p>
<p>
	&nbsp;</p>
<p>
	<meta content="" property="og:url" />
</p>
<p>
	&nbsp;</p>
<p>
	<meta content="/userUpload/images/201711124indexlogo.png" property="og:image" />
	<!-- 圖示 --><!--<meta property="fb:app_id" content="" /> --><script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script><!-- 讓 IE6 IE7 IE8 支援 HTML5 標籤, 偵測瀏覽器是否支援HTML5與CSS3等規格。如果瀏覽器不支援，Modernizr會使用其他的解決方法來進行模擬html5shiv:讓 IE6 IE7 IE8 支援 HTML5 標籤的 JavaScript -->
	<style type="text/css">
html, body			{			height: 100%;									}		body			{						position: relative;			padding: 0px;			margin-bottom:-900px;			background-color:#e7e7e7;			text-align: justify;    		background-repeat: no-repeat;            background-attachment: fixed;            background-position: bottom;            background-size: cover;			transition: all 0.4s ease;						font-family: Microsoft JhengHei,'Didact Gothic', sans-serif;			font-size: 16pt;			font-weight: 300;			line-height:1.6;									}		/************************圖片******************************/		.image-full		{			display: block;			width: 100%;			margin: 0 0 0 0;		}		/************************適應bootstrap container******************************/					.navbar-default {						height:auto;			background-color: rgba(0, 0, 0,0.3);			border-color: rgba(0, 0, 0,0);			transition: all 0.5s ease;		 			}					.navbar-default .navbar-nav>li>a {			color:rgba(255,255,255,1);			font-size:18px;					}			.navbar-default .navbar-nav>li>a:hover {			color: #fff;			background-color: #a94442;		}		.navbar-default2 {			font-size:16px;			color:black;			height:autopx;			background-color: rgba(255, 255, 255,1);			border-color: rgba(0, 0, 0,0.4);			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);		 			}				.navbar-default2 .navbar-nav>li>a {			color:rgba(0,0,0,1);					}		.navbar-default2 .navbar-nav>li>a:hover {			color: #fff;			background-color: #a94442;					}		 		.row {			margin-right: -8px;			margin-left: -9px;		}				div.col-md-12.load{			margin:0em;			padding-right: 0px;			padding-left: 0px;				}		.bgw{background-color:rgba(255,255,255,0);}			container-fluid{			margin-top:5px;		}		footer{			margin-top:-10px;			color:white;			background-color:rgba(0, 0, 0,1);}				/************************************extra字型美化****************************/				#animation1 h2{										margin-bottom: 5px;			font-weight: 100;			letter-spacing: .06em;			font-size: 1em;									}		p {				display: inline;												text-align: justify;								text-align: left;				font-size: 18px;							}									h2 h4 {			display: block;			-webkit-margin-before: 1.33em;			-webkit-margin-after: 1.33em;			-webkit-margin-start: 0px;			-webkit-margin-end: 0px;			font-weight: bold;		}		hr.style1{			border: 0;			height: 2px;			background: #333;			background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);			background-image: -moz-linear-gradient(left, #ccc, #333, #ccc);			background-image: -ms-linear-gradient(left, #ccc, #333, #ccc);			background-image: -o-linear-gradient(left, #ccc, #333, #ccc);		}						hr.style2 {			overflow: visible; /* For IE */			padding: 0;			border: none;			border-top: medium double #333;			color: #333;			text-align: center;		}		hr.style2:after {			content:"MING CHUAN"			display: inline-block;			position: relative;			top: -0.7em;			font-size: 1em;			padding: 0 0.25em;			background: white;		}		hr.style3{			border: 0;			height: 2px;			background: #333;			background-image: -webkit-linear-gradient(left, #333, #ccc, #333);			background-image: -moz-linear-gradient(left, #333, #ccc, #333);			background-image: -ms-linear-gradient(left, #333, #ccc, #333);			background-image: -o-linear-gradient(left, #333, #ccc, #333);		}								#md{			padding: 2em 2.45em 2em 2.45em;}				/**********************手機板NAVBAR BRAND****************************************/		.navbar-default .navbar-brand{ color:#fff;}											/***************************welcome主要區塊****************************************/							#welcome			{				position: relative;				padding: 0em 0em 0em 0em;				margin-right: -9px;				margin-top:-59px;							background-color:#e7e7e7;											text-align: center;				color:#000;						}		#welcome1			{				position: relative;				padding: 0em 0em 0em 0em;				margin-right: -9px;											background-color:#e7e7e7;											text-align: center;				color:#000;						}								#welcome .button .a		{				background: #FFF;				color: #3f0900;						}										/******************************第一標語標題區塊***************************************/		#whiteblockback			{				position: relative;				background: url('/userUpload/images/nature.jpg');				background-repeat: no-repeat;				background-attachment: fixed;				background-position: center;				background-size: cover;							}		#whiteblock			{				position: relative;				padding: 0em 2.45em 5em 2.45em;				display:inblock;				background-color:rgba(0,0,0,0.5);				color:white;				text-align:center;			}				.title1area {				width: 100%;				height: 580px;				text-align: center;				padding: 115px 0;				overflow: hidden;				box-sizing: border-box;				background-color: rgba(0,0,0,0);			}				.title1area .smalltitle {						color: #e7b623;				margin-bottom: 5px;				font-weight: 100;				letter-spacing: .06em;				font-size: 22px;							}		.title1area .bigtitle {				position: relative;				font-weight: 100;				letter-spacing: .06em;				text-transform: uppercase;				color:white;				font-size: 1.5em;				margin-bottom: 50px;			}		.title1area .bigtitle:before, .title1area .bigtitle:after {				content: '';				position: absolute;				top: 50%;				transform: translateY(-50%);				width: calc((100% - 200px) / 2);				height: 2px;				background: rgba(255, 255, 255, 0.9);			}					.title1area .bigtitle:before {				left: 0;			}		.title1area .bigtitle:after {				right: 0;			}				.title1area p {				display: inline-block;				padding: 25px;				line-height: 3;				text-align: justify;				margin-top: 30px;				color: #ffffff;				text-align: left;				font-size: 18px;							}															#whiteblockback3			{				position: relative;				background: url('/userUpload/images/mingchuan/firefly.jpg');				background-repeat: no-repeat;				background-attachment: fixed;				background-position: center;				background-size: cover;							}		#whiteblock3			{				position: relative;				padding: 0em 2.45em 0em 2.45em;									background-color:rgba(0,0,0,0.7);				color:white;				text-align:center;			}								/***************************生態圖hover效果***************************/									#animation1 {				position: relative;				padding:1em;				display: inline;					}		/***********************左效果1*********************************/					#animation1:hover #imageshow0 {				height:100%;				width: 100%						}		#imageshow0{				width: 0%;				height: 0;				background: rgba(0,0,0,0);				position: absolute;				padding:1em;						left:0;				bottom: 0;																					text-align: center;				font-size: 1em;				transition: .5s ease;				overflow: hidden;										}														/***********************中間效果2******************************/						#animation1:hover #imageshowmid0 {				height:100%;				width: 100%						}		#imageshowmid0{				width: 0%;				height: 0;				background: rgba(0,0,0,0);				position: absolute;				padding:1em;			 											left:0;				bottom: 0;															text-align: center;				font-size: 1em;				transition: .5s ease;				overflow: hidden;										}														/*******************右邊效果3************************************/						#animation1:hover #imageshowrg0 {				height:100%;				width: 100%						}		#imageshowrg0{				width: 0%;				height: 0;				background: rgba(0,0,0,0);				position: absolute;				padding:1em;														bottom: 0;				right:0;														text-align: center;				font-size: 1em;				transition: .5s ease;				overflow: hidden;										}		/***************************生態圖hover效果   行動版***************************/									#animation5 {				position: relative;				padding:0em;				display: inline;					}		/***********************左效果1*********************************/					#animation5:hover #imageshow {				height:100%;				width: 100%						}		#imageshow{				width: 0%;				height: 0;				background: rgba(0,0,0,0);				position: absolute;				padding:0em;						left:0;				bottom: 0;																					text-align: center;				font-size: 1em;				transition: .5s ease;				overflow: hidden;										}														/***********************中間效果2******************************/						#animation5:hover #imageshowmid {				height:100%;				width: 100%						}		#imageshowmid{				width: 0%;				height: 0;				background: rgba(0,0,0,0);				position: absolute;				padding:0em;			 											left:0;				bottom: 0;															text-align: center;				font-size: 1em;				transition: .5s ease;				overflow: hidden;										}														/*******************右邊效果3************************************/						#animation5:hover #imageshowrg {				height:100%;				width: 100%						}		#imageshowrg{				width: 0%;				height: 0;				background: rgba(0,0,0,0);				position: absolute;				padding:0em;														bottom: 0;				right:0;														text-align: center;				font-size: 1em;				transition: .5s ease;				overflow: hidden;										}		/****************************內文及圖片介紹區塊*********************************/				#animation1{				position: relative;				min-height: 1px;				padding:1em;					}		.clearfix:after {				content: ".";				display: block;				height: 0;				clear: both;				visibility: hidden;							}		/*********************第1副標題**********************/		#stitle0{													position: relative;				padding: 3em 2.45em 5em 2.45em;				color:black;				display: inblock;				background-image:url('/userUpload/images/mingchuan/abstract.jpg');				background-repeat: no-repeat;				background-attachment: fixed;				background-position: bottom;				background-size: cover;				margin:0em 0em;				}		/*********************第2副標題**********************/		#stitle{													position: relative;				padding: 0em 2.45em 0em 2.45em;				color:white;				display: inblock;				background-image:url('/userUpload/images/mingchuan/len0.jpg');				background-repeat: no-repeat;				background-attachment: fixed;				background-position: bottom;				background-size: cover;				margin:0em 0em;				}		/*****************第3副標題***************************/		#stitle2{													position: relative;				padding: 0em 2.45em 0em 2.45em;				color:white;				display: inblock;				background-color:rbga(0,0,0,0.8);				background-image:url('/userUpload/images/2017dm18-2.jpg');				background-repeat: no-repeat;				background-attachment: fixed;				background-position: bottom;				background-size: cover;				margin:0em 0em;				}		/*****************第4副標題footer前***************************/		#stitle3{													position: relative;				padding: 0em 2.45em 0em 2.45em;				color:white;				display: inblock;				background-color:rbga(0,0,0,0.8);				background-image:url('/userUpload/images/mingchuan/firefly1.jpg');				background-repeat: no-repeat;				background-attachment: fixed;				background-position: bottom;				background-size: cover;				margin:0em 0em;				}		/******************活動資訊*****************************/		#farmpictureback			{				position: relative;											}		#farmpicture			{				position: relative;				padding: 0em 2.45em 0em 2.45em;																		color:white;				text-align:center;			}		#farmpictureback2			{				position: relative;											}		#farmpicture2			{				position: relative;				padding: 0em 2.45em 0em 2.45em;																		color:white;				text-align:center;			}		/***************************活動資訊圖文介紹hover效果***************************/											.content{						padding: 1em 1.5em 1em 1.5em;				width:100%;				position: absolute;				left: 0;				bottom:0%;				background-color:white;				color:black;							}		.content2{						padding: 1em 1.5em 1em 1.5em;				width:100%;				position: absolute;				left: 0;				bottom:30%;				background-color:white;				color:black;							}		.content3{						padding: 1em 1.5em 1em 1.5em;				width:100%;				position: absolute;				left: 0;				bottom:;				background-color:white;				color:black;							}		.btn {										padding: 0;				margin-bottom: 20px;												text-align: center;			}		a.btn_color2 {								display: inline-block;				padding: 10px 40px;				border: 1px solid #fff;				font-size: 15px;				color: #fff;			}								/***********************活動資訊圖文介紹hover效果2*********************************/			#animation2 {				position: relative;				margin:3em 0;					height:400px;				background: url('/userUpload/images/%E9%8A%98%E6%B3%89%E8%BE%B2%E5%A0%B4_DM_2017%E6%96%B0%E7%89%88_04.jpg');					background-repeat: no-repeat;								background-size:cover;				display: inline;					}		#animation2:hover #imageshow2 {				width: calc((100% - 20%) ); 				height: calc(100% - 20%);				top:10%;				left:10%;				border: 2px solid #fff;							}		#animation2 a{color:white;}		#imageshow2{								width: 0px;				height: 0px;				background: rgba(0,0,0,0);				position: absolute;				border: 0px solid #fff;							top:50%;				left:50%;																	padding: 1em 1.2em 1em 1.2em;													text-align: center;				font-size: 1em;				transition: 0.5s ease;				overflow: hidden;				opacity:0.8;						}														#animation2:hover #imageshow3 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow3{								width: 0%;				height: 0%;				background-image:url('/userUpload/images/2017dm18-1.jpg');				background-repeat: no-repeat;								background-size:cover;				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}												#animation2:hover #imageshow4 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow4{								width: 0%;				height: 0%;				background-color:rgba(0,0,0,0.7);				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}			/***********************活動資訊圖文介紹hover效果2-2*********************************/			#animation2-2 {				position: relative;				margin:3em 0;					height:400px;				background: url('/userUpload/images/d02.jpg');					background-repeat: no-repeat;								background-size:cover;				display: inline;					}		#animation2-2:hover #imageshow2-2 {				width: calc((100% - 20%) ); 				height: calc(100% - 20%);				top:10%;				left:10%;				border: 2px solid #fff;							}		#animation2-2 a{color:white;}		#imageshow2-2{								width: 0px;				height: 0px;				background: rgba(0,0,0,0);				position: absolute;				border: 0px solid #fff;							top:50%;				left:50%;																	padding: 1em 1.2em 1em 1.2em;													text-align: center;				font-size: 1em;				transition: 0.5s ease;				overflow: hidden;				opacity:0.8;						}														#animation2-2:hover #imageshow3-2 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow3-2{								width: 0%;				height: 0%;				background-image:url('/userUpload/images/2017dm21.jpg');				background-repeat: no-repeat;								background-size:cover;				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}												#animation2-2:hover #imageshow4-2 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow4-2{								width: 0%;				height: 0%;				background-color:rgba(0,0,0,0.7);				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}										/***********************活動資訊圖文介紹hover效果2-3*********************************/			#animation2-3 {				position: relative;				margin:3em 0;					height:400px;				background: url('/userUpload/images/d03.jpg');					background-repeat: no-repeat;								background-size:cover;				display: inline;					}		#animation2-3:hover #imageshow2-3 {				width: calc((100% - 20%) ); 				height: calc(100% - 20%);				top:10%;				left:10%;				border: 2px solid #fff;							}		#animation2-3 a{color:white;}		#imageshow2-3{								width: 0px;				height: 0px;				background: rgba(0,0,0,0);				position: absolute;				border: 0px solid #fff;							top:50%;				left:50%;																	padding: 1em 1.2em 1em 1.2em;													text-align: center;				font-size: 1em;				transition: 0.5s ease;				overflow: hidden;				opacity:0.8;						}														#animation2-3:hover #imageshow3-3 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow3-3{								width: 0%;				height: 0%;				background-image:url('/userUpload/images/pro48.jpg');				background-repeat: no-repeat;								background-size:cover;				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}												#animation2-3:hover #imageshow4-3 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow4-3{								width: 0%;				height: 0%;				background-color:rgba(0,0,0,0.7);				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}	/***********************效果2-4*********************************/			#animation2-4 {				position: relative;				margin:3em 0;					height:400px;				background: url('/userUpload/images/pro18.jpg');					background-repeat: no-repeat;								background-size:cover;				display: inline;					}		#animation2-4:hover #imageshow2-4 {				width: calc((100% - 20%) ); 				height: calc(100% - 20%);				top:10%;				left:10%;				border: 2px solid #fff;							}		#animation2-4 a{color:white;}		#imageshow2-4{								width: 0px;				height: 0px;				background: rgba(0,0,0,0);				position: absolute;				border: 0px solid #fff;							top:50%;				left:50%;																	padding: 1em 1.2em 1em 1.2em;													text-align: center;				font-size: 1em;				transition: 0.5s ease;				overflow: hidden;				opacity:0.8;						}														#animation2-4:hover #imageshow3-4 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow3-4{								width: 0%;				height: 0%;				background-image:url('/userUpload/images/pro40.jpg');				background-repeat: no-repeat;								background-size:cover;				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}												#animation2-4:hover #imageshow4-4 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow4-4{								width: 0%;				height: 0%;				background-color:rgba(0,0,0,0.7);				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}				/***********************效果2-5*********************************/			#animation2-5 {				position: relative;				margin:3em 0;					height:400px;				background: url('/userUpload/images/dachi.jpg');					background-repeat: no-repeat;								background-size:cover;				display: inline;					}		#animation2-5:hover #imageshow2-5 {				width: calc((100% - 20%) ); 				height: calc(100% - 20%);				top:10%;				left:10%;				border: 2px solid #fff;							}		#animation2-5 a{color:white;}		#imageshow2-5{								width: 0px;				height: 0px;				background: rgba(0,0,0,0);				position: absolute;				border: 0px solid #fff;							top:50%;				left:50%;																	padding: 1em 1.2em 1em 1.2em;													text-align: center;				font-size: 1em;				transition: 0.5s ease;				overflow: hidden;				opacity:0.8;						}														#animation2-5:hover #imageshow3-5 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow3-5{								width: 0%;				height: 0%;				background-image:url('/userUpload/images/act13.jpg');				background-repeat: no-repeat;								background-size:cover;				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}												#animation2-5:hover #imageshow4-5 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow4-5{								width: 0%;				height: 0%;				background-color:rgba(0,0,0,0.7);				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}		/***********************效果2-6*********************************/			#animation2-6 {				position: relative;				margin:3em 0;					height:400px;				background: url('/userUpload/images/g08.jpg');					background-repeat: no-repeat;								background-size:cover;				display: inline;					}		#animation2-6:hover #imageshow2-6 {				width: calc((100% - 20%) ); 				height: calc(100% - 20%);				top:10%;				left:10%;				border: 2px solid #fff;							}		#animation2-6 a{color:white;}		#imageshow2-6{								width: 0px;				height: 0px;				background: rgba(0,0,0,0);				position: absolute;				border: 0px solid #fff;							top:50%;				left:50%;																	padding: 1em 1.2em 1em 1.2em;													text-align: center;				font-size: 1em;				transition: 0.5s ease;				overflow: hidden;				opacity:0.8;						}														#animation2-6:hover #imageshow3-6 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow3-6{								width: 0%;				height: 0%;				background-image:url('/userUpload/images/pro19.jpg');				background-repeat: no-repeat;								background-size:cover;				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}												#animation2-6:hover #imageshow4-6 {				width: 100%; 				height: 100%;				top:0;				left:0;				opacity:1;						}		#imageshow4-6{								width: 0%;				height: 0%;				background-color:rgba(0,0,0,0.7);				position: absolute;															top:50%;				left:50%;																				text-align: center;				font-size: 1em;				transition: 0.7s ease;				overflow: hidden;				opacity:0.1;						}					#sfooter{				background-color:rgba(255,255,255,1); color:black;					}		/*********************RWD選擇顯示區塊**************************/		@media screen and (max-width: 768px) {			#myCarousel {				display:none;						}			#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				position: relative;				margin: 1em 0 1em 0;										}			#animation2,#animation2-4{margin: 1em 0 1em 0;}						#farmpicture {				position: relative;				padding: 0em 0.9em 0em 0.9em;				color: white;				text-align: center;			}						div.navbar.navbar-default.navbar-fixed-top {				display:none;								}			#nav2{display:inline;}						#stitle3 {				display:none;						}			.content,.content2,.content3{				position: absolute;				left: 0;				bottom: 0;}			#stitle0 {				position: relative;				padding: 2em 1.05em 2em 1.05em;}			}		@media screen and (min-width: 768px) and (max-width: 992px){			#myCarousel {				display:none;				}									#xs {				display:none;						}			.content,.content2,.content3{				position: absolute;				left: 0;				bottom: 0%;}			#animation2,#animation2-2,#animation2-3,#animation2-4,#animation2-5,#animation2-6			{height:430px;}														}		@media screen and (min-width: 992px) {			#nav2 {				display:none;				}			#myCarousel2 {				display:none;				}			#xs {				display:none;						}				#animation2,#animation2-2,#animation2-3,#animation2-4,#animation2-5,#animation2-6			{height:500px;}					}					#animation5{position: relative;			padding: 0em ;				color:white;				display: inblock;				background-color:rbga(0,0,0,0.8);				background-image:url('/userUpload/images/mingchuan/firefly1.jpg');				background-repeat: no-repeat;				background-attachment: fixed;				background-position: bottom;				background-size: cover;				margin:0em 0em;				padding: 0em;}							.nav000 {								color:black;				float: left;				height: 50px;				padding: 15px 15px;				font-size: 18px;				line-height: 20px;			}			/*************xs/*******			#xs{													position: relative;								}			/*************************************************動畫控制***********************************/			/*****************************Reveal on scroll			.revealOnScroll { opacity: 0; }			@keyframes zoomIn {			  from {				opacity: 0;				transform: scale3d(.3, .3, .3);			  }			  50% {				opacity: 1;			  }			}			.zoomIn {			  animation-name: zoomIn;			}	</style>
</p>
<p>
	&nbsp;</p>
<p>
	<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" type="text/css" />
	<script src="https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script></p>
<p>
	&nbsp;</p>
<div class="navbar navbar-default navbar-fixed-top load" id="nav2" role="navigation">
	<div class="container load">
		<div class="navbar-header load">
			<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span></button><img class="navbar-brand" src="/userUpload/images/201711124indexlogo.png" style="height:50px" /><a class="navbar-brand" href="#">銘泉生態農場</a> <!--a class="navbar-brand" href="#">NavBar</a--></div>
		<div class="collapse navbar-collapse load">
			<ul class="nav0001 nav navbar-nav navbar-right">
				<li>
					<a href="index.php?Act=125&amp;SK=0&amp;MK=125&amp;PK=-10">會員登入/加入</a></li>
				<li>
					<a href="http://ecloud.ewang.com.tw" target="_blank">首頁</a></li>
			</ul>
			<ul class="nav0001 nav navbar-nav">
				<li>
					<img height="50px" src="userUpload/20171018indexlogo.png" /></li>
				<li>
					<a href="index.php?Act=125&amp;MK=125&amp;PK=745" title="">銘泉首頁</a></li>
				<li>
					<a href="index.php?Act=125&amp;MK=125&amp;PK=133" title="">關於銘泉</a></li>
				<li>
					<a href="index.php?Act=125&amp;MK=125&amp;PK=512" title="">媒體報導</a></li>
				<li>
					<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="">活動資訊 </a>
					<ul class="dropdown-menu multi-level">
						<li>
							<a href="index.php?Act=125&amp;MK=134&amp;PK=295" title="">體驗活動</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=134&amp;PK=297" title="">185農夫市集</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=134&amp;PK=506" title="">顧客分享與評估</a></li>
					</ul>
				</li>
				<li>
					<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="">銘泉商店 </a>
					<ul class="dropdown-menu multi-level">
						<li>
							<a href="index.php?Act=125&amp;MK=135&amp;PK=508" title="">有機農產系列</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=135&amp;PK=509" title="">為健康打氣系列</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=135&amp;PK=510" title="">為人生提味系列</a></li>
					</ul>
				</li>
				<li>
					<a class="dropdown-toggle" data-toggle="dropdown" href="#" title="">交通指引 </a>
					<ul class="dropdown-menu multi-level">
						<li>
							<a href="index.php?Act=125&amp;MK=136&amp;PK=302" title="">交通</a></li>
						<li>
							<a href="index.php?Act=125&amp;MK=136&amp;PK=303" title="">常見問題</a></li>
					</ul>
				</li>
				<li>
					<a href="index.php?Act=125&amp;MK=125&amp;PK=304" title="">聯絡資訊</a></li>
			</ul>
		</div>
		<!--/.nav-collapse --></div>
</div>
<div class=".container-fluid row load" id="welcome">
	<div class="carousel slide hidden-xs load" data-ride="carousel" id="myCarousel">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li data-slide-to="0" data-target="#myCarousel">
				&nbsp;</li>
			<li class="active" data-slide-to="1" data-target="#myCarousel">
				&nbsp;</li>
			<li data-slide-to="2" data-target="#myCarousel">
				&nbsp;</li>
		</ol>
		<!-- Wrapper for slides -->
		<div class="carousel-inner load">
			<div class="item load">
				<img alt="銘泉農場" src="/userUpload/images/index2.png" style="width:100%" /> <!--<div class="carousel-caption ">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>--></div>
			<div class="item load active">
				<img alt="銘泉農場" src="/userUpload/images/plant18-1.jpg" style="width:100%" />
				<div class="carousel-caption load">
					<h3>
						銘泉生態</h3>
					<p>
						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>
				</div>
			</div>
			<div class="item load">
				<img alt="銘泉農場" src="/userUpload/images/plant15-1.jpg" style="width:100%" />
				<div class="carousel-caption load">
					<h3>
						銘泉生態</h3>
					<p>
						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>
				</div>
			</div>
		</div>
		<!-- Left and right controls --><a class="left carousel-control" data-slide="prev" href="#myCarousel"><span class="sr-only">Previous</span> </a> <a class="right carousel-control" data-slide="next" href="#myCarousel"> <span class="sr-only">Next</span> </a></div>
	<div class="carousel slide hidden-md hidden-lg load" data-interval="8000" data-ride="carousel" date-pause="null" id="myCarousel2">
		<!-- Indicators -->
		<ol class="carousel-indicators">
			<li class="active" data-slide-to="0" data-target="#myCarousel2">
				&nbsp;</li>
			<li data-slide-to="1" data-target="#myCarousel2">
				&nbsp;</li>
			<li data-slide-to="2" data-target="#myCarousel2">
				&nbsp;</li>
		</ol>
		<!-- Wrapper for slides -->
		<div class="carousel-inner load">
			<div class="item load active">
				<img alt="銘泉農場" src="/userUpload/images/2017dm11.jpg" style="width:100%; display:inline;" />
				<div class="carousel-caption load">
					<h3>
						銘泉生態</h3>
					<p>
						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>
				</div>
			</div>
			<div class="item load">
				<img alt="銘泉農場" src="/userUpload/images/2017dm01.jpg" style="width:100%" />
				<div class="carousel-caption load">
					<h3>
						銘泉生態</h3>
					<p>
						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>
				</div>
			</div>
			<div class="item load">
				<img alt="銘泉農場" src="/userUpload/images/2017dm14.jpg" style="width:100%" />
				<div class="carousel-caption load">
					<h3>
						銘泉生態</h3>
					<p>
						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>
				</div>
			</div>
		</div>
		<!-- Left and right controls --><a class="left carousel-control" data-slide="prev" href="#myCarousel2"><span class="sr-only">Previous</span> </a> <a class="right carousel-control" data-slide="next" href="#myCarousel2"> <span class="sr-only">Next</span> </a></div>
	<div class="load" id="whiteblockback">
		<div class="revealOnScroll animated zoomIn load" data-animation="zoomIn" id="whiteblock">
			<div class="title1area load">
				<div class="clearfix load">
					<h4 class="smalltitle revealOnScroll animated fadeIn" data-animation="fadeIn">
						2017 銘泉生態休閒農場</h4>
					<h4 class="bigtitle revealOnScroll animated zoomIn" data-animation="zoomIn">
						WELCOME</h4>
					<p class="revealOnScroll" data-animation="zoomIn" style="writing-mode: vertical-lr;">
						陽光在綠葉縫隙中灑落，<br />
						在這條令人屏息的山林廊道，銘泉生態農場正如翡翠般的存在。</p>
				</div>
			</div>
		</div>
	</div>
</div>
<div class=".container-fluid row load" id="welcome1">
	<div class="col-md-12 col-sm-12 col-xs-12 clearfix load" id="stitle0">
		<div class="title1area2 col-md-12 col-sm-12 col-xs-12 load">
			<div class="clearfix load">
				<h4 class="smalltitle revealOnScroll" data-animation="fadeInUp">
					MING CHUAN</h4>
				<h2 class="bigtitle revealOnScroll" data-animation="zoomIn">
					銘泉簡介</h2>
				<hr class="style1 revealOnScroll" data-animation="fadeInUp" style="" />
			</div>
		</div>
		<div class="col-md-12 col-sm-12 col-xs-12 load" style="border-bottom: 1px dashed #ae1d49; padding:0.5em;">
			<div class="col-md-7 col-sm-6 col-xs-12 load">
				&lt;img data-cke-saved-src=&quot;/userUpload/images/2017dm09.jpg&quot; src=&quot;/userUpload/images/2017dm09.jpg&quot; class=&quot;image-full img-rounded data-animation=&quot; fadein&quot;=&quot;&quot;&gt;</div>
			<div class="col-md-5 col-sm-6 col-xs-12 revealOnScroll load" data-animation="zoomIn">
				<br />
				<br />
				<p style="">
					全面有機三生農場，<br />
					92年起，銘泉農場逐漸在各田區推行有機耕種，堅守果子該有的味，一步步探索食材的原味，如今20幾公頃的農地已取得有機認證，主力供應宅配與有機體系。 堅守鳳梨本業，站穩腳步後，一如父親的遠見與先行，吳堅銘跳脫農場生產者的制約， 將部份田區規劃成生態、生活、生命共存的休閒農場。</p>
				<p>
					清澈山泉蜿蜒而生的生態池，臺北赤蛙嘰嘰鳴唱；鳳蝶在百花園中曼妙起舞；魚蝦優游在莎草裡捉迷藏&hellip; 「小時候，一抬頭就看到木瓜園裡，紅嘴黑鵯或五色鳥成群結伴啄果，萬物共存是一種生活日常」。於是，吳堅銘與妻子謝美蓮攜手找回從前，要運用大學專攻的農業管理，將銘泉打造成人與自然共存的生態秘境。。</p>
			</div>
		</div>
	</div>
	<div class="col-md-12 col-sm-12 col-xs-12 clearfix load" id="stitle3">
		<div class="title1area revealOnScroll load zoomInDown" data-animation="zoomInDown">
			<div class="clearfix revealOnScroll load" data-animation="zoomIn">
				<h4 class="smalltitler evealOnScroll" data-animation="zoomIn" style="color:#ffc005;">
					NATURE IS GOOD FOR YOU</h4>
				<h4 class="bigtitle revealOnScroll" data-animation="zoomIn">
					銘泉生態</h4>
				<p class="revealOnScroll" data-animation="zoomIn" style=";">
					到銘泉，什麼都不做更好，將酸甜苦辣鹹的走味人生， 放空再走。銘泉生態農場，就是這麼一處讓人心隨意轉，動靜皆宜的好所在，來一趟，自然就會好轉。</p>
			</div>
		</div>
		<div class="revealOnScroll load undefined" style="padding:1em;">
			<div class="col-md-4 col-sm-12 col-xs-12 revealOnScroll load" data-animation="pulse" id="animation1">
				<a border="0"><img alt="" class="image-responsive img-rounded image-full revealOnScroll" data-animation="pulse" src="/userUpload/images/b03.jpg" /></a>
				<div class="load" id="imageshow0">
					<a border="0"><img alt="" class="img-rounded image-responsive  image-full" src="/userUpload/images/animal07.jpg" /></a></div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-6 revealOnScroll load" data-animation="pulse" id="animation1">
				<a border="0"><img alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse" src="/userUpload/images/b05.jpg" /></a>
				<div class="load" id="imageshowmid0">
					<a border="0"><img alt="" class="img-rounded image-responsive  image-full" src="/userUpload/images/plant02.jpg" /></a></div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-6 revealOnScroll load" data-animation="pulse" id="animation1">
				<a border="0"><img alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse" src="/userUpload/images/b06.jpg" /></a>
				<div class="load" id="imageshowrg0">
					<a border="0"><img alt="" class="img-rounded image-responsive  image-full" src="/userUpload/images/plant14.jpg" /></a></div>
			</div>
			<div class="col-md-4 col-sm-12 col-xs-12 revealOnScroll load" data-animation="pulse" id="animation1">
				<a border="0"><img alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse" src="/userUpload/images/plant05.jpg" /></a>
				<div class="load" id="imageshow0">
					<a border="0"><img alt="" class="img-rounded image-responsive  image-full" src="/userUpload/images/animal24.jpg" /></a></div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-6 revealOnScroll load" data-animation="pulse" id="animation1">
				<a border="0"><img alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse" src="/userUpload/images/plant13.jpg" /></a>
				<div class="load" id="imageshowmid0">
					<a border="0"><img alt="" class="img-rounded image-responsive  image-full" src="/userUpload/images/taipeifrog03.jpg" /></a></div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-6 revealOnScroll load" data-animation="pulse" id="animation1">
				<a border="0"><img alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse" src="/userUpload/images/animal18.jpg" /></a>
				<div class="load" id="imageshowrg0">
					<a border="0"><img alt="" class="img-rounded image-responsive  image-full" src="/userUpload/images/animal26.jpg" /></a></div>
			</div>
			<div class="col-md-12 col-sm-12 col-xs-12 load" id="animation1">
				<br />
				&nbsp;</div>
		</div>
	</div>
</div>
<div class=".container-fluid row revealOnScroll load zoomInDown" data-animation="zoomInDown" id="welcome1">
	<div class="load" id="xs">
		<div class="load" id="whiteblockback3">
			<div class="revealOnScroll animated zoomIn load" data-animation="zoomIn" id="whiteblock3 ">
				<div class="title1area revealOnScroll animated zoomIn load" data-animation="zoomIn">
					<div class="clearfix revealOnScroll animated zoomIn load" data-animation="zoomIn" style="padding: 1em;">
						<h4 class="smalltitle revealOnScroll animated zoomIn" data-animation="zoomIn">
							2017, welcome</h4>
						<h4 class="bigtitle revealOnScroll animated zoomIn" data-animation="zoomIn">
							銘泉生態</h4>
						<p class="revealOnScroll animated zoomIn" data-animation="zoomIn">
							陽光在綠葉縫隙中灑落，<br />
							在這條令人屏息的山林廊道，銘泉生態農場正如翡翠般的存在。</p>
					</div>
				</div>
			</div>
		</div>
		<div class="col-md-4 col-sm-12 col-xs-12 revealOnScroll animated pulse load" data-animation="pulse" data-target="#myModal" data-toggle="modal" id="animation5">
			<a border="0"><img alt="" class="image-responsive  image-full" src="/userUpload/images/b03.jpg" /></a>
			<div class="load" id="imageshow">
				<a border="0"><img alt="" class="image-responsive  image-full" src="/userUpload/images/animal07.jpg" /></a></div>
		</div>
		{C}<!--<div id="myModal" class="modal fade" role="dialog">					<div class="modal-dialog modal-lg" align="center">					<a  border="0"><img src="/userUpload/images/b03.jpg" alt="" class="image-responsive img-rounded image-full"style=" height:auto;width:360px;" /></a></div>					</div>-->
		<div class="col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load" data-animation="pulse" data-target="#myModal2" data-toggle="modal" id="animation5">
			<a border="0"><img alt="" class="image-responsive  image-full" src="/userUpload/images/b05.jpg" /></a></div>
		{C}<!-- <div id="myModal2" class="modal fade" role="dialog">					<div class="modal-dialog modal-lg" align="center">					<a  border="0"><img src="/userUpload/images/b05.jpg" alt="" class="image-responsive img-rounded image-full"style=" height:auto;width:360px;" /></a></div>					</div>	 -->
		<div class="col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load" data-animation="pulse" data-target="#myModal3" data-toggle="modal" id="animation5">
			<a border="0"><img alt="" class="image-responsive  image-full" src="/userUpload/images/b06.jpg" /></a></div>
		{C}<!-- <div id="myModal3" class="modal fade" role="dialog">					<div class="modal-dialog modal-lg" align="center">					<a  border="0"><img src="/userUpload/images/b06.jpg" alt="" class="image-responsive img-rounded image-full"style=" height:auto;width:360px;" /></a></div>					</div>					 -->
		<div class="col-md-4 col-sm-12 col-xs-12 revealOnScroll animated pulse load" data-animation="pulse" data-target="#myModal4" data-toggle="modal" id="animation5">
			<a border="0"><img alt="" class="image-responsive  image-full" src="/userUpload/images/plant05.jpg" /></a>
			<div class="load" id="imageshowmid">
				<a border="0"><img alt="" class="image-responsive  image-full" src="/userUpload/images/plant02.jpg" /></a></div>
		</div>
		{C}<!--<div id="myModal4" class="modal fade" role="dialog">					<div class="modal-dialog modal-lg" align="center">					<a  border="0"><img src="/userUpload/images/plant05.jpg" alt="" class="image-responsive img-rounded image-full" style=" height:auto;width:360px;"/></a></div>					</div>-->
		<div class="col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load" data-animation="pulse" data-target="#myModal5" data-toggle="modal" id="animation5">
			<a border="0"><img alt="" class="image-responsive  image-full" src="/userUpload/images/plant13.jpg" /></a></div>
		{C}<!-- 	<div id="myModal5" class="modal fade" role="dialog">					<div class="modal-dialog modal-lg" align="center">					<a  border="0"><img src="/userUpload/images/plant13.jpg" alt="" class="image-responsive img-rounded image-full"style=" height:auto;width:360px;" /></a></div>					</div> -->
		<div class="col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load" data-animation="pulse" data-target="#myModal6" data-toggle="modal" id="animation5">
			<a border="0"><img alt="" class="image-responsive image-full" src="/userUpload/images/animal18.jpg" /></a></div>
		{C}<!-- <div id="myModal6" class="modal fade" role="dialog">					<div class="modal-dialog modal-lg" align="center">					<a  border="0"><img src="/userUpload/images/animal18.jpg" alt="" class="image-responsive img-rounded image-full" style=" height:auto;width:360px;"></a></div>					</div> --></div>
	<div class="col-md-12 col-sm-12 col-xs-12 clearfix load" id="stitle">
		<br />
		<br />
		<h2 class="revealOnScroll" data-animation="zoomIn">
			樂活一下</h2>
		<hr class="style3 revealOnScroll" data-animation="zoomIn" style="" />
		<p class="revealOnScroll" data-animation="zoomIn">
			親近山林，信任土地，心懷謙卑，感受食物的真實質量</p>
		<div class="col-md-12 col-sm-12 col-xs-12 byline2 load">
			<br />
			&nbsp;</div>
	</div>
	<div class="load" id="farmpictureback">
		<div class="revealOnScroll load undefined" id="farmpicture">
			<div class="col-md-4 col-sm-6 col-xs-12 revealOnScroll load" data-animation="pulse" id="animation2">
				<div class="content load">
					<h3>
						體驗親手採有機鳳梨</h3>
					<p>
						快來位於沿山公路的屏東縣銘泉農場，來個放鬆之旅。</p>
				</div>
				<div class="load" id="imageshow3">
					&nbsp;</div>
				<div class="load" id="imageshow4">
					&nbsp;</div>
				<div class="load" id="imageshow2">
					<h3>
						<strong>體驗親手採有機鳳梨</strong></h3>
					<br />
					<p>
						快來位於沿山公路的屏東縣銘泉農場，來個放鬆之旅。</p>
					<br />
					<div class="btn load">
						<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&amp;MK=134&amp;PK=295" target="_blank">Read More</a></div>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-12 revealOnScroll load" data-animation="pulse" id="animation2-2">
				<div class="content2 load">
					<h3>
						鳳梨酥DIY</h3>
					<p>
						選用農場栽種有機鳳梨來製作鳳梨餡，用十指溫柔，手作唯一。</p>
				</div>
				<div class="load" id="imageshow3-2">
					&nbsp;</div>
				<div class="load" id="imageshow4-2">
					&nbsp;</div>
				<div class="load" id="imageshow2-2">
					<h3>
						鳳梨酥DIY</h3>
					<br />
					<p>
						選用農場栽種有機鳳梨來製作鳳梨餡，用十指溫柔，手作唯一。</p>
					<br />
					<div class="btn load">
						<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&amp;MK=134&amp;PK=295" target="_blank">Read More</a></div>
				</div>
			</div>
			<div class="col-md-4 col-sm-12 col-xs-12 revealOnScroll load" data-animation="pulse" id="animation2-3">
				<div class="content3 load">
					<h3>
						鳳藜PIZZA</h3>
					<p>
						吃披薩也可以很健康，有別於外面的pizza，特製餅皮中更是加入營養滿分的紅藜</p>
				</div>
				<div class="load" id="imageshow3-3">
					&nbsp;</div>
				<div class="load" id="imageshow4-3">
					&nbsp;</div>
				<div class="load" id="imageshow2-3">
					<h3>
						鳳藜PIZZA</h3>
					<br />
					<p>
						吃披薩也可以很健康，有別於外面的pizza，特製餅皮中更是加入營養滿分的紅藜</p>
					<br />
					<div class="btn load">
						<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&amp;MK=134&amp;PK=295" target="_blank">Read More</a></div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-12 col-sm-12 col-xs-12 title load" id="stitle2">
		<br />
		<br />
		<h2 class="revealOnScroll" data-animation="zoomIn">
			品味自然</h2>
		<hr class="style3 revealOnScroll" data-animation="zoomIn" style="" />
		<span class="byline revealOnScroll" data-animation="zoomIn">讓舌尖味蕾， 回歸自然</span>
		<div class="col-md-12 col-sm-12 col-xs-12 byline2 load">
			<br />
			&nbsp;</div>
	</div>
	<div class="load" id="farmpictureback">
		<div class="load" id="farmpicture">
			<div class="col-md-4 col-sm-6 col-xs-12 revealOnScroll load" data-animation="pulse" id="animation2-4">
				<div class="content3 load">
					<h3>
						有機農產</h3>
					<p>
						有機紅藜米/有機鳳梨鮮果/</p>
				</div>
				<div class="load" id="imageshow3-4">
					&nbsp;</div>
				<div class="load" id="imageshow4-4">
					&nbsp;</div>
				<div class="load" id="imageshow2-4">
					<h3>
						有機農產</h3>
					<br />
					<p>
						有機紅藜米/有機鳳梨鮮果/</p>
					<br />
					<div class="btn load">
						<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&amp;MK=135&amp;PK=508" target="_blank">Read More</a></div>
				</div>
			</div>
			<div class="col-md-4 col-sm-6 col-xs-12 revealOnScroll load" data-animation="pulse" id="animation2-5">
				<div class="content2 load">
					<h3>
						為健康打氣</h3>
					<p>
						銘泉金鑽旺來禮盒/鳳梨酥禮盒/有機鳳梨果乾</p>
				</div>
				<div class="load" id="imageshow3-5">
					&nbsp;</div>
				<div class="load" id="imageshow4-5">
					&nbsp;</div>
				<div class="load" id="imageshow2-5">
					<h3>
						為健康打氣</h3>
					<br />
					<p>
						銘泉金鑽旺來禮盒/鳳梨酥禮盒/有機鳳梨果乾</p>
					<br />
					<div class="btn load">
						<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&amp;MK=135&amp;PK=509" target="_blank">Read More</a></div>
				</div>
			</div>
			<div class="col-md-4 col-sm-12 col-xs-12 revealOnScroll load" data-animation="pulse" id="animation2-6">
				<div class="content load">
					<h3>
						為人生提味</h3>
					<p>
						鳳梨百香果醬/有機鳳梨活醋/鳳梨黑豆薄鹽醬油</p>
				</div>
				<div class="load" id="imageshow3-6">
					&nbsp;</div>
				<div class="load" id="imageshow4-6">
					&nbsp;</div>
				<div class="load" id="imageshow2-6">
					<h3>
						為人生提味</h3>
					<br />
					<p>
						鳳梨百香果醬/有機鳳梨活醋/鳳梨黑豆薄鹽醬油</p>
					<br />
					<div class="btn load">
						<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&amp;MK=135&amp;PK=510" target="_blank">Read More</a></div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-md-12 col-sm-12 col-xs-12 title load" id="stitle3">
		&nbsp;</div>
</div>
<script type="Text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script><script type="text/javascript">
$(document).ready(function(){
$("div h2.text-center").hide();
$("div hr").hide();
$("div hr.style1").show();
$("div hr.style3").show();

});
$(function(){
    $(window).scroll(function(){
        var scrollTop = $(window).scrollTop();
        if(scrollTop > 70){
            $(' div.navbar.navbar-default.navbar-fixed-top').addClass('navbar-default2');
			$('a.navbar-brand').addClass('nav000');
			$('a.navbar-brand').removeClass('navbar-brand');
			
			
			
        }else{
            $(' div.navbar.navbar-default.navbar-fixed-top').removeClass('navbar-default2');
			$(' a.nav000').addClass('navbar-brand');
			$('a.navbar-brand').removeClass('nav000');
        }
    });
});

</script><script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js"></script><script type="text/javascript">
$(function() {

  var $window           = $(window),
      win_height_padded = $window.height() * 1.1,
      isTouch           = Modernizr.touch;

  if (isTouch) { $('.revealOnScroll').addClass('animated'); }

  $window.on('scroll', revealOnScroll);

  function revealOnScroll() {
    var scrolled = $window.scrollTop(),
        win_height_padded = $window.height() * 1.1;

    // Showed...
    $(".revealOnScroll:not(.animated)").each(function () {
      var $this     = $(this),
          offsetTop = $this.offset().top;

      if (scrolled + win_height_padded > offsetTop) {
        if ($this.data('timeout')) {
          window.setTimeout(function(){
            $this.addClass('animated ' + $this.data('animation'));
          }, parseInt($this.data('timeout'),10));
        } else {
          $this.addClass('animated ' + $this.data('animation'));
        }
      }
    });
    // Hidden...
   $(".revealOnScroll.animated").each(function (index) {
      var $this     = $(this),
          offsetTop = $this.offset().top;
      if (scrolled + win_height_padded < offsetTop) {
        $(this).removeClass('animated fadeInUp zoomIn slideInLeft slideInRight  fadeIn pulseIn  pulse')
      }
    });
  }

  revealOnScroll();
});</script>
<hr style="display: none;" />
<div class="clearfix load">
	&nbsp;</div>
<!--/div--><!-- /.content --><!-- /.row --><!-- /.container -->
<footer>
	<div class="container-fluid bgw load" style="margin-top: 10px; ">
		<div class="row load">
			<div class="col-lg-12 text-center load">
				<p>
					總瀏覽人數： 19600，本頁瀏覽人數： 5714<br />
					銘泉生態休閒農場<br />
					地址：屏東縣瑪家鄉佳義村114-6號<br />
					電話：08-799-0220<br />
					Copyright &copy; 銘泉生態休閒農場 2016</p>
			</div>
		</div>
	</div>
</footer>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --><script src="js/jquery-3.2.1.min.js"></script><!-- Include all compiled plugins (below), or include individual files as needed --><script src="js/bootstrap.min.js"></script><!-- Script to Activate the Carousel --><script>
		$('.carousel').carousel({
		    interval: 5000 //changes the speed
		})
		
		$(function() {
			
			$("div").addClass("load");

		});
		
    </script>