<!DOCTYPE html>
<html lang="zh-TW" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg smil svgclippaths"><head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <meta name="keywords" content="銘泉生態休閒農場,銘泉,農場">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>銘泉生態休閒農場</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom CSS -->

    <link href="css/custom.css" rel="stylesheet">

    <!-- Fonts -->
    <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">
    <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>
    	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/ -->
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    

</head>

<body>




<div class="navbar navbar-default navbar-fixed-top load" role="navigation">
    <div class="container load">
        <div class="navbar-header load">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></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 src="userUpload/20171018indexlogo.png" height="50px"></li>
		
					<li><a href="index.php?Act=125&amp;MK=125&amp;PK=745" title="" class="">銘泉首頁</a></li>
					
				
				
					<li><a href="index.php?Act=125&amp;MK=125&amp;PK=133" title="" class="">關於銘泉</a></li>
					
				
				
					<li><a href="index.php?Act=125&amp;MK=125&amp;PK=512" title="" class="">媒體報導</a></li>
					
				
				
		            <li>
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="">活動資訊 <b class="caret"></b></a>
		                <ul class="dropdown-menu multi-level">
		        
				<li><a href="index.php?Act=125&amp;MK=134&amp;PK=295" title="" class="">體驗活動</a></li>
				
				
			
				<li><a href="index.php?Act=125&amp;MK=134&amp;PK=297" title="" class="">185農夫市集</a></li>
				
				
			
				<li><a href="index.php?Act=125&amp;MK=134&amp;PK=506" title="" class="">顧客分享與評估</a></li>
				
				
			
		                </ul>
		            </li>
				
		            <li>
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="">銘泉商店 <b class="caret"></b></a>
		                <ul class="dropdown-menu multi-level">
		        
				<li><a href="index.php?Act=125&amp;MK=135&amp;PK=508" title="" class="">有機農產系列</a></li>
				
				
			
				<li><a href="index.php?Act=125&amp;MK=135&amp;PK=509" title="" class="">為健康打氣系列</a></li>
				
				
			
				<li><a href="index.php?Act=125&amp;MK=135&amp;PK=510" title="" class="">為人生提味系列</a></li>
				
				
			
		                </ul>
		            </li>
				
		            <li>
		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="">交通指引 <b class="caret"></b></a>
		                <ul class="dropdown-menu multi-level">
		        
				<li><a href="index.php?Act=125&amp;MK=136&amp;PK=302" title="" class="">交通</a></li>
				
				
			
				<li><a href="index.php?Act=125&amp;MK=136&amp;PK=303" title="" class="">常見問題</a></li>
				
				
			
		                </ul>
		            </li>
				
					<li><a href="index.php?Act=125&amp;MK=125&amp;PK=304" title="" class="">聯絡資訊</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><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="robots" content="NOODP"><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"><title>銘泉生態休閒農場</title><meta name="google-site-verification" content=""><!-- Google驗證網站擁有權 --><!-- SEO --><meta name="keywords" content="銘泉生態休閒農場 鳳梨 屏東沿山公路"><meta name="description" content=""><meta itemprop="image" content="webgolds"><!-- Google+ meta tag for image --><!--  Meta for OpenGraph --><!-- FB --><meta property="og:title" content="銘泉生態休閒農場"><meta property="og:description" content="銘泉生態休閒農場"><meta property="og:type" content="website"><meta property="og:locale" content="zh_TW"><meta property="og:site_name" content="銘泉生態休閒農場"><!-- 網站名稱 --><meta property="og:url" content=""><meta property="og:image" content="/userUpload/images/201711124indexlogo.png"><!-- 圖示 --><!--<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>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><link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css"><script src="https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js"></script></p><div id="nav2" class="navbar navbar-default navbar-fixed-top load" role="navigation">    <div class="container load">        <div class="navbar-header load">           				<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">                <span class="sr-only">Toggle navigation</span>                <span class="icon-bar"></span>                <span class="icon-bar"></span>                <span class="icon-bar"></span>            </button>			 <img src="/userUpload/images/201711124indexlogo.png" class="navbar-brand" style="height:50px"><a href="#" class="navbar-brand">銘泉生態農場</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 src="userUpload/20171018indexlogo.png" height="50px"></li>							<li><a href="index.php?Act=125&amp;MK=125&amp;PK=745" title="" class="">銘泉首頁</a></li>																		<li><a href="index.php?Act=125&amp;MK=125&amp;PK=133" title="" class="">關於銘泉</a></li>																		<li><a href="index.php?Act=125&amp;MK=125&amp;PK=512" title="" class="">媒體報導</a></li>															            <li>		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="">活動資訊 <b class="caret"></b></a>		                <ul class="dropdown-menu multi-level">		        				<li><a href="index.php?Act=125&amp;MK=134&amp;PK=295" title="" class="">體驗活動</a></li>															<li><a href="index.php?Act=125&amp;MK=134&amp;PK=297" title="" class="">185農夫市集</a></li>															<li><a href="index.php?Act=125&amp;MK=134&amp;PK=506" title="" class="">顧客分享與評估</a></li>													                </ul>		            </li>						            <li>		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="">銘泉商店 <b class="caret"></b></a>		                <ul class="dropdown-menu multi-level">		        				<li><a href="index.php?Act=125&amp;MK=135&amp;PK=508" title="" class="">有機農產系列</a></li>															<li><a href="index.php?Act=125&amp;MK=135&amp;PK=509" title="" class="">為健康打氣系列</a></li>															<li><a href="index.php?Act=125&amp;MK=135&amp;PK=510" title="" class="">為人生提味系列</a></li>													                </ul>		            </li>						            <li>		                <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="">交通指引 <b class="caret"></b></a>		                <ul class="dropdown-menu multi-level">		        				<li><a href="index.php?Act=125&amp;MK=136&amp;PK=302" title="" class="">交通</a></li>															<li><a href="index.php?Act=125&amp;MK=136&amp;PK=303" title="" class="">常見問題</a></li>													                </ul>		            </li>									<li><a href="index.php?Act=125&amp;MK=125&amp;PK=304" title="" class="">聯絡資訊</a></li>													                        </ul>        </div><!--/.nav-collapse -->    </div></div><div id="welcome" class=".container-fluid row load">					<div id="myCarousel" class="carousel slide hidden-xs load" data-ride="carousel">							  <!-- Indicators -->							  <ol class="carousel-indicators">								<li data-target="#myCarousel" data-slide-to="0" class=""></li>								<li data-target="#myCarousel" data-slide-to="1" class="active"></li>								<li data-target="#myCarousel" data-slide-to="2" class=""></li>							  </ol>							  <!-- Wrapper for slides -->							  <div class="carousel-inner load">								<div class="item load">								  <img src="/userUpload/images/index2.png" style="width:100%" class="" alt="銘泉農場">								  <!--<div class="carousel-caption ">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>-->								</div>								<div class="item load active">								  <img src="/userUpload/images/plant18-1.jpg" style="width:100%" alt="銘泉農場">								  <div class="carousel-caption load">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>								</div>								<div class="item load">								  <img src="/userUpload/images/plant15-1.jpg" style="width:100%" alt="銘泉農場">								  <div class="carousel-caption load">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>								</div>							  </div>							  <!-- Left and right controls -->							  <a class="left carousel-control" href="#myCarousel" data-slide="prev">								<span class="glyphicon glyphicon-chevron-left"></span>								<span class="sr-only">Previous</span>							  </a>							  <a class="right carousel-control" href="#myCarousel" data-slide="next">								<span class="glyphicon glyphicon-chevron-right"></span>								<span class="sr-only">Next</span>							  </a>					</div>										<div id="myCarousel2" class="carousel slide hidden-md hidden-lg load" data-ride="carousel" data-interval="8000" date-pause="null">							  <!-- Indicators -->							  <ol class="carousel-indicators">								<li data-target="#myCarousel2" data-slide-to="0" class="active"></li>								<li data-target="#myCarousel2" data-slide-to="1" class=""></li>								<li data-target="#myCarousel2" data-slide-to="2" class=""></li>							  </ol>							  <!-- Wrapper for slides -->							  <div class="carousel-inner load">								<div class="item load active">								  <img src="/userUpload/images/2017dm11.jpg" style="width:100%; display:inline;" class="" alt="銘泉農場">								  <div class="carousel-caption load">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>								</div>								<div class="item load">								  <img src="/userUpload/images/2017dm01.jpg" style="width:100%" alt="銘泉農場">								  <div class="carousel-caption load">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>								</div>								<div class="item load">								  <img src="/userUpload/images/2017dm14.jpg" style="width:100%" alt="銘泉農場">								  <div class="carousel-caption load">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>								</div>							  </div>							  <!-- Left and right controls -->							  <a class="left carousel-control" href="#myCarousel2" data-slide="prev">								<span class="glyphicon glyphicon-chevron-left"></span>								<span class="sr-only">Previous</span>							  </a>							  <a class="right carousel-control" href="#myCarousel2" data-slide="next">								<span class="glyphicon glyphicon-chevron-right"></span>								<span class="sr-only">Next</span>							  </a>					</div>		<div id="whiteblockback" class="load">		<div id="whiteblock" class="revealOnScroll animated zoomIn load" data-animation="zoomIn">			<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 id="welcome1" class=".container-fluid row load">		<div id="stitle0" class="col-md-12 col-sm-12 col-xs-12 clearfix load">			<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 style="border-bottom: 1px dashed #ae1d49; padding:0.5em;" class="col-md-12 col-sm-12 col-xs-12 load">			<div class="col-md-7 col-sm-6 col-xs-12 load">			<img src="/userUpload/images/2017dm09.jpg" class="image-full img-rounded data-animation=" fadein"="">					</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>清澈山泉蜿蜒而生的生態池，臺北赤蛙嘰嘰鳴唱；鳳蝶在百花園中曼妙起舞；魚蝦優游在莎草裡捉迷藏… 「小時候，一抬頭就看到木瓜園裡，紅嘴黑鵯或五色鳥成群結伴啄果，萬物共存是一種生活日常」。於是，吳堅銘與妻子謝美蓮攜手找回從前，要運用大學專攻的農業管理，將銘泉打造成人與自然共存的生態秘境。。</p>			</div>			</div>				</div>		<div id="stitle3" class="col-md-12 col-sm-12 col-xs-12 clearfix load">						<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 style=";" class="revealOnScroll" data-animation="zoomIn">到銘泉，什麼都不做更好，將酸甜苦辣鹹的走味人生， 放空再走。銘泉生態農場，就是這麼一處讓人心隨意轉，動靜皆宜的好所在，來一趟，自然就會好轉。</p>								</div>														</div>																					<div style="padding:1em;" class="revealOnScroll load undefined">																<div id="animation1" class="col-md-4 col-sm-12 col-xs-12 revealOnScroll load" data-animation="pulse">								<a border="0"><img src="/userUpload/images/b03.jpg" alt="" class="image-responsive img-rounded image-full revealOnScroll" data-animation="pulse"></a>																		<div id="imageshow0" class="load">									<a border="0"><img src="/userUpload/images/animal07.jpg" alt="" class="img-rounded image-responsive  image-full"></a>									</div>								</div>																					<div id="animation1" class="col-md-4 col-sm-6 col-xs-6 revealOnScroll load" data-animation="pulse">								<a border="0"><img src="/userUpload/images/b05.jpg" alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse"></a>									<div id="imageshowmid0" class="load">									<a border="0"><img src="/userUpload/images/plant02.jpg" alt="" class="img-rounded image-responsive  image-full"></a>									</div>								</div>																									<div id="animation1" class="col-md-4 col-sm-6 col-xs-6 revealOnScroll load" data-animation="pulse">								<a border="0"><img src="/userUpload/images/b06.jpg" alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse"></a>								<div id="imageshowrg0" class="load">									<a border="0"><img src="/userUpload/images/plant14.jpg" alt="" class="img-rounded image-responsive  image-full"></a>								</div>								</div>																																								<div id="animation1" class="col-md-4 col-sm-12 col-xs-12 revealOnScroll load" data-animation="pulse">								<a border="0"><img src="/userUpload/images/plant05.jpg" alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse"></a>								<div id="imageshow0" class="load">									<a border="0"><img src="/userUpload/images/animal24.jpg" alt="" class="img-rounded image-responsive  image-full"></a>								</div>								</div>																								<div id="animation1" class="col-md-4 col-sm-6 col-xs-6 revealOnScroll load" data-animation="pulse">								<a border="0"><img src="/userUpload/images/plant13.jpg" alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse"></a>								<div id="imageshowmid0" class="load">									<a border="0"><img src="/userUpload/images/taipeifrog03.jpg" alt="" class="img-rounded image-responsive  image-full"></a>								</div>								</div>																								<div id="animation1" class="col-md-4 col-sm-6 col-xs-6 revealOnScroll load" data-animation="pulse">								<a border="0"><img src="/userUpload/images/animal18.jpg" alt="" class="img-rounded image-responsive image-full revealOnScroll" data-animation="pulse"></a>								<div id="imageshowrg0" class="load">									<a border="0"><img src="/userUpload/images/animal26.jpg" alt="" class="img-rounded image-responsive  image-full"></a>								</div>								</div>										<div id="animation1" class="col-md-12 col-sm-12 col-xs-12 load"><br><br></div>					</div>					</div>		</div>				<div id="welcome1" class=".container-fluid row revealOnScroll load zoomInDown" data-animation="zoomInDown">								<div id="xs" class="load">				<div id="whiteblockback3" class="load">					<div id="whiteblock3 " class="revealOnScroll animated zoomIn load" data-animation="zoomIn">						<div class="title1area revealOnScroll animated zoomIn load" data-animation="zoomIn">							<div class="clearfix revealOnScroll animated zoomIn load" style="padding: 1em;" data-animation="zoomIn">							<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 id="animation5" class="col-md-4 col-sm-12 col-xs-12 revealOnScroll animated pulse load" data-animation="pulse" data-toggle="modal" data-target="#myModal">					<a border="0"><img src="/userUpload/images/b03.jpg" alt="" class="image-responsive  image-full"></a>					<div id="imageshow" class="load">						<a border="0"><img src="/userUpload/images/animal07.jpg" alt="" class="image-responsive  image-full"></a>						</div>					</div>						<!--<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 id="animation5" class="col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load" data-animation="pulse" data-toggle="modal" data-target="#myModal2">					<a border="0"><img src="/userUpload/images/b05.jpg" alt="" class="image-responsive  image-full"></a>					</div>					<!-- <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 id="animation5" class="col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load" data-animation="pulse" data-toggle="modal" data-target="#myModal3">					<a border="0"><img src="/userUpload/images/b06.jpg" alt="" class="image-responsive  image-full"></a>										</div>					<!-- <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 id="animation5" class="col-md-4 col-sm-12 col-xs-12 revealOnScroll animated pulse load" data-animation="pulse" data-toggle="modal" data-target="#myModal4">					<a border="0"><img src="/userUpload/images/plant05.jpg" alt="" class="image-responsive  image-full"></a>					<div id="imageshowmid" class="load">						<a border="0"><img src="/userUpload/images/plant02.jpg" alt="" class="image-responsive  image-full"></a>						</div>					</div>					<!--<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 id="animation5" class="col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load" data-animation="pulse" data-toggle="modal" data-target="#myModal5">					<a border="0"><img src="/userUpload/images/plant13.jpg" alt="" class="image-responsive  image-full"></a>										</div>				<!-- 	<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 id="animation5" class="col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load" data-animation="pulse" data-toggle="modal" data-target="#myModal6">					<a border="0"><img src="/userUpload/images/animal18.jpg" alt="" class="image-responsive image-full"></a>										</div>						<!-- <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 id="stitle" class="col-md-12 col-sm-12 col-xs-12 clearfix load">							<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><br></div>																										</div>					<div id="farmpictureback" class="load">						<div id="farmpicture" class="revealOnScroll load undefined">														<div id="animation2" class="col-md-4 col-sm-6 col-xs-12 revealOnScroll load" data-animation="pulse">																			<div class="content load">								<h3>體驗親手採有機鳳梨</h3>								<p>快來位於沿山公路的屏東縣銘泉農場，來個放鬆之旅。</p>								</div>								<div id="imageshow3" class="load">																		</div>								<div id="imageshow4" class="load">																		</div>																	<div id="imageshow2" class="load">										<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 id="animation2-2" class="col-md-4 col-sm-6 col-xs-12 revealOnScroll load" data-animation="pulse">																			<div class="content2 load">								<h3>鳳梨酥DIY</h3>								<p>選用農場栽種有機鳳梨來製作鳳梨餡，用十指溫柔，手作唯一。</p>								</div>								<div id="imageshow3-2" class="load">																		</div>								<div id="imageshow4-2" class="load">																		</div>																	<div id="imageshow2-2" class="load">										<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 id="animation2-3" class="col-md-4 col-sm-12 col-xs-12 revealOnScroll load" data-animation="pulse">																			<div class="content3 load">								<h3>鳳藜PIZZA</h3>								<p>吃披薩也可以很健康，有別於外面的pizza，特製餅皮中更是加入營養滿分的紅藜</p>								</div>								<div id="imageshow3-3" class="load">																		</div>								<div id="imageshow4-3" class="load">																		</div>																	<div id="imageshow2-3" class="load">										<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 id="stitle2" class="col-md-12 col-sm-12 col-xs-12 title load">												<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><br>							</div>					</div>					<div id="farmpictureback" class="load">						<div id="farmpicture" class="load">																																			<div id="animation2-4" class="col-md-4 col-sm-6 col-xs-12 revealOnScroll load" data-animation="pulse">																			<div class="content3 load">								<h3>有機農產</h3>								<p>有機紅藜米/有機鳳梨鮮果/</p>								</div>								<div id="imageshow3-4" class="load">																		</div>								<div id="imageshow4-4" class="load">																		</div>																	<div id="imageshow2-4" class="load">										<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 id="animation2-5" class="col-md-4 col-sm-6 col-xs-12 revealOnScroll load" data-animation="pulse">																			<div class="content2 load">								<h3>為健康打氣</h3>								<p>銘泉金鑽旺來禮盒/鳳梨酥禮盒/有機鳳梨果乾</p>								</div>								<div id="imageshow3-5" class="load">																		</div>								<div id="imageshow4-5" class="load">																		</div>																	<div id="imageshow2-5" class="load">										<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 id="animation2-6" class="col-md-4 col-sm-12 col-xs-12 revealOnScroll load" data-animation="pulse">																			<div class="content load">								<h3>為人生提味</h3>								<p>鳳梨百香果醬/有機鳳梨活醋/鳳梨黑豆薄鹽醬油</p>								</div>								<div id="imageshow3-6" class="load">																		</div>								<div id="imageshow4-6" class="load">																		</div>																	<div id="imageshow2-6" class="load">										<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 id="stitle3" class="col-md-12 col-sm-12 col-xs-12 title load">															</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>
		
			</div>
		               
				
	<div class="clearfix load"></div>	


		
            	<!--/div-->
            </div>
            <!-- /.content -->

        </div>
		<!-- /.row -->
            
    

		
            
		
    </div>
    <!-- /.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 © 銘泉生態休閒農場 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>





</body></html>