<head><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 --></head><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><div id="nav2"class="navbar navbar-default navbar-fixed-top" role="navigation">    <div class="container">        <div class="navbar-header">           				<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">            <ul class="nav0001 nav navbar-nav navbar-right">                <li><a href="index.php?Act=125&SK=0&MK=125&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&MK=125&PK=745 title='' class="">銘泉首頁</a></li>																		<li><a href=index.php?Act=125&MK=125&PK=133 title='' class="">關於銘泉</a></li>																		<li><a href=index.php?Act=125&MK=125&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&MK=134&PK=295 title='' class="">體驗活動</a></li>															<li><a href=index.php?Act=125&MK=134&PK=297 title='' class="">185農夫市集</a></li>															<li><a href=index.php?Act=125&MK=134&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&MK=135&PK=508 title='' class="">有機農產系列</a></li>															<li><a href=index.php?Act=125&MK=135&PK=509 title='' class="">為健康打氣系列</a></li>															<li><a href=index.php?Act=125&MK=135&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&MK=136&PK=302 title='' class="">交通</a></li>															<li><a href=index.php?Act=125&MK=136&PK=303 title='' class="">常見問題</a></li>													                </ul>		            </li>									<li><a href=index.php?Act=125&MK=125&PK=304 title='' class="">聯絡資訊</a></li>													                        </ul>        </div><!--/.nav-collapse -->    </div></div><div id="welcome" class=".container-fluid row">					<div id="myCarousel" class="carousel slide hidden-xs" data-ride="carousel" >							  <!-- Indicators -->							  <ol class="carousel-indicators">								<li data-target="#myCarousel" data-slide-to="0" class="active"></li>								<li data-target="#myCarousel" data-slide-to="1"></li>								<li data-target="#myCarousel" data-slide-to="2"></li>							  </ol>							  <!-- Wrapper for slides -->							  <div class="carousel-inner ">								<div class="item active">								  <img src="/userUpload/images/index2.png"style="width:100%"class="" alt="銘泉農場">								  <!--<div class="carousel-caption ">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>-->								</div>								<div class="item">								  <img src="/userUpload/images/plant18-1.jpg" style="width:100%"alt="銘泉農場">								  <div class="carousel-caption">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>								</div>								<div class="item">								  <img src="/userUpload/images/plant15-1.jpg"style="width:100%" alt="銘泉農場">								  <div class="carousel-caption">									<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" 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"></li>								<li data-target="#myCarousel2" data-slide-to="2"></li>							  </ol>							  <!-- Wrapper for slides -->							  <div class="carousel-inner ">								<div class="item active">								  <img src="/userUpload/images/2017dm11.jpg"style="width:100%; display:inline;"class="" alt="銘泉農場">								  <div class="carousel-caption ">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>								</div>								<div class="item">								  <img src="/userUpload/images/2017dm01.jpg" style="width:100%"alt="銘泉農場">								  <div class="carousel-caption">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>								</div>								<div class="item">								  <img src="/userUpload/images/2017dm14.jpg"style="width:100%" alt="銘泉農場">								  <div class="carousel-caption">									<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">		<div id="whiteblock"class=" revealOnScroll" data-animation="zoomIn">			<div class="title1area" >				<div class=" clearfix ">                <h4 class="smalltitle revealOnScroll" data-animation="fadeIn"> 2017 銘泉生態休閒農場</h4>                <h4 class="bigtitle revealOnScroll" 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">		<div id="stitle0"class="col-md-12 col-sm-12 col-xs-12 clearfix">			<div class="title1area2 col-md-12 col-sm-12 col-xs-12" >				<div class=" clearfix ">                <h4 class="smalltitle revealOnScroll" data-animation="fadeInUp">MING CHUAN</h4>                <h2 class="bigtitle revealOnScroll" data-animation="zoomIn">銘泉簡介</h4>                <hr class="style1 revealOnScroll" data-animation="fadeInUp">				</div>						</div>			<div style="border-bottom: 1px dashed #ae1d49; padding:0.5em;" class="col-md-12 col-sm-12 col-xs-12">			<div class="col-md-7 col-sm-6 col-xs-12">			<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" 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">						<div class="title1area revealOnScroll" data-animation="zoomInDown" >								<div class=" clearfix revealOnScroll" 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"  >																<div id="animation1" class="col-md-4 col-sm-12 col-xs-12 revealOnScroll" 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">									<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" 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">									<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" 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">									<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" 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">									<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" 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">									<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" 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">									<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 "><br><br></div>					</div>					</div>		</div>				<div id="welcome1" class=".container-fluid row revealOnScroll" data-animation="zoomInDown">								<div id="xs">				<div id="whiteblockback3" >					<div id="whiteblock3 " class=" revealOnScroll" data-animation="zoomIn">						<div class="title1area revealOnScroll" data-animation="zoomIn" >							<div class=" clearfix  revealOnScroll" style="padding: 1em;" data-animation="zoomIn">							<h4 class="smalltitle revealOnScroll" data-animation="zoomIn"> 2017, welcome</h4>							<h4 class="bigtitle revealOnScroll" data-animation="zoomIn">銘泉生態</h4>														<p class=" revealOnScroll" data-animation="zoomIn">陽光在綠葉縫隙中灑落，<br>在這條令人屏息的山林廊道，銘泉生態農場正如翡翠般的存在。</p>							</div>												</div>					</div>				</div>					<div id="animation5" class="col-md-4 col-sm-12 col-xs-12 revealOnScroll" 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">						<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" 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" 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" 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">						<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" 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" 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 ">							<br><br>							<h2 class="revealOnScroll" data-animation="zoomIn">樂活一下</h2>							<hr class="style3 revealOnScroll" data-animation="zoomIn">							<p class=" revealOnScroll" data-animation="zoomIn">親近山林，信任土地，心懷謙卑，感受食物的真實質量</p>							<div class="col-md-12 col-sm-12 col-xs-12 byline2">						<br><br></div>																										</div>					<div id="farmpictureback">						<div id="farmpicture"class="revealOnScroll">														<div id="animation2" class="col-md-4 col-sm-6 col-xs-12 revealOnScroll" data-animation="pulse">																			<div class="content">								<h3>體驗親手採有機鳳梨</h3>								<p>快來位於沿山公路的屏東縣銘泉農場，來個放鬆之旅。</p>								</div>								<div id="imageshow3">																		</div>								<div id="imageshow4">																		</div>																	<div id="imageshow2">										<h3><strong>體驗親手採有機鳳梨</strong></h3>										<br>										<p>快來位於沿山公路的屏東縣銘泉農場，來個放鬆之旅。</p><br>										<div class="btn">										<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&MK=134&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" data-animation="pulse">																			<div class="content2">								<h3>鳳梨酥DIY</h3>								<p>選用農場栽種有機鳳梨來製作鳳梨餡，用十指溫柔，手作唯一。</p>								</div>								<div id="imageshow3-2">																		</div>								<div id="imageshow4-2">																		</div>																	<div id="imageshow2-2">										<h3>鳳梨酥DIY</h3>										<br>										<p>選用農場栽種有機鳳梨來製作鳳梨餡，用十指溫柔，手作唯一。</p><br>										<div class="btn">										<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&MK=134&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" data-animation="pulse">																			<div class="content3">								<h3>鳳藜PIZZA</h3>								<p>吃披薩也可以很健康，有別於外面的pizza，特製餅皮中更是加入營養滿分的紅藜</p>								</div>								<div id="imageshow3-3">																		</div>								<div id="imageshow4-3">																		</div>																	<div id="imageshow2-3">										<h3>鳳藜PIZZA</h3>										<br>										<p>吃披薩也可以很健康，有別於外面的pizza，特製餅皮中更是加入營養滿分的紅藜</p><br>										<div class="btn">										<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&MK=134&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 ">												<br>							<br>							<h2 class="revealOnScroll" data-animation="zoomIn">品味自然</h2>							<hr class="style3 revealOnScroll" data-animation="zoomIn">							<span class="byline revealOnScroll" data-animation="zoomIn">讓舌尖味蕾， 回歸自然</span>							<div class="col-md-12 col-sm-12 col-xs-12 byline2">							<br><br>							</div>					</div>					<div id="farmpictureback">						<div id="farmpicture" >																																			<div id="animation2-4" class="col-md-4 col-sm-6 col-xs-12 revealOnScroll" data-animation="pulse">																			<div class="content3">								<h3>有機農產</h3>								<p>有機紅藜米/有機鳳梨鮮果/</p>								</div>								<div id="imageshow3-4">																		</div>								<div id="imageshow4-4">																		</div>																	<div id="imageshow2-4">										<h3>有機農產</h3>										<br>										<p>有機紅藜米/有機鳳梨鮮果/</p><br>										<div class="btn">										<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&MK=135&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" data-animation="pulse">																			<div class="content2">								<h3>為健康打氣</h3>								<p>銘泉金鑽旺來禮盒/鳳梨酥禮盒/有機鳳梨果乾</p>								</div>								<div id="imageshow3-5">																		</div>								<div id="imageshow4-5">																		</div>																	<div id="imageshow2-5">										<h3>為健康打氣</h3>										<br>										<p>銘泉金鑽旺來禮盒/鳳梨酥禮盒/有機鳳梨果乾</p><br>										<div class="btn">										<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&MK=135&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" data-animation="pulse">																			<div class="content">								<h3>為人生提味</h3>								<p>鳳梨百香果醬/有機鳳梨活醋/鳳梨黑豆薄鹽醬油</p>								</div>								<div id="imageshow3-6">																		</div>								<div id="imageshow4-6">																		</div>																	<div id="imageshow2-6">										<h3>為人生提味</h3>										<br>										<p>鳳梨百香果醬/有機鳳梨活醋/鳳梨黑豆薄鹽醬油</p><br>										<div class="btn">										<a class="btn_color2" href="http://ecloud.ewang.com.tw/index.php?Act=125&MK=135&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">															</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>
