INSERT INTO `nttucloud2017_main` VALUES (1003,'2017-12-08 21:27:34','2017-12-09 05:27:23',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',185,250,NULL,NULL,NULL,NULL,NULL,512,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n			text-align: justify;\r\n			text-justify: inter-word;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n				\r\n		h2,h3,h4{\r\n				text-align: center;\r\n		}\r\n		\r\n		.smalltitle{\r\n				color:#ffa100;	\r\n		}\r\n		\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:1.2em;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.COL12map{\r\n			width:100%;\r\n			\r\n			\r\n			\r\n		}\r\n		.COL6{\r\n			width:50%;\r\n			float:left;\r\n			padding:2em;\r\n			\r\n		}\r\n		.COL8{\r\n			width:65%;\r\n			padding:0.8em;\r\n			\r\n			\r\n		}\r\n		.clearfix:after {\r\n			  content: \".\";\r\n			  display: block;\r\n			  height: 0;\r\n			  clear: both;\r\n			  visibility: hidden;\r\n		}\r\n		\r\n		\r\n/***********blockarea***************/\r\n		.block1 {\r\n				min-height:700px;\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/map.PNG\');\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: bottom;\r\n				background-size: cover;\r\n		}\r\n		.block1 .box {\r\n				float: left;\r\n				min-height:700px;\r\n				margin-left: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/01-1.jpg\') ;\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: center;\r\n				background-size: cover;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 710px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 20px;\r\n				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			\r\n			.iframe-rwd {\r\n							position: relative;\r\n							padding-bottom: 400px;\r\n							padding-top: 0;\r\n							height: 0;\r\n							overflow: hidden;\r\n						}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:no-repeat;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n		\r\n			\r\n</style>\r\n\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	進入庭翊，<br>彷彿進入另一個客家風情地方，<br>映入眼簾的懷舊三合院、<br>古色古香的客家造型。<br>\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div class=\" clearfix\" style=\"background-image:url(/userUpload/images/10412126/goodnews.jpg);background-attachment:fixed;background-size:cover;\">\r\n\r\n			\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"style=\"color:black;font-size:3.5em;\"> LOCATION</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">交通位置</h4>\r\n				</div>\r\n				\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#e7e7e7;min-height:370px; data-animation=\"zoomInUp\">\r\n				\r\n                	<h2>聯絡我們</h2>\r\n			    <form method=\"post\" action=\"index.php?Act=185&PK=250&MK=185\">\r\n				<table class=\"table table-hover\">\r\n			    	<tr><td>姓名			<td><input type=\"text\" name=\"name\"  value=\"\" class=\"form-control\" />\r\n			    	<tr><td>email		<td><input type=\"text\" name=\"email\" value=\"\"  class=\"form-control\"/>\r\n			    	<tr><td>建議事項		<td><textarea name=\"message\" rows=\"8\" cols=\"30\" class=\"form-control\"></textarea>\r\n					<tr>\r\n						<td>驗證碼\r\n						<td>\r\n							<img id=\"captcha\" src=\"securimage/securimage_show.php\" alt=\"驗證碼圖片\" />\r\n							<br>\r\n							<input type=text required name=\"captchaCode\" size=\"10\" maxlength=\"6\" />\r\n							<a href=\"#\" onclick=\"document.getElementById(\'captcha\').src = \'securimage/securimage_show.php?\' + Math.random(); return false\">[ 看不清楚，換一張圖片 ]</a>\r\n			    	<tr><td>&nbsp;	<td><input type=\"submit\" name=\"btsendmail\" value=\"送出訊息\" />			\r\n				\r\n				</table>\r\n			    </form>\r\n\r\n</p>\r\n				</div>\r\n			\r\n		</div>\r\n	\r\n</div>	\r\n<div class=\"STORY \"><!--STORY-->\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n	\r\n\r\n	<div class=\"block2 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX\"><!--box-->\r\n				<div class=\"COL12 clearfix\"style=\"padding:0;\"><img src=\"/userUpload/images/10412126/16.jpg\" class=\"image-full image-rounded \" data-animation=\"zoomIn\" ></div>\r\n            	<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n                	當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。\r\n    某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、\r\n    隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。\r\n     到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合\r\n\r\n                </div>\r\n                <div class=\"btn revealOnScroll\" data-animation=\"zoomIn\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=185&MK=185&PK=186\">LEARN MORE</a></div>\r\n            </div><!--box end-->\r\n     </div><!--blockarea end-->\r\n</div>\r\n<!-- <div class=\"STORY\"><!--STORY-->\r\n		\r\n\r\n		\r\n		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.153.99',NULL,NULL,NULL,NULL,NULL,NULL),(1004,'2017-12-12 02:47:06','2017-12-12 10:10:25',NULL,'2017-12-10 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div id=\"header-wrapper\">\r\n	<div data-aos=\"fade-right\" id=\"banner-wrapper\">\r\n		<div class=\"row\" id=\"banner\">\r\n			<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n				<div class=\"title\">\r\n					<h2>\r\n						芳林的故事</h2>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<span class=\"byline\">The story of FAN</span><span style=\"font-size: 1.3em;\">G LIN ORCHARD</span></p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"fade-left\" data-aos-duration=\"1700\" id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\" style=\"text-align: center;\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" style=\"text-align: center;\">\r\n				<h22>故事的開始</h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\">\r\n				<span style=\"background-color: transparent; color: black; font-family: Calibri; font-size: 12pt; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"C:\\Users\\User\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\芭樂樹.jpg&amp;quot; class=&quot; image-responsive=&quot;&quot; img-rounded=&quot;&quot; img=&quot;&quot; &quot;=&quot;&quot; data-cke-saved-src=&quot;&amp;quot;https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" class=\"&quot;image-responsive\" height:=\"&quot;600px;&quot;\" img=\"\" img-rounded=\"\" src=\"https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" style=\"float: left; height: 345px; width: 460px;\" /></span></div>\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<h31>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生 計並能善盡孝道....</h31></div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n			&nbsp;</div>\r\n	</div>\r\n	<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<h31>對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及 專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加 農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開 始種植珍珠芭樂。</h31>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<h31>2014年 承租到位於 高雄市岡山區 阿公店水庫 水源保護區下方的一塊 2.5公頃環境優美 生態自然豐 富的農地，成立了（芳林 農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土 壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關 課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努 力，新手也可以闖出一片天。</h31>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"zoom-in\" data-aos-duration=\"1700\" id=\"welcome\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1000\" style=\"text-align: center;\">\r\n				<h23><strong><span style=\"color:#ff0000;\">芳林芭樂果園 鄭宗林</span></strong></h23></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\" data-aos-duration=\"1000\" style=\"text-align: center;\">\r\n				<img alt=\"\" src=\"/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg\" style=\"height: 600px; width: 338px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\" style=\"height: 600px; width: 338px;\" /></div>\r\n		</div>\r\n		<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<h33><span style=\"color:#000000;\">經歷 ：</span></h33></div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<span style=\"color:#000000;\"><span style=\"font-size: 16pt;\">。行政院農委會 第一屆 百大青年農民</span></span></div>\r\n		<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n			<h33><span style=\"color:#000000;\">。高雄市農業局 高雄型農<br />\r\n			。培訓班 高雄型農精英班<br />\r\n			。高雄市青年農民聯誼會會長</span></h33></div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"fade-right\" data-aos-duration=\"1700\" id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" style=\"text-align: center;\">\r\n				<h22>芳林的品質保證</h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<h31>優質的保證，讓人人都想品嘗這個美味</h31></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n				<h4>\r\n					&nbsp;</h4>\r\n			</div>\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n				<div class=\"title col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" image-responsive=\"\" img=\"\" img-rounded=\"\">\r\n					<div dir=\"ltr\" style=\"line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;\">\r\n						<span><span style=\"background-color: transparent; color: black; font-family: Calibri; font-size: 12pt; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height: 267px; width: 250px; float: left;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width: 250px; height: 267px; float: left;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"height: 267px; width: 250px;\" /></span></span></div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n	&nbsp;</div>\r\n<hr />\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	<link href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n<style>				                body\r\n                                                {\r\n							height: 100%;\r\n						}\r\n						.bgw{\r\n						\r\n						background-color:green;\r\n						}\r\n						body\r\n						{\r\n							margin: 0px;\r\n							padding: 0px;\r\n							background: #181818;\r\n							font-family: Microsoft JhengHei,\'Didact Gothic\', sans-serif;\r\n							font-size: 16pt;\r\n							font-weight: 200;\r\n							color: #FFF;\r\n						}\r\n						\r\n						\r\n						h1, h2, h3,h4\r\n						{\r\n							margin: 0;\r\n							padding: 0;\r\n						}\r\n						\r\n						p, ol, ul\r\n						{\r\n							margin-top: 0;\r\n						}\r\n						\r\n						ol, ul\r\n						{\r\n							padding: 0;\r\n							list-style: none;\r\n						}\r\n						\r\n						p\r\n						{\r\n							line-height: 180%;\r\n							font-size: 12pt;\r\n						}\r\n						\r\n						h5\r\n						{\r\n							font-size: 2.5em;\r\n							text-align: center;\r\n							}\r\n						\r\n						/* 未連結 */\r\n						.a\r\n						{	\r\n							font-weight:bold;\r\n							color: #000000;\r\n						}\r\n						/* 已連結過 */\r\n						a:visited\r\n						{\r\n							color: #FF0040;\r\n						}\r\n						/* 滑鼠移至連結 */\r\n						a:hover\r\n						{\r\n							color: #635e5d;\r\n						}\r\n						/* 選擇的連結 */\r\n						a:active\r\n						{\r\n							color: #ff8300;\r\n						}\r\n						\r\n						/* 未連結 */\r\n						a2\r\n						{\r\n							color:#ffffff;\r\n						}\r\n						/* 已連結過 */\r\n						a2:visited\r\n						{\r\n							color: #FF0040;\r\n						}\r\n						/* 滑鼠移至連結 */\r\n						a2:hover\r\n						{\r\n							color: #635e5d;\r\n						}\r\n						/* 選擇的連結 */\r\n						a2:active\r\n						{\r\n							color: #ff8300;\r\n						}\r\n						\r\n						.container-fluid\r\n						{\r\n							overflow: hidden;\r\n							margin: 70px auto;\r\n							\r\n						}\r\n						\r\n					/*********************************************************************************/\r\n					/* Image Style                                                                   */\r\n					/*********************************************************************************/\r\n\r\n						.image\r\n						{\r\n							display: inline-block;\r\n						}\r\n						\r\n						.image img\r\n						{\r\n							display: block;\r\n							width: 100%;\r\n						}\r\n						\r\n						.image-full\r\n						{\r\n							display: block;\r\n							width: 100%;\r\n							margin: 0 0 2em 0;\r\n						}\r\n						\r\n						.image-left\r\n						{\r\n							float: left;\r\n							margin: 0 2em 2em 0;\r\n						}\r\n						\r\n						.image-centered\r\n						{\r\n							display: block;\r\n							margin: 0 0 2em 0;\r\n						}\r\n						\r\n						.image-centered img\r\n						{\r\n							margin: 0 auto;\r\n							width: auto;\r\n						}\r\n\r\n					/*********************************************************************************/\r\n					/* List Styles                                                                   */\r\n					/*********************************************************************************/\r\n\r\n						ul.style1\r\n						{\r\n						}\r\n						\r\n						ul.actions\r\n						{\r\n						}\r\n						\r\n						ul.actions li\r\n						{\r\n							display: inline-block;\r\n							padding: 0em 0.50em;\r\n						}\r\n\r\n\r\n					/*********************************************************************************/\r\n					/* Button Style                                                                  */\r\n					/*********************************************************************************/\r\n\r\n						.button\r\n						{\r\n							display: inline-block;\r\n							padding: 1em 2em 1em 2em;\r\n							letter-spacing: 0.10em;\r\n							margin-left: auto;\r\n							margin-right: auto;\r\n							\r\n							border-radius: 6px;\r\n							text-decoration: none;\r\n							font-weight: 700;\r\n							font-size: 1em;\r\n							\r\n							 text-align:center;\r\n						}\r\n						\r\n						.button-alt\r\n						{\r\n							padding: 1em 2em;\r\n							border-color: rgba(0,0,0,.8);\r\n						}\r\n							\r\n					\r\n					/*********************************************************************************/\r\n					/* Heading Titles                                                                */\r\n					/*********************************************************************************/\r\n						h1{vertical-align:text-top;}\r\n						\r\n						h2 \r\n						{\r\n							font-size: 1.8em;\r\n							\r\n							}\r\n						h2 \r\n						{\r\n							font-size: 1.8em;\r\n							text-weight:700;\r\n							}\r\n						h32\r\n						{\r\n						color: rgba(0,0,0,1);\r\n						font-size: 1em;\r\n						}\r\n						h3\r\n						{\r\n						color: rgba(255,255,255,1);\r\n						font-size: 1em;\r\n						}\r\n						h21 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						h22 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						h5 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(255,255,255,1);\r\n							}\r\n						.byline\r\n						{\r\n							font-size: 0.7em;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n						\r\n						.byline2{\r\n						font-size: 0.7em;\r\n							color: rgba(0,0,0,1);\r\n						}\r\n					/*********************************************************************************/\r\n					/* Welcome                                                                       */\r\n					/*********************************************************************************/\r\n						#welcome\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #98fb98;\r\n							background-size: cover;\r\n							text-align: left;\r\n						}\r\n						\r\n						#welcome .container\r\n						{\r\n							width: 1000px;\r\n							padding: 0px 100px;\r\n							color: rgba(255,255,255,0.8);\r\n						}\r\n						\r\n						\r\n						#welcome .button\r\n						{\r\n							background: #FFF;\r\n							color: #3f0900;\r\n							text-align: center;\r\n							\r\n						}\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#wrapper\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #FFF;\r\n							color:black;\r\n							text-align:left;\r\n						}\r\n						#wrappera\r\n						{\r\n							\r\n							text-align:center;\r\n						}\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#header-wrapper\r\n						{\r\n							position: relative;\r\n							padding: 3em 0em 0em 0em;\r\n							background: rgb(0,128,0) url(/userUpload/images/10512106/S_7032526969310.jpg) no-repeat center;\r\n							background-size:50% 100%;\r\n						}\r\n\r\n						#header\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n						}\r\n					/*********************************************************************************/\r\n					/* Logo                                                                          */\r\n					/*********************************************************************************/\r\n						#logo\r\n						{\r\n							position: absolute;\r\n							top: 2.5em;\r\n							left: 0.6em;\r\n						}\r\n						\r\n						#logo h1\r\n						{\r\n							font-size: 1.8em;\r\n							color: #79C255;\r\n						}\r\n						\r\n						#logo a\r\n						{\r\n							text-decoration: none;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n\r\n					\r\n					/*********************************************************************************/\r\n					/* Banner                                                                        */\r\n					/*********************************************************************************/\r\n						#banner-wrapper\r\n						{\r\n							padding: 2em 0em;\r\n							background: rgba(0,128,0);\r\n						}\r\n\r\n						#banner\r\n						{\r\n							text-align: center;\r\n						}\r\n						\r\n						#banner .title h2\r\n						{\r\n							font-size: 2em;\r\n						}\r\n						\r\n						#banner .title .byline\r\n						{\r\n							font-size: 1.3em;\r\n						}\r\n						\r\n						#banner .button\r\n						{\r\n							margin-top: 2em;\r\n							padding: 1.40em 3em;\r\n							border-radius: 6px;\r\n							font-weight: 700;\r\n							font-size: 1em;\r\n							\r\n						}\r\n						\r\n						.banner\r\n						{\r\n							margin-bottom: 5em;\r\n						}	</style>\r\n</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.230.121.142',NULL,NULL,NULL,NULL,NULL,NULL),(1005,'2017-12-12 13:04:45','2017-12-12 21:04:45',NULL,'2017-09-21 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'「阿比野台戲」自然生態飲食創作活動',NULL,'<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">「阿比野台戲」自然生態飲食創作活動</span><br style=\"letter-spacing: normal; color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">時間：106年10月15日（星期日）10:30~12:00</span><br style=\"letter-spacing: normal; color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">地點：台東美術館-艾蘭哥爾藝文咖啡館</span><br style=\"letter-spacing: normal; color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">活動簡介：</span><br style=\"letter-spacing: normal; color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">本次「阿比野台戲」活動特別邀請到，以餐旅管理系聞名台灣的「宏國德霖科技大學」何鈺櫻老師，帶領了曾在2015年馬來西亞 (FHM) 餐廚大賽勇奪特金+金牌獎的蘇鈺翔同學，及另外兩位飲調比賽成績優異的王筱筑、鍾萱儒共三位同學來進行台東野菜的生態飲調創作，為了讓這次活動野到底，更邀請到來自義大利以70種花草植物調製出來的「女巫利口酒」，作為「阿比野台戲」生態飲調創作用的基底酒，精彩的飲料也要配上精彩的吧檯，一座模仿大自然樹林底下的吧檯，將會在台東美術館-艾蘭哥爾藝文咖啡館裡出現，屆時城市與山林的兩種意象，將會在飲調高手的即席創作中，帶給現場朋友們時空變幻的調飲秀，誰說城市裡沒有森林，誰說森林裡不可以有城市。</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">2015年馬來西亞 (FHM) 餐廚大賽勇奪特金+金牌獎的蘇鈺翔同學</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E9%98%BF%E6%AF%94.jpg\" style=\"width: 450px; height: 600px;\" /></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\">2015年馬來西亞 (FHM) 餐廚大賽勇奪特金+金牌獎的蘇鈺翔同學</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	&nbsp;</p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E9%98%BF%E6%AF%942.jpg\" style=\"width: 599px; height: 600px;\" /></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\">宏國德霖科技大學 餐旅管理系 專案講師 何鈺櫻</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E9%98%BF%E6%AF%943.jpg\" style=\"width: 500px; height: 500px;\" /></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\">台灣調飲界女王 閻寶蓉</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	&nbsp;</p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E9%98%BF%E6%AF%944.png\" style=\"width: 600px; height: 348px;\" /></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\">馬愛雲老師作品</span></p>\r\n','','',0,'20171212阿比4.png',240816,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.143.250',NULL,NULL,NULL,NULL,NULL,NULL),(1006,'2017-12-17 16:58:20','2017-12-18 00:12:06',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<meta charset=\"utf-8\" />\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n	\r\n	<link rel=\"stylesheet\" href=\"css/bootstrap.min.css\"/>\r\n	<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n	<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\"/>\r\n	\r\n<style type=\"text/css\">\r\n	\r\n		html,body	{\r\n			height:100%;\r\n			max-width:100%;\r\n			background-attachment: fixed;\r\n			margin:0px;\r\n			background: url(\'/userUpload/images/Alanger/backg.jpg\') no-repeat fixed 38% center;\r\n    		background-size: cover;\r\n			background-size: 100% 100%;\r\n				}\r\n		.bgw {\r\n			background-color: rgba(255,255,255,0.8);\r\n				}\r\n		h2,h4{\r\n			text-align: center;\r\n				}\r\n		a:link { color: #}\r\n		a:hover	{	color: #ff8300; }\r\n\r\n		p{\r\n		font-size:22px;\r\n		font-family:微軟正黑體\r\n		}\r\n		.row hr {\r\n			height:1px;\r\n			background-color: black;\r\n				}\r\n		.row h4 {font-size:36px; font-weight:bold;}\r\n		.row {font-size:22px; font-family:微軟正黑體}\r\n		.image-full\r\n				{\r\n				display: block;\r\n				width: 100%;\r\n				}\r\n		.code {\r\n		 color: #333;\r\n		 position: relative;\r\n		 overflow: hidden;\r\n				text-align: center;\r\n				}\r\n		.code:hover {cursor: s-resize;}\r\n		\r\n		.code c1,c2,c3,c4,c5 {\r\n			font-weight:bold;\r\n			color: #fff;\r\n			text-align: center;\r\n			font: 20px Century Gothic,微軟正黑體;\r\n			padding: 2px 6px;\r\n			border: 1px solid #795548;\r\n			border-radius:6px;\r\n			background-color: #b74545;\r\n				}\r\n		.cs {width:50%; margin:0px auto;\r\n		}\r\n\r\n\r\n</style>\r\n\r\n<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js\" type=\"text/javascript\"> </script>\r\n	<!--  收合表單 -->\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c1\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs1\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c2\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs2\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c3\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs3\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c4\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs4\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c5\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs5\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n\r\n	<!-- 回到頂端按鈕 start -->\r\n	<script>\r\n	//<![CDATA[\r\n	(function () {\r\n	$(\"body\").append(\"<img id=\'goTopButton\' style=\'display: none; z-index: 5; cursor: pointer;\' title=\'回到頂端\'/>\");\r\n	var img = \"http://1.bp.blogspot.com/-zMfrIkyhlVs/Uh7FePoKU8I/AAAAAAAAHnA/WA0H_vbWAWc/s1600/go-top.png\",\r\n	locatioin = 9/10, // 按鈕出現在螢幕的高度\r\n	right = 10, // 距離右邊 px 值\r\n	opacity = 0.3, // 透明度\r\n	speed = 500, // 捲動速度\r\n	$button = $(\"#goTopButton\"),\r\n	$body = $(document),\r\n	$win = $(window);\r\n	$button.attr(\"src\", img);\r\n	$button.on({\r\n	mouseover: function() {$button.css(\"opacity\", 1);},\r\n	mouseout: function() {$button.css(\"opacity\", opacity);},\r\n	click: function() {$(\"html, body\").animate({scrollTop: 0}, speed);}\r\n	});\r\n	window.goTopMove = function () {\r\n	var scrollH = $body.scrollTop(),\r\n	winH = $win.height(),\r\n	css = {\"top\": winH * locatioin + \"px\", \"position\": \"fixed\", \"right\": right, \"opacity\": opacity};\r\n	if(scrollH > 20) {\r\n	$button.css(css);\r\n	$button.fadeIn(\"slow\");\r\n	} else {\r\n	$button.fadeOut(\"slow\");\r\n	}\r\n	};\r\n	$win.on({\r\n	scroll: function() {goTopMove();},\r\n	resize: function() {goTopMove();}\r\n	});\r\n	} )();\r\n	//]]>\r\n	</script>\r\n	<!-- 回到頂端按鈕 end, Design by WFU BLOG -->\r\n	\r\n	\r\n	\r\n<div class=\"row\">\r\n	<div class=\"col-md-12\">\r\n		<div class=\"code\">\r\n			<c1>源起</c1>\r\n			<c2>台東咖啡</c2>\r\n			<c3>咖啡小知識</c3>\r\n			<c4>WHY</c4>\r\n			<c5>學習</c5>\r\n			\r\n	\r\n			<div class=\"cs1\">	\r\n				<h3><b>源起</b><br>\r\n					<a href=\"#a01\">台東金崙溪流域咖啡的發源</a><br />\r\n					<a href=\"#a02\">台東咖啡與客家族群的淵源 </a><br />\r\n					<a href=\"#a03\">台東咖啡緣起 東河鄉「咖啡園」</a><br />\r\n					<a href=\"#a04\">百年老樹 </a><br></h3> </div>\r\n			<div class=\"cs2\">		\r\n				<h3><b>台東咖啡</b><br>\r\n					<a href=\"#c01\">台東咖啡種植分佈於三線五區</a><br />\r\n					<a href=\"#c01\">台東咖啡種植以阿拉比卡種為主</a><br />\r\n					<a href=\"#c01\">古坑咖啡的掘起帶動了台東咖啡種植潮</a><br />\r\n					<a href=\"#c01\">台東咖啡種植的二種方式與栽培的三種農法</a><br />\r\n					<a href=\"#c01\">台東縣咖啡產業發展協會是台東精品咖啡的推手</a><br />\r\n					<a href=\"#c01\">台東咖啡有得天獨厚的條件，後天的努力不可懈怠</a><br />\r\n					<a href=\"#c01\">鑑賞台東精品咖啡極致的風味~酸味</a><br />\r\n					<a href=\"#c01\">台東縣各鄉鎮咖啡產銷班</a><br />\r\n					<a href=\"#c01\">台東咖啡產地</a><br /></h3> </div>\r\n			<div class=\"cs3\">		\r\n				<h3><b>咖啡小知識</b><br>\r\n					<a href=\"#c01\">黑咖啡 </a><br />\r\n					<a href=\"#c01\">咖啡油脂 </a><br />\r\n					<a href=\"#c01\">咖啡生豆</a><br />\r\n					<a href=\"#c01\">養生咖啡 </a><br />\r\n					<a href=\"#e01\">咖啡四師 </a><br />\r\n					<a href=\"#c01\">手選精品咖啡豆 </a><br />\r\n					<a href=\"#c01\">咖啡豆的基本物質</a><br />\r\n					<a href=\"#c01\">好咖啡的重要指標~酸</a><br />\r\n					<a href=\"#c01\">咖啡「公豆&middot;母豆」之說</a><br />\r\n					<a href=\"#e01\">判斷烘焙程度的方法</a> 	\r\n					<a href=\"#e01\">專業的咖啡術語 </a><br />\r\n					<a href=\"#e01\">烘焙色卡之運用 </a><br />\r\n					<a href=\"#e01\">咖啡因的釋出 </a><br />\r\n					<a href=\"#e01\">咖啡氣味分類 </a><br />\r\n					<a href=\"#c01\">經研究證實~ </a><br /></h3> </div>\r\n			<div class=\"cs4\">\r\n				<h3><b>WHY</b><br>\r\n					<a href=\"#d01\">咖啡評鑑七大項目為何？ </a><br />\r\n					<a href=\"#d01\">淺焙與深焙的咖啡因孰高？ </a><br />\r\n					<a href=\"#d01\">烘焙後的咖啡豆為什麼會這麼香？ </a><br />\r\n					<a href=\"#d01\">為何要舉辦精品咖啡杯測評鑑訓練？</a><br> </h3> </div>\r\n			<div class=\"cs5\">		\r\n				<h3><b>學習</b><br>\r\n					<a href=\"#f01\">虹吸式咖啡萃取學習參考</a><br>\r\n					<a href=\"#f01\">虹吸式咖啡萃取注意事項</a><br>\r\n					<a href=\"#f01\">手沖式咖啡萃取注意事項</a><br>\r\n					<a href=\"#f01\">手沖式咖啡萃取六大關鍵</a> </h3><br> </div>\r\n	</div>\r\n	\r\n	\r\n	\r\n	<div class=\"container\">\r\n\r\n\r\n		<div class=\"row\">\r\n			\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"a01\">台東金崙溪流域咖啡的發源</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/02.jpg\"	\r\n					class=\"img-responsive img-rounded img-full\"\r\n					alt=\"Responsive image\"\r\n					>\r\n			</div> \r\n			<div class=\"col-md-6\">\r\n			1 9 7 4 年﹝民國6 3年﹞張冠淼從當時擔任台灣省農林廳農業試驗所嘉義農業試驗分所技士張清勤﹝鳳梨之父﹞手中獲贈咖啡種苗﹝阿拉比卡品種﹞\r\n			種植於南大武山金崙溪流域近黃溫泉、都飛魯溫泉上方海拔高度8 0 0公尺排灣族舊讀古梧部落附近之農場。<br><br>\r\n			\r\n			1 9 83 年﹝民國7 2年﹞放棄經營，任其自然生長。<br>\r\n			<br>1 9 8 8年﹝民國7 7年﹞舊讀古梧被劃入大武山自然保留區，每當進入咖啡熟果期時，野獸與鳥禽會來叼食熟果，<br>\r\n			在叼食的過程中卻也使牠們成了天然播種的自然媒介。<br>\r\n			<br>由於生態林下的野生咖啡種苗數量持續增加、範圍持續擴大，顯見經過自然演化已成為歸化種。<br>\r\n			<br>後因金崙溪流域之原住民從農場取得野生咖啡種苗栽培，使此品種成為金崙咖啡的主要品種。\r\n			</div> \r\n		</div>\r\n	\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr>咖啡評鑑七大項目為何？<hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/01.jpg\"\r\n					class=\"img-responsive img-rounded img-full\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.乾香氣（Dry Fragrance）<br>\r\n				2.濕香氣（Wet Aroma）<br>\r\n				3.酸度（Acidity）<br>\r\n				4.醇厚度（Body）<br>\r\n				5.滋味變化度/層次感（FIaVor/DimenSion）<br>\r\n				6.餘韻（Aftertaste）<br>\r\n				7.均衡度（Balance）\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c10\">專業的咖啡術語</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n						\r\n				<img src =\"/userUpload/images/Alanger/04.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				\r\n			</div> \r\n			<b>Flavor【風味】</b>是香氣、酸度與醇度的整體印象，可以用來形容對比咖啡的整體感覺。\r\n				<br><b>Acidity【酸度】</b>是所有生長在高原的咖啡所具有的酸辛、強烈的特質。此處所指的酸辛與苦味或發酸（sour）不同，也無關酸鹼值，而是促使咖啡發揮提振心神、與滌清味覺等功能的一種清新、活潑的特質。\r\n				<br><b>Body【醇度】</b>是調理完成的咖啡飲用後的，在舌頭對咖啡留有的口感。醇度的變化可分為清淡如水到淡薄、中等、高等、脂狀，甚至某些印尼的咖啡如糖漿般濃稠。\r\n				<br><b>Aroma【氣味】</b>Aroma是指調理完成後，咖啡所散發出來的氣息與香味。 Bouquet是比較不常用的字，專指研磨咖啡粉的味道。 Aroma通常具有特異性，並且是綜合性。用來形容氣味（Aroma）的詞包括：焦糖味、碳烤味、巧克力味、果香味、草味、麥芽味、濃郁、豐富、香辛等。\r\n				<br><b>Bitter【苦味】</b>苦是一種基本味覺，感覺區分佈在舌根部分。深色烘焙法的苦味是刻意營造出來的，但最常見的苦味發生原因，是咖啡粉用量過多，而水太少。苦味並不是發酸（sour）的同意字。\r\n				<br><b>Bland【清淡】</b>生長在低地的咖啡，口感通常相當清淡、無味。咖啡粉份量不足、而水太多的咖啡，也會造成同樣的清淡效果。\r\n				<br><b>Briny【鹹味】</b>咖啡沖泡後，若是加熱過度，將會產生一種含鹽的味道。有部分咖啡店的咖啡屬於這種味道。\r\n				<br><b>Earthy【泥土的芳香】</b>通常用來形容辛香而具有泥土氣息的印尼咖啡。但這些所指的泥味並非指咖啡豆沾上泥土的味道。某些商業用咖啡會以廉價的咖啡混合，其中所含的泥味可能會變的髒髒的，這顯然是因為將咖啡豆鋪在地上進行乾燥、粗操的加工技術所造成的。\r\n				<br><b>Exotic【獨特性】</b>形容咖啡具有獨樹一格的芳香與特殊氣息，如花卉、水果、香料般的甜美特質。東非與印尼所產的咖啡，通常具有這種特性。\r\n				<br><b>Mellow【芳醇】</b>是對低至中酸度、平衡性佳的咖啡所形容的形容詞。\r\n				<br><b>Mild【溫和】</b>表示某種咖啡具有調和、細緻的風味。生長於高原的拉丁美洲高級咖啡，通常被形容為質地溫和。此外、它也是一種咖啡界的術語，用來指所有除了巴西生產的高原咖啡。\r\n				<br><b>Soft【柔潤】</b>形容如印尼咖啡般的低酸度咖啡；亦可以形容為芳醇或香甜。\r\n				<br><b>Sour【發酸】</b>一種感覺區主要位於舌頭後側的味覺，是淺色烘焙咖啡的特點。\r\n				<br><b>Spicy【香辛】</b>指一種令人聯想到某種特定香料的風味或氣味。某種印尼所產的高原咖啡（尤其是陳年咖啡），蘊含小荳蔻般香甜的氣味。\r\n				<br><b>Strong【濃烈】</b>就技術上而言，形容的是各種味覺優缺點的多寡，或指特定的調理成品中，咖啡與水的相對比例。就通俗的用法而言，濃烈形容的是深色烘焙咖啡強烈的風味。此外，它也誤導人們產生含有大量咖啡因的錯覺。事實上，咖啡因含量高的是罐裝的清淡咖啡，因為其中含有較多的低因咖啡。\r\n				<br><b>Sweet【香甜】</b>是一種普遍使用的形容詞，本質上幾乎像是水果味，與酒味也有關。生長於哥斯達黎加高原的咖啡通常具有辛烈的風味。\r\n				<br><b>Wild【狂野】</b>形容咖啡具有極端的口味特性。一般人若是無法接受的話，會稱之為古怪，但也可能是吸引的特色，看個人喜好了。\r\n				<br><b>Winy【葡萄酒味】</b>形容一種令人聯想到葡萄酒般的迷人風味。水果般的酸度與滑潤的醇度，所營造出來的對比特殊風味。肯亞咖啡便是含有葡萄酒風味的最佳典範。<br>此文轉載自台灣飲料調製協會\r\n			\r\n		</div>	\r\n	\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR>咖啡的鹹味<hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡的鹹味主要由礦物質鹽類所造成，如氯化鈉(食鹽)、氯化鉀、氯化銨…等，\r\n				蘋果酸鹽與葡萄糖酸鹽也具有鹹味。礦物質鹽類易溶於水，咖啡萃取時很難避免被釋出。\r\n			</div> \r\n		</div>	\r\n\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c16\">虹吸式咖啡萃取的學習參考</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" >\r\n						\r\n				<img src =\"/userUpload/images/Alanger/05.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n					咖啡粉入水後，會產生分層，油脂在最上層，<br>含氣泡的粉在中層，重量足夠的沉底，<br>\r\n				攪拌是為了讓水與粉充分混合使能萃取完全，但實際萃取的時間短，<br>\r\n				攪拌次數的多寡不是重點，如何確實快速的壓粉與適當的攪拌，使其均勻的萃取完全才是重點。\r\n				<br><br>虹吸式萃取給人優雅的主觀印象，所以會講求溫柔優雅的萃取動作，<br>\r\n				但下粉到熄火的時間僅數十秒，若靠小火讓它自動吸水萃取實在更難掌握，所以才需要壓粉，將粉壓入水中的時間也是越短越好，<br>\r\n				迅速壓粉後就須輕柔攪拌，幫它與水充分混合，\r\n				<br>至於順時鐘逆時鐘實在是假議題，攪拌次數也是如此。\r\n				<br><br>好的咖啡需要適當的萃取，掌握好水溫與時間就能做到，<br><br>\r\n				了解萃取基本操作原理後，再來建立屬於你自己的萃取方式與姿勢。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR>虹吸式咖啡萃取注意事項</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/06.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1. 咖啡粉顆粒大小<br>\r\n				2. 火力<br>\r\n				3. 沖煮：先置粉、後置粉、雙沖 <br>\r\n				4. 攪拌<br>\r\n				5. 冷卻：自然冷卻、人工冷卻<br>\r\n				6. 環境溫度\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr>手沖式咖啡萃取六大關鍵</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n							\r\n				<img src =\"/userUpload/images/Alanger/07.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.咖啡豆：新鮮優質的咖啡豆。<br>\r\n				2.適當的研磨：中度研磨。<br>\r\n				3.熱水溫度：適合的水溫。<br>\r\n				※剛烘焙好的豆子要以較低溫緩緩萃取。<br>\r\n				※經氧化平衡後的咖啡豆適合較高溫萃取才能釋放出味道與香氣。<br>\r\n				4.充分的悶蒸：輕柔緩慢的注入適量熱水，新鮮的咖啡粉會如同漢堡般的膨脹，靜置二十到三十秒，讓咖啡的芳香盡情釋放。<br>\r\n				5.濾杯的邊緣部分不要注水：避免咖啡濃度低而無味。<br>\r\n				6.注意萃取流速：避免萃取過度或萃取不足，萃取結束後留在濾杯上的咖啡粉會形成均勻完美的缽狀。<br>\r\n			</div> \r\n		</div>	 \r\n		\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr>手沖式咖啡萃取注意事項</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/08.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1. 咖啡粉顆粒大小<br>\r\n				2. 水溫<br>\r\n				3. 注水：高度、流量<br>\r\n				4. 手沖時間<br>\r\n				5. 環境溫度\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c11\">咖啡四師</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/09.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				一小師三大師<br>\r\n				1.咖啡師：萃取<br>\r\n				2.咖啡園藝師：栽培<br>\r\n				3.咖啡烘焙師：烘焙<br>\r\n				4.咖啡評鑑師：杯測（品質官能鑑定）\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"a02\">台東咖啡與客家族群的淵源</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/010.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				西元1939 年(昭和14年)，東臺灣咖啡產業株式會社在雷公火山坡地(今關山鎮電光里)\r\n				進行咖啡栽培，成立東臺灣日之出農場，總面積達841 甲，派員至西部新竹州招募移民，\r\n				安置於咖啡會社（電光里廣興）、下農場（電光里南興）及三農場（電光里東興）等各處形成小聚落；<br><br>\r\n				1940 年(昭和15年)，苗栗頭份人饒維方到初鹿「咖啡試驗所」(今卑南鄉初鹿村)承攬水土保持工程，\r\n				因勞力不足回原鄉招攬工人，共募到二、三百人，在初鹿形成客家聚落。 \r\n			</div>   \r\n		</div>	 	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr>烘焙後的咖啡豆為什麼會這麼香？</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/012.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡豆所含的物質豐富，如礦物質、碳水化合物、低分子量醣類、多醣類、果膠、含氮化合物…等，這些物質在受熱烘培的過程中，會造成一連串複雜的反應，因而產生非常誘人的香氣。<br>而最重要的反應有二：<br>\r\n				1.焦糖化反應（caramelization，醣的氧化與褐變）。<br>\r\n				2.梅納反應（Maillard reaction，胺基酸與醣類的反應）。\r\n			</div> \r\n			<div class=\"col-md-12\"><br>\r\n			上述兩種反應皆需要醣類，咖啡生豆中所含量豐富的醣類，正是提供這兩種反應的重要物質。<br>\r\n				據研究發現蔗糖含量與咖啡豆風味有著正向的相關性，阿拉比卡（Arabica）生豆的蔗糖（Sucrose）含量是羅布斯塔（Robusta）生豆的兩倍，這也是阿拉比卡種咖啡豆風味優於羅布斯塔的原因。<br><br>\r\n				註：\r\n				「梅納反應」比較「焦糖化」的重點整理<br>\r\n				胺基酸＋還原醣類＋加熱至150℃以上＝梅納反應。<br>\r\n				醣類only＋加熱至180℃以上＝焦糖化。<br><br>\r\n				焦糖化會使糖在不須加水的狀況下直接熔融成液態。兩項反應都會產生香味、顏色由變黃到變深變黑。<br>兩者彼此可能在同一次加熱中同時發生，但不會互相混合，也不可混為一談。\r\n				還原醣指的是具有醛基或是酮機的醣類(或統稱羰基)，如果醣、葡萄糖等單醣、以及具有這些官能基的的雙、寡或是多醣類，因為梅納反應的主角之一就是羰基與胺基反應，因此相當重要，不過要注意的是，<br>蔗糖因為是葡萄糖半縮醛和果糖的半縮酮反應結合而成的雙醣，兩個羰基都作用掉了，因此屬於非還原醣，不會參與梅納反應。<br>(註: 咖啡學~第八章~咖啡烘焙概論(上) 第207頁倒數第四行開始有關蔗糖參與梅納反應的論述，可能需要修正。\r\n			</div>\r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c02\">咖啡「公豆·母豆」之說</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/013.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡「公豆·母豆」之說，乃源自於印尼，是針對觀光客的噱頭。<br>許多人把咖啡圓豆叫做「公豆 」，稱平豆為「母豆 」，但就植物學而言，這顯然是盗聽塗說。<br>咖啡屬茜草科植物，其花屬於「完全花」，就是說「自花授粉」，一朵花本身就具備雌雄蕊，根本無雌雄株或雌雄花之分。<br>咖啡花的子房中有兩個胚珠，因是自花授粉，所以授粉率極高，通常兩個胚珠都會授粉成功，而發育成含有兩個種籽（平豆）的咖啡漿果；<br><br>但有少數只有單一胚珠授粉，而發育成單一而圓形的種籽，故稱為「單豆」，又叫做「圓豆」(日本叫丸豆)。以後若有人對你說:同株生長的圓豆與平豆風味不同，圓豆風味較佳。你只要一笑置之，聽聽就好！\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c03\">咖啡油脂</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/014.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				任何的咖啡沖煮方式都不應該犧牲掉油脂，<br>因為咖啡熟豆的芳香精華全部濃縮在含咖啡醇和咖啡白醇的油脂中，<br>如果沒有咖啡油脂，黑咖啡就成了平淡無奇的苦水。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c04\">咖啡生豆</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/015.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡漿果經過乾·濕等方式加工處理後，即成為咖啡生豆（Raw bean/Green bean）。<br>\r\n				依生豆儲存的時間長短具體分為：<br><br>\r\n				當季豆（Current Crop），即剛採收的生豆；<br>新豆（New Crop），即第一年的生豆；<br>舊豆（Past Crop），即存放兩年的生豆；<br>老豆（Old Crop），即庫存太久的生豆；<br>陳年豆（Aged Bean），不同於老豆，其儲存方式獨特<br>\r\n			</div> \r\n			<div class=\"col-md-12\"><BR>\r\n			採帶殼（羊皮）生豆儲存於乾爽通風處，烘焙過後，陳年豆風味酸質變弱，醇度變高，質感變厚，老成持重。<br>\r\n				烘焙時新豆與老豆相比，新豆由於含水量高，傳熱較老豆難，所以新豆的烘焙難度較高。 <br>烘焙後，新豆感覺活潑，有自然花香，優質的酸味，含水量高，綠原酸豐富，味道相對鮮明強勁；老豆感覺沉穩，醇度和濃厚度高，含水量少，體積輕微膨脹，味道柔和。<br>\r\n				隨著時間的增長，生豆內部水分逐漸減少，生豆的顏色會逐漸由深綠色轉淡；清新的果香或草香等氣味也會逐漸變弱、活力減少。 <br><br>這些都可以作為辨別生豆新鮮度的依據。\r\n			</div>\r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c05\">黑咖啡</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/016.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				黑咖啡是指不加調味劑的咖啡，沖泡器具很多元，故它也包含義式濃縮咖啡。<br><br>\r\n				義式濃縮咖啡則是指以摩卡壺或義式咖啡機沖煮出來的咖啡。\r\n				每個人的喜好都不同，因此會產生偏好以某種方式沖煮或飲用何種咖啡豆等的習慣，若屏除這個因素，則每種咖啡豆都能做成黑咖啡，也可沖煮義式濃縮咖啡。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR>淺焙與深焙的咖啡因孰高？</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/017.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				淺焙與深焙的咖啡因孰高？這是個很有趣的話題。很多人會說深焙過程裂解較多咖啡因，所以深焙的咖啡因低於淺焙，也就是焙度愈深，咖啡因愈低。但卻有不少研究指出，咖啡因不會因焙度不同而有大幅的起伏，即咖啡因在烘豆過程中非常穩定。<br>咖啡因沸點(升華點)178℃，熔點237℃，焙至178℃以上，固態的咖啡因開始微量氣化，但除非加熱到237℃，否則咖啡因是不會大幅崩損。<br>況且在正常烘豆下，是不可能烘到這麼高溫的，也就是說：在正常的烘豆下，不會因淺焙或深焙而影響咖啡因的含量。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c12\">咖啡因的釋出</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/018.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡因昇華溫度為178°C；<br>若以溶解度而言，當水温為100°C時可溶67 % ，80°C時可溶18 %；<br>研究報告指出，若以95℃的熱水沖泡1.68分鐘可萃取出咖啡中咖啡因含量的一半，若沖泡5.54分鐘則可萃取出90﹪的咖啡因。<br>也就是說：沖泡咖啡時，水的溫度及沖泡的時間決定咖啡因釋出的多寡。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c13\">咖啡氣味分類</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">\r\n			\r\n				<img src =\"/userUpload/images/Alanger/019.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				高揮發性氣味─酵素作用副產物：花類、水果類、草本類<br><br>\r\n				中揮發性氣味─焦糖化作用副產物：堅果類、焦糖類、巧克力類<br><br>\r\n				低揮發性氣味─乾餾作用副產物：脂類、香料類、碳化類\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr>影響咖啡熟豆保鮮的五項因素</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/020.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.氧氣：採用單向排氣閥容器，隔絕氧氣。<br>\r\n				2.光線：採用不透光容器，隔離光線。<br>\r\n				3.濕度：避免潮濕的環境，乾燥保存。<br>\r\n				4.温度：避免高温的環境，陰涼保存。<br>\r\n				5.時間：賞味期內食用完畢。\r\n			</div> \r\n		</div>	\r\n			\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c06\">好咖啡的重要指標~酸</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/022.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡最具內涵的味覺是酸味，咖啡所呈現的酸是由生豆本身的特性以及烘焙程度所造成的。<br>咖啡優質的酸味是大自然活潑氣息，且明亮迷人的風味表現。<br>咖啡若失去了酸度，就等於失去了咖啡的生命力，品嚐起來空洞乏味、無豐富層次。<br>精品咖啡追求那份迷人的酸，愉悅的酸是衡量一杯好咖啡在口感上的一個重要指標。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c07\">咖啡豆的基本物質</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/023.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-3\"><br>\r\n				1.水份<br>\r\n				2.礦物質<br>\r\n				3.碳水化合物<br>\r\n				4.低分子量醣類<br>\r\n				5.多醣類<br>\r\n				6.果膠及木質素<br>\r\n				7.含氮化合物<br>\r\n			</div> \r\n			<div class=\"col-md-3\"><br>\r\n				a.植物鹼<br>\r\n				b.葫蘆巴鹼<br>\r\n				c.菸鹼酸<br>\r\n				d.蛋白質及胺基酸<br>\r\n				e.綠原酸<br>\r\n				f.脂質<br>\r\n				g.揮發性物質<br>\r\n				h.有機酸<br>\r\n				i.咖啡因\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c08\">養生咖啡</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/024.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				未能將瑕疵豆去除的黑咖啡，只是一杯減少糖及奶負擔的咖啡，不但無法呈現乾淨的風味，而且絕對不會是一杯養生咖啡；<br><br>只有精品黑咖啡才能讓您喝到最乾淨的風味，並且是杯道地的養生咖啡。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c09\">經研究證實</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/025.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡果肉具有之功效：<br><br>\r\n				1.提振心情和體能<br>\r\n				2.抗紫外線<br>\r\n				3.抗發炎<br>\r\n				4.抗自由基<br>\r\n				5.抑制食慾<br>\r\n				6.抗老化\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR>咖啡究竟是毒？還是藥？</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/026.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				好書分享<br><br>\r\n				百藥之王~一杯咖啡的藥理學<br><br>\r\n				經醫·藥學研究，證實咖啡能預防：肝癌、第二型糖尿病、高血糖、老人癡呆、降血壓、帕金森氏症···等疾病。\r\n				晨星出版\r\n			</div> \r\n		</div>	\r\n		\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c14\">烘焙色卡之運用</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/028.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><BR>\r\n				專業咖啡烘焙者所面臨許多品質控制的挑戰,其中之一便是一致性。烘焙分類與烘焙品質兩者變成每天生產的優先重點。<BR><br>雖然最精準的品質控制計畫要使用精細的設備，和化學分析以形成烘焙品質指數與程度或烘焙分類，但這些複雜的測量都超出了大多數烘焙者的財務及技術資源。杯測為烘焙品質的最終評價，而且一個敏銳或受過訓練的味覺是沒有替代品的。\r\n此文截錄自探索精品咖啡的秘密\r\n			</div> \r\n			<div class=\"col-md-12\">	<BR>\r\n			但是，談到烘焙程度分類的話，專業咖啡產業尚未有建立的標準或參考文獻。複雜的是，似乎沒有人對烘焙分類語言或術語能夠達到意見一致。烘焙分類主題的目的是要製造出許多顏色盤，能用來對不同的烘焙程度進行分類。分類的基礎是,在控制烘焙環境下，糖的化學反應之發展。色卡會使用一個數字指標，以避免任何術語上的爭議。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"c15\">判斷烘焙程度的方法</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/029.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				1.時間設定:藉由紀錄烘焙時間與口感對等關係,作為烘焙設定之依據。<br>\r\n				2.溫度變化:藉由記錄溫度與口感對等關係,作為烘焙設定之依據。<br>\r\n				3.焦糖化色差:藉由烘焙時間與溫度變化所產生相對應的焦糖化著色程度與口感相對關係,作為烘焙設定之依據。<br>\r\n				4.煙霧氣味:藉由不同階段烘焙所產生的煙霧氣味與口感之對等關係,作為烘焙設定之依據。(此方法會危害鼻膜與嗅覺,故不建議使用。)<br>\r\n				5.卓氏分級法:透過烘焙時間•溫度區間•焦糖化色度之交替設定,以建立一個能消除因氣候•豆種•烘焙量不同時的多種參考烘焙依據。<br><br>\r\n				此文截錄自探索精品咖啡的秘密\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b02\">台東咖啡有得天獨厚的條件，後天的努力不可懈怠</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/030.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				造就一杯好咖啡有其先天條件及後天條件：<br>\r\n				天然微氣候、地質土壤、品種等屬先天條件。<br>\r\n				栽培、後製、烘焙、萃取等技術屬後天條件。<br><br>\r\n				後天條件當中，栽培及後製技術屬農業性知識；烘焙及萃取技術屬工藝性知識。<br><br>\r\n				但咖啡還有個終極知識，就是咖啡杯測：透過咖啡杯測所得結果給予咖啡客觀的評價，咖啡杯測師（評鑑師）再以其專業提供農業性及工藝性各項技術面的建議。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr>為何要舉辦精品咖啡杯測評鑑訓練？</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/031.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				美國精品咖啡協會（SCAA）致力於為追求咖啡“從種子到杯子”的卓越品質，以及優質咖啡的可持續發展，提供一個共同的平臺，建立咖啡的品質標準，規範對咖啡專業人員技藝的認證標準。<br><br>對台東咖啡農友而言，確實需要先建立一個可依循的制度，才能在穩定中求發展。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b03\">台東縣咖啡產業發展協會是台東精品咖啡的推手</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/032.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				西元2010年（民國99年）2月，台東縣咖啡產業發展協會成立<br><br>第一、二屆理事長廖添成，總幹事張博承，二人在任期中帶領協會幹部，開始了「精品咖啡」各項相關研習課程，舉辦了2010年、2011年、2013年（民國99年、民國100年、102年）東部島嶼型精品咖啡評鑑比賽，使台東咖啡產業向前邁進了一大步。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b04\">台東縣各鄉鎮咖啡產銷班</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/033.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				台東縣各鄉鎮咖啡產銷班\r\n				依地理位置，由南至北，自西而東排列為<br>\r\n				達仁鄉特用作物（咖啡）產銷班第二班<br>\r\n				金峰鄉咖啡產銷班第三班<br>\r\n				太麻里鄉咖啡產銷班第四班<br>\r\n				太麻里鄉咖啡產銷班第六班<br>\r\n				太麻里鄉咖啡產銷班第七班<br>\r\n				卑南鄉咖啡產銷班第四班<br>\r\n				卑南鄉咖啡產銷班第五班<br>\r\n				卑南鄉咖啡產銷班第七班<br>\r\n				台東市咖啡產銷班第四班<br>\r\n				鹿野鄉咖啡產銷班第十六班<br>\r\n				鹿野鄉咖啡產銷班第十七班<br>\r\n				池上鄉咖啡產銷班第二班<br>\r\n				成功鎮咖啡產銷班第一班<br>\r\n				長濱鄉咖啡產銷班第二班<br>\r\n				台東縣目前共14個咖啡產銷班，東河鄉咖啡產銷班正在籌備中。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b08\">台東咖啡種植分佈於三線五區</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/040.jpg \" \r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				三條線路為:<br>南迴線、縱谷線、東海岸線。<br><br>\r\n				五個地理區為:<br>中央山脈、花東縱谷平原、卑南溪三角洲、海岸山脈及泰源盆地。</a><br><br>\r\n				三線五區生產的台東咖啡各具特色風味。\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b09\">古坑咖啡的掘起帶動了台東咖啡種植潮</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/037.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				西元1999年（民國88年）921地震及2000年（民國89年）象神·2001年（民國90年）桃芝·納莉颱風重創古坑，重建期間古坑咖啡漸漸嶄露頭角，於2003年（民國92年）拔得頭籌舉辦「台灣咖啡節」，古坑咖啡於此時正式掘起。古坑咖啡的掘起帶來了區域性的經濟發展，也因此帶動了台灣的咖啡種植潮，台東許多農友也紛紛投入了咖啡的種植，經過將近10年來的努力，台東種植咖啡的面積已成為全國最多的縣份，2014年（民國103年）官方統計台東縣種植咖啡面積已達270公頃，且持續增加中 。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b07\">台東咖啡種植的二種方式與栽培的三種農法</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/038.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				種植的二種方式為:<br>\r\n				1.全日照方式（裸露）<br>\r\n				2.半遮蔭方式（林下）<br>\r\n				栽培的三種農法為:<br><br>\r\n				1.慣行農法（農業化學）<br>\r\n				2.有機農法<br>\r\n				3.自然農法<br><br>\r\n				因種植方式與栽培農法的不同，咖啡樹的病蟲害防治、土壤的肥培管理及園區的田間施作，差異極大，對於咖啡的風味亦有所影響。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"a04\">艾蘭哥爾咖啡緣起</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/039.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n		\r\n			</div> \r\n			<div class=\"col-md-12\">\r\n			台灣的咖啡樹為外來種，於1884年由英商「德記洋行」從馬尼拉引進栽培，1895年中日甲午戰爭台灣割讓給日本後，日本政府陸續在台灣各地推廣、試種，台東廳也在1912年接受由殖產局分配的阿拉比卡咖啡種子。日本官員發現咖啡的生長情形良好，鼓吹台東大量種植咖啡，日後台東成為咖啡重要產地。\r\n				西元1974年張冠淼先生從台灣省農林廳嘉義農業試驗分所獲贈阿拉比卡品種咖啡種苗，種植位於南大武山金崙溪流域的近黃跟都飛魯溫泉上方800公尺之排灣族舊讀古梧部落附近，此為弘宇自然農場咖啡種原區。\r\n				舊讀古梧部落已於西元1988年劃入大武山自然保留區，大武山自然保留區是台灣地區目前所保留面積最大、林相最完整的天然林地，孕育著豐富珍貴稀有的生物資源，亦為瀕臨絕種之世界稀有保育動物台灣雲豹的棲息地。\r\n				農場位處深山，交通運輸不便，增加了管理及採收的難度與成本。西元1983年放棄經營，任其自然生長，因緊臨大武山自然保留區，每當進入咖啡熟果期時，野獸與鳥禽會來叼食熟果，在叼食的過程中卻也使牠們成了天然播種的自然媒介，由於生態林下的野生咖啡種苗數量持續增加、範圍持續擴大，顯見經過自然演化已成為歸化種，西元1993年（民國82年）成立弘宇自然農場野生咖啡種原保育區。\r\n				西元2000年因古坑咖啡掘起，咖啡帶來地方經濟利益，金崙地區之原住民開始從弘宇自然農場野生咖啡種原保育區取種栽培，因此弘宇自然農場野生咖啡品種（阿拉比卡歸化種）成為金崙咖啡的主要品種。\r\n				西元2004年（民國93年）自家採種並以自然農法種植於台東縣太麻里鄉金崙村富山之弘宇自然農場，農場海拔高度500至800公尺，背山面海，終年海風吹拂，時有雲霧籠罩，咖啡樹種植於雲間帶下緣之生態林內，由於得天獨厚之天然微氣候與自然農法的種植方式，生產的咖啡豆品質優良，具有島嶼豆及高原豆之特性，沖泡出的咖啡擁有獨特香氣與口感。\r\n				十六世紀葡萄牙人稱台東為「Alanger」，故將「Alanger」音譯為中文「艾蘭哥爾」，西元2011年（民國100年）將種原保育區，更名為「艾蘭哥爾經典咖啡野生種原保育區」，並且將弘宇自然農場所生產的咖啡豆，命名為「艾蘭哥爾經典咖啡豆」，創立了「艾蘭哥爾咖啡」品牌。\r\n				台東為典型之農業縣，幅員遼闊，偏鄉地區經濟蕭條，人口外流嚴重，城鄉差距日益擴大，經濟因素所衍生出來的社會問題甚為嚴重，如何培植高經濟之永續產業，讓偏鄉居民能夠安居樂業，乃當務之急，有鑑於此，弘宇企業致力於台東咖啡產業之提升，從事生產者之教育及輔導工作,並以消費者為導向，舉辦咖啡各項技術之研習及活動，推廣台東精品咖啡，建立台東咖啡產消平台，以期創造台東咖啡文化，讓台東咖啡躍上國際舞台，亦讓台東咖啡走入台灣的家庭，走入你我的生活。\r\n			</div>\r\n		</div> \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b05\">台東咖啡種植以阿拉比卡種為主</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/%E9%98%BF%E6%8B%89.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				世界咖啡三原種為:<br><br>\r\n				1.阿拉比卡種:佔世界生產量的75%左右，其中精品咖啡產量僅佔8%左右。<br><br>\r\n				2.羅布斯塔種:佔世界生產量的25%左右，大部份做為即溶咖啡之用。<br><br>\r\n				3.賴比瑞亞種:佔世界生產量的1%左右。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b06\">台東咖啡產地</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/036.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				南迴咖啡:達仁鄉、金峰鄉、太麻里鄉、卑南鄉部份地區<br><br>\r\n				東海岸咖啡:東河鄉、成功鎮、長濱鄉<br><br>\r\n				縱谷咖啡:卑南鄉部份地區、鹿野鄉、延平鄉、關山鎮、池上鄉\r\n			</div> \r\n		</div>	 \r\n			 \r\n\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c01\">手選精品咖啡豆</a><hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/03.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				<p>未經過挑除劣豆的生豆，<br>如果烘焙後消費者喝到的身體裡，<br>除了會攝入毒素之外，也容易造成心悸、噁心、咖啡醉等身體不適的症狀；<br><br>\r\n				手工挑選過的精品咖啡豆無論在香氣、口感或是餘韻上<br>絕對都遠遠勝於機械所挑選含劣豆的咖啡豆。 </p>\r\n\r\n\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"a03\">台東咖啡緣起</a><hr></h4>\r\n			</section>\r\n\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/011.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				台灣的咖啡樹為外來種，於西元十九世紀1884年（清光緒10年）\r\n				由英商「德記洋行」從馬尼拉引進栽培，1895年（清光緒21年）中日甲午戰爭後訂立了馬關條約，\r\n				滿清把台灣割讓給日本。<br><br>西元二十世紀初1901年日本政府在台灣各地推廣、試種，\r\n				台東廳也在1912年接受由殖產局分配的阿拉比卡咖啡種子，日本官員發現咖啡的生長情形良好，\r\n				鼓吹台東大量種植咖啡，日後台東成為咖啡重要產地。\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"b01\">鑑賞台東精品咖啡極致的風味~酸味</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/027.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡的酸源自於咖啡豆的天然果味，所有水果皆有酸味，只是程度上有所差異，咖啡也是水果，原本就帶有酸性，咖啡種子在經過多重加工後，尚能保有一種純淨的狀態，才能喝到充滿大自然活潑氣息，且明亮迷人的風味，此風味即是專家所說的酸味。<br><br>\r\n				精品咖啡酸質的口感表現為感官評價的步驟項目之一。<br>\r\n				酸的專業性定義上分為：<br><br>\r\n				1.自然的，受歡迎的酸(一種可以創造愉悅、回甘與活力感的咖啡味道)。<br>\r\n				2.自然的，不受歡迎的酸(一種源自於咖啡失敗的後製、貯存、萃取‧‧‧等，所造成不愉快口感的刺激性味道)，也是大部份一般飲者對酸味產生誤解的原因。<br>\r\n				3.不自然且不受喜歡的加工酸，是自然酸的替代品，但大致上有一種刺激性的壓縮味道。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR>東河鄉「咖啡園」百年老樹</a><HR></h4>\r\n				\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/021.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				圖片為日治時代種植於東河鄉泰源地區之賴比瑞亞種咖啡老樹，已列入老樹保育。\r\n			</div> \r\n		</div>\r\n		\r\n		\r\n		\r\n	</div>\r\n\r\n</div>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.200.125',NULL,NULL,NULL,NULL,NULL,NULL),(1007,'2018-01-27 11:02:00','2018-01-22 09:59:24',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n<div class=\"bgw1\">\r\n	<div class=\"img\">\r\n		<div style=\"text-align: center;\">\r\n			<div style=\"text-align: center;\">\r\n				<div id=\"bgw1\" style=\"text-align: left;\">\r\n					<iframe allowtransparency=\"true\" scrolling=\"no\" src=\"//www.facebook.com/v2.5/plugins/page.php?href=https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%8E%8A%E5%9C%92-297327576945814/;width=300&amp;show_facepile=true&amp;small_header=true&amp;hide_cover=false&amp;show_posts=true&amp;locale=zh_TW\" style=\"border:none; overflow:hidden;max-width: 100%; height: 150px; float:left;\"></iframe></div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n				<div>\r\n					<hr />\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n				<div>\r\n					&nbsp;</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div>\r\n	<div class=\"wel\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"color:greenyellow;\"><span style=\"font-size:35px;\">welcome</span></span></strong></div>\r\n				<div class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"color:greenyellow;\"><span style=\"font-size:30px;\">芳林莊園農場</span></span></strong>\r\n					<hr />\r\n				</div>\r\n				<h1>\r\n					&nbsp;</h1>\r\n				<h1>\r\n					<strong style=\"background-color: initial;\">一生懸命，自慢的芭樂&mdash;芳林</strong></h1>\r\n				<div id=\"introduce\">\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						&nbsp;</div>\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						<span style=\"color:#f0ffff;\"><strong>芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，嚴謹的管理及記錄生產過程，<br />\r\n						<br />\r\n						並讓它以最自然 的方式自然生長，讓它擁有該有的原始風味，就像眾給自己家人吃一樣，希望您也</strong></span></div>\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						<strong>&nbsp;</strong></div>\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						<strong><span style=\"color:#f0ffff;\">可以透過芳林，<br />\r\n						<br />\r\n						安心與健康的食用，這就是芳林給您最好的祝福。</span></strong></div>\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						&nbsp;</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<div class=\"bgw2\">\r\n		<div class=\"img\">\r\n			<div style=\"text-align: center;\">\r\n				<div style=\"text-align: center;\">\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						<strong><span style=\"font-size:35px;\"><span style=\"color:greenyellow;\">芭樂展現浪漫原味</span></span></strong></div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div style=\"background: rgba(65,199,76,0.50) \">\r\n						<p>\r\n							&nbsp;</p>\r\n						<p>\r\n							<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></p>\r\n						<p>\r\n							&nbsp;</p>\r\n						<div>\r\n							<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">&ldquo;我的芭樂自然熟成，八、九分熟最好吃！&rdquo;</span></span></strong></div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n					</div>\r\n				</div>\r\n				<div>\r\n					<hr />\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n				<div>\r\n					&nbsp;</div>\r\n			</div>\r\n			<div style=\"text-align: center;\">\r\n				<div class=\"row\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<p>\r\n							&nbsp;</p>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/89560.jpg\" style=\" width: 400px; text-align: start; height: 350px;\" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/89561.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82(2).jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n						</div>\r\n						<p>\r\n							&nbsp;</p>\r\n						<br />\r\n						<p>\r\n							&nbsp;</p>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full \" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%822.jpg\" style=\" width: 400px; text-align: start; height: 350px;\" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/guavasell.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E8%8A%AD%E6%A8%82.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n						</div>\r\n						<p>\r\n							&nbsp;</p>\r\n					</div>\r\n				</div>\r\n			</div>\r\n			&nbsp;\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n			<hr />\r\n		</div>\r\n	</div>\r\n	<div class=\"bgw3\">\r\n		<div class=\"img\">\r\n			<div style=\"text-align: center;\">\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					<strong><span style=\"font-size:35px;\"><span style=\"color:greenyellow;\">可愛的小動物</span></span></strong></div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div style=\"background:rgba(36,194,220,0.65) \">\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<div>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">&ldquo;有大自然的陪伴，芭樂變得更香甜&rdquo;</span></span></strong></div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n				</div>\r\n				<div style=\"text-align: center;\">\r\n					<div class=\"row\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<hr />\r\n							<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084760586.jpg\" style=\" width: 400px; text-align: start; height: 350px;\" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084766594.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084777516.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n							</div>\r\n							<p>\r\n								&nbsp;</p>\r\n							<br />\r\n							<p>\r\n								&nbsp;</p>\r\n							<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full \" src=\"/userUpload/images/10512106/1515084779133.jpg\" style=\" width: 400px; text-align: start; height: 350px;\" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/guavasell.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1514856929533.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n							</div>\r\n							<p>\r\n								&nbsp;</p>\r\n							<hr />\r\n							<p>\r\n								&nbsp;</p>\r\n							<p>\r\n								&nbsp;</p>\r\n							<p>\r\n								&nbsp;</p>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<style type=\"text/css\">\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/normalize.css\" />\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/htmleaf-demo.css\">\r\n<link rel=\"stylesheet\" href=\"dist/aos.css\" />\r\n<link rel=\"stylesheet\" href=\"css/styles.css\" />\r\n/*************************************************字形設定********************************************************************************************/\r\n.p1{Font-Family:\'微軟正黑體\';text-align: center; }\r\n.p2{font-family:sans-serif,\'微軟正黑體\';}\r\n/************************************************文字介紹*********************************************************************************************/\r\n	#introduce\r\n			{\r\n				position: relative;\r\n				padding: 0em 0em 0em 0em;\r\n				margin-right: 0px;\r\n				margin-top:-5px;\r\n                        	font-size:30px;\r\n				Font-Family:\'微軟正黑體\'; \r\n                                   			\r\n				\r\n	}\r\n/**********************************************圖片表格*************************************************************************************************/\r\n	\r\n	.wel{text-align:center;  background:url(/userUpload/images/10512106/1515084762649.jpg); background-size:100% 100%;background-attachment: fixed;font-size:30px; color:black;}\r\n	.img{text-align: center;class=\"img-rounded\"}\r\n	\r\n	h1{text-align:center; color:white; Font-Family:微軟正黑體;font-size:30px;} \r\n\r\n	.bgw1{ background: url(/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E9%A6%96%E9%A0%81.jpg);background-size:100% 100%;}\r\n        .bgw2{ background: url(/userUpload/images/10512106/1514856912201.jpg);background-size:contain; background-attachment: fixed;text-align:center;}	\r\n        .bgw3{ background: url(/userUpload/images/10512106/1514856925503.jpg);background-size:100% 100%; background-attachment: fixed;text-align:center;}	\r\n	body{background: rgba(0,0,0,1.00);}\r\n       .bgw{background:rgba(0,0,0,1.00);}\r\n/*****************************************************************動畫****************************************************************************/\r\n	.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:#ffa100;				\r\nfont-size: 3em;				\r\nmargin-bottom: 10px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}\r\n\r\n	<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/* ****************************************2. Mobile Grid ***********************************************/\r\n.g-m-12 {	width: 50%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\n\r\n.title1area {				\r\nwidth: 100%;				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground: url();\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: green;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:green;				\r\nfont-size: 3em;				\r\nmargin-bottom: 10px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}				\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{\r\nwidth:100%;				\r\npadding: 0.2em;}			\r\n.nav>li>a {   \r\nposition: relative;    \r\ndisplay: block;    \r\npadding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;		\r\n}		\r\n/*****************************************************************動畫****************************************************************************/</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.52.102.149',NULL,NULL,NULL,NULL,NULL,NULL),(1008,'2017-12-13 09:38:58','2017-12-13 17:38:23',NULL,'2017-12-13 00:00:00','2038-01-01 00:00:00',124,252,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/123/service.png\" style=\"width: 1571px; height: 991px;\" /></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1100,NULL,0,NULL,NULL,'111.242.194.36',NULL,NULL,NULL,NULL,NULL,NULL),(1009,'2017-12-13 12:03:59','2017-12-13 20:01:29',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',124,252,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }\r\n\r\n    #pk a:hover img {\r\n            opacity:0;\r\n        }\r\n\r\n    #good a:hover img {\r\n        opacity: 0;\r\n    }	</style>\r\n</p>\r\n\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h2, h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }	</style>\r\n</p>\r\n<p>\r\n	<img class=\"img-responsive center-block\" src=\"/userUpload/images/123/service.png\" width=\"80%\" /></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1100,NULL,0,NULL,NULL,'111.242.194.36',NULL,NULL,NULL,NULL,NULL,NULL),(1010,'2018-01-26 16:12:33','2018-01-22 17:47:02',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',925,932,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	&nbsp;</p>\r\n<hr />\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n		<div class=\"main b-box \" style=\"margin-top:-50px;\">\r\n			<!--outerWrap-->\r\n			<div class=\"g-m-12\" style=\"background-image:url();background-repeat: no-repeat;		background-attachment: fixed;background-position:center;				background-size: cover;\">\r\n				<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n					<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n						<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							<span style=\"font-size:36px;\"><strong>Location</strong></span></h4>\r\n						<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							我們在哪裡</h4>\r\n						<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n							<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"700\" scrolling=\"no\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14708.789929833578!2d120.3156785!3d22.8321821!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1513197095236\" style=\"border:0\" width=\"80%\"></iframe>\r\n							<p>\r\n								&nbsp;</p>\r\n							<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n								&nbsp;</p>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<div class=\"g-m-12\">\r\n	&nbsp;</div>\r\n<p>\r\n	&nbsp;</p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					農場地圖</h4>\r\n				<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n					<img alt=\"\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 352px; height: 600px; float: left;\" />\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">聯絡資訊:</span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">農場主人</span></span></span><span style=\"color: rgb(255, 255, 224); font-size: 36px; white-space: pre-wrap;\">：</span><span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">鄭宗林 </span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">手機：0910-326-822 </span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">電話：07-371-2376 </span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent; white-space: pre-wrap;\">LINE：kenny335a </span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送</span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">信箱：kenny335a@yahoo.com.tw </span></span></span></p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n						&nbsp;</p>\r\n				</div>\r\n				<p>\r\n					&nbsp;</p>\r\n				<p>\r\n					&nbsp;</p>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&lt;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script><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\">\r\n$(document).ready(function(){ \r\n$(\"div.col-md-12 > h2.intro-text.text-center\").hide();\r\n$(\"div.col-md-12 > hr\").hide();\r\n$(\" div.bgw\").removeAttr(\"style\");\r\n$(\"#carousel01\").css(\"display\",\"none\");\r\n});\r\n\r\n\r\n$(\"ul.Nav0 li#1\").hover(function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"none\");\r\n});\r\n		$(\"#dli1-3\").hover(function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n		$(\"#dli1-4\").hover(function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css({\"top\":\"50%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n\r\n\r\n\r\n$(\"li#2\").hover(function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"none\");\r\n});	\r\n		\r\n\r\n$(\"li#3\").hover(function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"none\");\r\n});			\r\n			$(\"#dli3-0\").hover(function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css({\"top\":\"0%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-1\").hover(function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css({\"top\":\"10%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-2\").hover(function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css({\"top\":\"20%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-3\").hover(function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-4\").hover(function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css({\"top\":\"65%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n$(\"li#4\").hover(function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#5\").hover(function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#6\").hover(function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"none\");\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n   $(\'a.navbar-brand\').addClass(\'nav000\');\r\n   $(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n   \r\n   \r\n   \r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n   $(\' a.nav000\').addClass(\'navbar-brand\');\r\n   $(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/************************ 2.  Mobile Grid **************************************************************************/\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\n		body{ background: rgba(0,0,0,1.00)}\r\n		\r\n.title1area {				\r\nwidth: 80%; 				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground-color:rgba(26,112,1,0.54);\r\nbackground-position:center;			\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: green;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:greenyellow;				\r\nfont-size: 3em;				\r\nmargin-bottom: 50px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}		\r\n\r\n	\r\n/******************活動資訊*****************************/		\r\n#farmpictureback{				\r\nposition: relative;											\r\n}		\r\n#farmpicture	{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n#farmpictureback2			\r\n{				\r\nposition: relative;											\r\n}		\r\n#farmpicture2			\r\n{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n						\r\n\r\n/***********************活動資訊圖文介紹hover效果2-2*********************************/			\r\n#animation2-2 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-3.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-2:hover #imageshow2-2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-2 a{color:white;}		\r\n#imageshow2-2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-2:hover #imageshow3-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url();				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-2:hover \r\n#imageshow4-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}										\r\n		\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{width:100%;				padding: 0.2em;}			\r\n.nav>li>a {    position: relative;    \r\ndisplay: block;    padding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;\r\nbody{ font-family=\"微軟正黑體\";}		\r\n}\r\n.bgw{background: url(/userUpload/images/10512106/1514856918923.jpg);background-size:100% 100%; background-attachment: fixed;}</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.52.102.149',NULL,NULL,NULL,NULL,NULL,NULL),(1011,'2018-11-30 15:43:22','2018-11-30 23:43:22',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',925,930,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div id=\"header-wrapper\" style=\"text-align:center\">\r\n	<div class=\"container\" id=\"header\">\r\n		<div>\r\n			&nbsp;</div>\r\n		<div>\r\n			<span style=\"color: white; font-size: 50px;\">感謝各大媒體支持</span></div>\r\n		<div id=\"banner-wrapper\">\r\n			<span style=\"color:white;\"><span style=\"font-size:25px;\"><strong>Thanks for support</strong></span></span></div>\r\n	</div>\r\n</div>\r\n<div class=\"bgw2\" style=\"text-align: center;\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			<span style=\"font-size:48px;color: white;\">平面報導</span></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			<span style=\"color: white; font-size: 25px;\">flat coverage</span></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<p style=\"text-align: center;\">\r\n				&nbsp;</p>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<span style=\"font-size:25px;\"><span style=\"color: white;\">點擊圖片可進入連結</span> </span></div>\r\n			<p>\r\n				&nbsp;</p>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\"http://eyearrow.com/w_link/E_agri/2_life_5_3.html\" target=\"_blank\"><img alt=\"型農新勢力\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E6%96%B0%E5%8B%A2%E5%8A%9B(1).jpg\" style=\"height: auto; width: 560px;\" title=\"型農新勢力\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\"http://www.kaofarmers.tw/content/farmer_profile?id=42\" target=\"_blank\"><img alt=\"型農大聯盟\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E5%A4%A7%E8%81%AF%E7%9B%9F(1).jpg\" style=\"width: 560px; height: auto;\" title=\"型農大聯盟\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\"https://www.kaofarmers.tw/content/news_detail?id=9 \" target=\"_blank\"><img alt=\"型農大聯盟\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E5%A4%A7%E8%81%AF%E7%9B%9F.png\" style=\"width: 560px; height: auto;\" title=\"型農大聯盟\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"bgw1\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			<p style=\"text-align: center;\">\r\n				&nbsp;</p>\r\n			<p style=\"text-align: center;\">\r\n				<span style=\"font-size:48px;\"><span style=\"color:black;\">影音報導</span></span></p>\r\n		</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 \">\r\n			<p style=\"text-align: center;\">\r\n				<span style=\"font-size:25px;\"><span style=\"color:black\">Audio and video coverage</span></span></p>\r\n		</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<hr />\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<div class=\"videoWrapper\">\r\n					<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"https://www.youtube.com/embed/WPqw0D4aSv4\" width=\"560\"></iframe></div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<h3>\r\n					<br />\r\n					<span style=\"color:#000000;\">芳林芭樂宣傳片</span><br />\r\n					<br />\r\n					&nbsp;</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<div class=\"videoWrapper\">\r\n					<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe></div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<h3>\r\n					<br />\r\n					<span style=\"color:#000000;\">待上傳</span><br />\r\n					<br />\r\n					&nbsp;</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<div class=\"videoWrapper\">\r\n					<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe></div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<h3>\r\n					<br />\r\n					<span style=\"color:#000000;\">待上傳</span><br />\r\n					<br />\r\n					&nbsp;</h3>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n<!--/div--><!-- /.content --><!-- /.row --><!-- /.container -->\r\n<style type=\"text/css\">\r\n/******************標題***********************/\r\n h1, h2, h3,h22{\r\n					margin: 0;\r\n					padding: 0;\r\n				  }\r\n h3 {\r\n    font-size: 24px;\r\n    text-align: center;\r\n}\r\n				  \r\n#banner-wrapper\r\n				{\r\n					padding: 2em 0em 2em 0em;\r\n					}\r\n					\r\n#header-wrapper\r\n			{\r\n			  position: relative;\r\n			  padding: 15em 0em 1em 0em;\r\n			  background: #111111 url(/userUpload/images/10512106/1515084768306.jpg) no-repeat center;\r\n			  background-size: cover ;\r\n						}\r\n	                                  \r\n#header{\r\n			 position: relative;\r\n		     padding: 2em 0em 2em 0em;\r\n						}\r\n/******************內容***********************/\r\nbody { \r\n            font-family:微軟正黑體;\r\n            font-size: 14px;\r\n            line-height: 1.428571;\r\n            color: white;\r\n            background: url(userUpload/20180105背景圖.jpg) no-repeat fixed center center;\r\n            background-size: 100% 100%;\r\n          }\r\nimg {\r\n    border-radius: 22%;\r\n}\r\n/*****************影音************************/\r\n		  \r\n.videoWrapper {\r\n		  position: relative;\r\n		  padding-bottom: 56.25%; /* 16:9 */\r\n		  padding-top: 25px;\r\n		  height: 0;\r\n		}\r\n						\r\n.videoWrapper iframe {\r\n							position: absolute;\r\n							top: 0;\r\n							left: 0;\r\n							width: 100%;\r\n							height: 100%;\r\n						}\r\n/*****************頁尾***********************/						\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\r\n}\r\n/***************修改預設*******************/	\r\nhr {\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    border: 0;\r\n    border-top: 1px solid rgba(238, 238, 238, 0.9);\r\n}		\r\n\r\n			\r\n/******************背景***********************/\r\n\r\n	.bgw1{background-color: white;}\r\n	.bgw2{background-color: rgba(80, 178, 104, 0.9);}\r\n    .bgw{ background-color:rgba(255,255,255, 0.2) }\r\n	\r\n	      \r\n                           \r\n                                \r\n/************************************************/\r\n\r\n.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, \r\n.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, \r\n.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, \r\n.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 \r\n{\r\n    position: relative;\r\n    min-height: 1px;\r\n    padding-right: 20px;\r\n    padding-left: 20px;\r\n}\r\n/*******************navbar************************/\r\n.navbar-default .navbar-nav>.active>a, \r\n.navbar-default .navbar-nav>.active>a:focus, \r\n.navbar-default .navbar-nav>.active>a:hover\r\n {\r\n    color: white;\r\n    background-color: brown;\r\n}\r\n/******************************************************/\r\n\r\n\r\n\r\n/* Large devices (laptops/desktops, 1200px and up) */\r\n@media only screen and (max-width: 1200px) {\r\n     body{background:black;\r\n	     \r\n	}\r\n	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, \r\n.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, \r\n.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, \r\n.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 \r\n{\r\n   \r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n}\r\n    .row {\r\n    margin-right: 0px;\r\n    margin-left: 0px;\r\n}\r\n   \r\n} \r\n\r\n\r\n/***********************************************************/</style>\r\n','','',0,'',332521,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.12.3.209',NULL,NULL,NULL,NULL,NULL,NULL),(1012,'2017-12-14 03:36:28','2017-12-14 11:30:56',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<div class=\"row\" style=\"font-family:微軟正黑體\">\r\n	<div class=\"col-md-6\" style=\"box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; text-align: center; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\">\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-family: inherit; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			&nbsp;</h1>\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-family: inherit; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			艾蘭哥爾咖啡總店</h1>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			周一~周五 9:00-18:00</h4>\r\n		<img src=\"/userUpload/images/Alanger/20151008_132307.jpg\" style=\"position: absolute; transition: opacity 1s ease-in-out; width: 500px; opacity: 0; color: rgb(34, 34, 34); font-size: 12px; text-align: start;\" />\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			台東縣台東市勝利街109號</h4>\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			電話:08 932 2246</h4>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n	</div>\r\n	<div class=\"col-md-6\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3679.0391778913495!2d121.1543312355019!3d22.76392729144249!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fb944774b1787%3A0x537a722ed18fb62b!2zOTUw5Y-w5p2x57ij5Y-w5p2x5biC5Yud5Yip6KGXMTA56Jmf!5e0!3m2!1szh-TW!2stw!4v1508385443621\" style=\"border:0\" width=\"600\"></iframe></div>\r\n	<hr style=\"box-sizing: content-box; height: 0px; margin-top: 20px; margin-bottom: 20px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\" />\r\n</div>\r\n<div class=\"row\"  style=\"font-family:微軟正黑體\">\r\n	<div class=\"col-md-6\" style=\"box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; text-align: center; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\">\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-family: inherit; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			艾蘭哥爾藝文咖啡館</h1>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			週二~周日 9:00-18:00</h4>\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			台東縣台東市浙江路350號</h4>\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			電話:08 933 5123</h4>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n	</div>\r\n	<div class=\"col-md-6\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1839.5176108414232!2d121.15105290794585!3d22.764074119553804!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fb99db73aa0cd%3A0xff12913793dd9be1!2z6Im-6Jit5ZOl54i-5ZKW5ZWh!5e0!3m2!1szh-TW!2stw!4v1508400282538\" style=\"border:0\" width=\"600\"></iframe></div>\r\n</div>\r\n<style type=\"text/css\">\r\nbody *{font-family:微軟正黑體}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1013,'2017-12-21 03:22:29','2017-12-21 11:22:29',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">body{font-family:微軟正黑體} .navbar-nav > li > a {padding-top: 10px;padding-bottom: 0px;line-height: 25px;font-size: 15px;}</style>\r\n<div class=\"row\">\r\n	<div class=\"col-md-6\" style=\"box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; text-align: center; color: rgb(51, 51, 51); font-size: 14px;\">\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			艾蘭哥爾咖啡總店</h1>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px; color: rgb(51, 51, 51); font-size: 14px; text-align: center;\" />\r\n		<h4 style=\"box-sizing: border-box;font-weight: 500; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 18px; text-align: center;\">\r\n			周一~周五 9:00-18:00</h4>\r\n		<h4 style=\"box-sizing: border-box; font-weight: 500; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 18px; text-align: center;\">\r\n			台東縣台東市勝利街109號</h4>\r\n		<h4 style=\"box-sizing: border-box; font-weight: 500; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 18px; text-align: center;\">\r\n			電話:08 932 2246</h4>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; text-align: center;\" />\r\n	</div>\r\n	<div class=\"col-md-6\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3679.0391778913495!2d121.1543312355019!3d22.76392729144249!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fb944774b1787%3A0x537a722ed18fb62b!2zOTUw5Y-w5p2x57ij5Y-w5p2x5biC5Yud5Yip6KGXMTA56Jmf!5e0!3m2!1szh-TW!2stw!4v1508385443621\" style=\"border:0\" width=\"600\"></iframe></div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-md-6\" style=\"box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; text-align: center; color: rgb(51, 51, 51); font-size: 14px;\">\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			艾蘭哥爾藝文咖啡館</h1>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n		<h4 style=\"box-sizing: border-box;font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			週二~周日 9:00-18:00</h4>\r\n		<h4 style=\"box-sizing: border-box;font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			台東縣台東市浙江路350號</h4>\r\n		<h4 style=\"box-sizing: border-box;ont-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			電話:08 933 5123</h4>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n	</div>\r\n	<div class=\"col-md-6\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1839.5176108414232!2d121.15105290794585!3d22.764074119553804!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fb99db73aa0cd%3A0xff12913793dd9be1!2z6Im-6Jit5ZOl54i-5ZKW5ZWh!5e0!3m2!1szh-TW!2stw!4v1508400282538\" style=\"border:0\" width=\"600\"></iframe></div>\r\n</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1014,'2017-12-14 13:21:23','2017-12-14 21:21:23',NULL,NULL,NULL,1014,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'六龜荖濃家營農場',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,1,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1015,'2017-12-15 05:49:48','2017-12-14 21:23:41',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'test','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'1.175.0.252',NULL,1,NULL,NULL,NULL,NULL),(1016,'2017-12-14 13:31:51','2017-12-14 21:25:55',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',45,46,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'1',NULL,'<p>\r\n	This is some sample textdasda</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1017,'2017-12-14 13:31:49','2017-12-14 21:26:00',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',45,46,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'2',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1018,'2017-12-14 13:31:46','2017-12-14 21:26:05',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',45,46,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'4',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1019,'2017-12-14 13:31:42','2017-12-14 21:30:26',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',45,56,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'1',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1020,'2017-12-14 14:12:26','2017-12-14 22:12:26',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,1015,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'eeee',NULL,'<p>\r\n	This is some sample text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1021,'2017-12-14 16:49:18','2017-12-14 22:07:45',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'123',NULL,'<!DOCTYPE html>\r\n<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>\r\n\r\n    <meta charset=\"utf-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n    \r\n    <meta name=\"keywords\" content=\"銘泉生態休閒農場,銘泉,農場\">\r\n    <meta name=\"description\" content=\"\">\r\n    <meta name=\"author\" content=\"\">\r\n\r\n    <title>銘泉生態休閒農場</title>\r\n\r\n    <!-- Bootstrap Core CSS -->\r\n    <link href=\"css/bootstrap.min.css\" rel=\"stylesheet\">\r\n\r\n    <!-- Custom CSS -->\r\n\r\n    <link href=\"css/custom.css\" rel=\"stylesheet\">\r\n\r\n    <!-- Fonts -->\r\n    <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\">\r\n    <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\">\r\n\r\n    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->\r\n    <!-- WARNING: Respond.js doesn\'t work if you view the page via file:// -->\r\n    <!--[if lt IE 9]>\r\n        <script src=\"https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js\"></script>\r\n        <script src=\"https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js\"></script>\r\n    <![endif]-->\r\n\r\n	\r\n	<style>\r\n    	body {\r\n    		background: url(\'userUpload/201711242017dm11.jpg\') no-repeat fixed center center;\r\n    		background-size: 100%;\r\n    	}\r\n    	\r\n    	body { \r\n    		padding-top: 70px; \r\n    	}\r\n    	\r\n		.brand {\r\n\r\n		}\r\n		\r\n		.navbar-nav > li > a {\r\n			padding-top: 0px;\r\n			padding-bottom: 0px;\r\n			line-height: 50px;\r\n			font-size: 16px;\r\n		}\r\n		\r\n		.navbar-default .navbar-nav>li>a {\r\n			color: #000000;\r\n		}\r\n		\r\n		.navbar-default {\r\n			background-color: #CA7A00;\r\n		}\r\n\r\n		@media (max-width: 767px) {\r\n			.navbar-nav > li > a {\r\n				line-height: 20px;\r\n				padding-top: 10px;\r\n				padding-bottom: 10px;\r\n			}\r\n		}\r\n\r\n		.bgw {\r\n			background-color: rgba(255,255,255,0.8);\r\n		}\r\n		\r\n		p {\r\n			font-size: 14px; \r\n		}\r\n		\r\n		.dropdown-submenu {\r\n			position: relative;\r\n		}\r\n\r\n		.dropdown-submenu>.dropdown-menu {\r\n			top: 0;\r\n			left: 100%;\r\n			margin-top: -6px;\r\n			margin-left: -1px;\r\n			-webkit-border-radius: 0 6px 6px 6px;\r\n			-moz-border-radius: 0 6px 6px;\r\n			border-radius: 0 6px 6px 6px;\r\n		}\r\n\r\n		.dropdown-submenu:hover>.dropdown-menu {\r\n			display: block;\r\n		}\r\n\r\n		.dropdown-submenu>a:after {\r\n			display: block;\r\n			content: \" \";\r\n			float: right;\r\n			width: 0;\r\n			height: 0;\r\n			border-color: transparent;\r\n			border-style: solid;\r\n			border-width: 5px 0 5px 5px;\r\n			border-left-color: #ccc;\r\n			margin-top: 5px;\r\n			margin-right: -10px;\r\n		}\r\n\r\n		.dropdown-submenu:hover>a:after {\r\n			border-left-color: #fff;\r\n		}\r\n\r\n		.dropdown-submenu.pull-left {\r\n			float: none;\r\n		}\r\n\r\n		.dropdown-submenu.pull-left>.dropdown-menu {\r\n			left: -100%;\r\n			margin-left: 10px;\r\n			-webkit-border-radius: 6px 0 6px 6px;\r\n			-moz-border-radius: 6px 0 6px 6px;\r\n			border-radius: 6px 0 6px 6px;\r\n		}		\r\n		\r\n		div {\r\n			opacity: 0;\r\n			-webkit-transition: opacity 1s ease-in;\r\n			   -moz-transition: opacity 1s ease-in;\r\n				-ms-transition: opacity 1s ease-in;\r\n				 -o-transition: opacity 1s ease-in;\r\n				    transition: opacity 1s ease-in;\r\n		}\r\n		\r\n		.load { opacity: 1; }\r\n		\r\n	</style>\r\n	\r\n	<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>\r\n\r\n	<script language=\"JavaScript\">\r\n	<!--\r\n	// Nannette Thacker http://www.shiningstar.net\r\n	function confirmSubmit()\r\n	{\r\n		var agree=confirm(\"確定要繼續？\");\r\n		if (agree)\r\n			return true ;\r\n		else\r\n			return false ;\r\n	}\r\n	// -->\r\n\r\n	</script>\r\n	\r\n	\r\n	\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n	<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    \r\n\r\n</head>\r\n\r\n<body>\r\n\r\n\r\n\r\n\r\n<div class=\"navbar navbar-default navbar-fixed-top load\" role=\"navigation\">\r\n    <div class=\"container load\">\r\n        <div class=\"navbar-header load\">\r\n            <button type=\"button\" class=\"navbar-toggle\" data-toggle=\"collapse\" data-target=\".navbar-collapse\">\r\n                <span class=\"sr-only\">Toggle navigation</span>\r\n                <span class=\"icon-bar\"></span>\r\n                <span class=\"icon-bar\"></span>\r\n                <span class=\"icon-bar\"></span>\r\n            </button>\r\n            <!--a class=\"navbar-brand\" href=\"#\">NavBar</a-->\r\n        </div>\r\n        <div class=\"collapse navbar-collapse load\">\r\n            <ul class=\"nav navbar-nav navbar-right\">\r\n\r\n                <li><a href=\"index.php?Act=125&amp;SK=0&amp;MK=0&amp;PK=-10\">會員登入/加入</a></li>\r\n		            \r\n                <li><a href=\"http://ecloud.ewang.com.tw\" target=\"_blank\">首頁</a></li>\r\n            </ul>\r\n            <ul class=\"nav navbar-nav\">\r\n                \r\n\r\n			    <li><img src=\"userUpload/20171018indexlogo.png\" height=\"50px\"></li>\r\n		\r\n					<li><a href=\"index.php?Act=125&amp;MK=125&amp;PK=745\" title=\"\" class=\"\">銘泉首頁</a></li>\r\n					\r\n				\r\n				\r\n					<li><a href=\"index.php?Act=125&amp;MK=125&amp;PK=133\" title=\"\" class=\"\">關於銘泉</a></li>\r\n					\r\n				\r\n				\r\n					<li><a href=\"index.php?Act=125&amp;MK=125&amp;PK=512\" title=\"\" class=\"\">媒體報導</a></li>\r\n					\r\n				\r\n				\r\n		            <li>\r\n		                <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" title=\"\">活動資訊 <b class=\"caret\"></b></a>\r\n		                <ul class=\"dropdown-menu multi-level\">\r\n		        \r\n				<li><a href=\"index.php?Act=125&amp;MK=134&amp;PK=295\" title=\"\" class=\"\">體驗活動</a></li>\r\n				\r\n				\r\n			\r\n				<li><a href=\"index.php?Act=125&amp;MK=134&amp;PK=297\" title=\"\" class=\"\">185農夫市集</a></li>\r\n				\r\n				\r\n			\r\n				<li><a href=\"index.php?Act=125&amp;MK=134&amp;PK=506\" title=\"\" class=\"\">顧客分享與評估</a></li>\r\n				\r\n				\r\n			\r\n		                </ul>\r\n		            </li>\r\n				\r\n		            <li>\r\n		                <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" title=\"\">銘泉商店 <b class=\"caret\"></b></a>\r\n		                <ul class=\"dropdown-menu multi-level\">\r\n		        \r\n				<li><a href=\"index.php?Act=125&amp;MK=135&amp;PK=508\" title=\"\" class=\"\">有機農產系列</a></li>\r\n				\r\n				\r\n			\r\n				<li><a href=\"index.php?Act=125&amp;MK=135&amp;PK=509\" title=\"\" class=\"\">為健康打氣系列</a></li>\r\n				\r\n				\r\n			\r\n				<li><a href=\"index.php?Act=125&amp;MK=135&amp;PK=510\" title=\"\" class=\"\">為人生提味系列</a></li>\r\n				\r\n				\r\n			\r\n		                </ul>\r\n		            </li>\r\n				\r\n		            <li>\r\n		                <a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\" title=\"\">交通指引 <b class=\"caret\"></b></a>\r\n		                <ul class=\"dropdown-menu multi-level\">\r\n		        \r\n				<li><a href=\"index.php?Act=125&amp;MK=136&amp;PK=302\" title=\"\" class=\"\">交通</a></li>\r\n				\r\n				\r\n			\r\n				<li><a href=\"index.php?Act=125&amp;MK=136&amp;PK=303\" title=\"\" class=\"\">常見問題</a></li>\r\n				\r\n				\r\n			\r\n		                </ul>\r\n		            </li>\r\n				\r\n					<li><a href=\"index.php?Act=125&amp;MK=125&amp;PK=304\" title=\"\" class=\"\">聯絡資訊</a></li>\r\n					\r\n				\r\n				      \r\n      \r\n            </ul>\r\n        </div><!--/.nav-collapse -->\r\n    </div>\r\n</div>\r\n\r\n\r\n\r\n\r\n\r\n    <div class=\"container-fluid bgw load\" style=\"margin-left: 10px; margin-right: 10px; \">\r\n\r\n\r\n        \r\n        \r\n        \r\n        <div class=\"row load\">\r\n\r\n        \r\n        	<!-- .content -->\r\n            <div class=\"col-md-12 load\" style=\"padding-top: 0px; \">\r\n            	<!--div class=\"bgw\" style=\"margin-top: 0px; padding-top: 0px; \"-->\r\n            \r\n				\r\n\r\n\r\n\r\n				\r\n\r\n			<div class=\"row load\">\r\n		\r\n	            <div class=\"col-md-12 load\">\r\n					<h3> <!--small>2017-12-14</small--></h3>\r\n					<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>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"div hr\").hide();\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' div.navbar.navbar-default.navbar-fixed-top\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' div.navbar.navbar-default.navbar-fixed-top\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated fadeInUp zoomIn slideInLeft slideInRight  fadeIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n						\r\n					\r\n					<hr style=\"display: none;\">\r\n				</div>\r\n		\r\n			</div>\r\n		               \r\n				\r\n	<div class=\"clearfix load\"></div>	\r\n\r\n\r\n		\r\n            	<!--/div-->\r\n            </div>\r\n            <!-- /.content -->\r\n\r\n        </div>\r\n		<!-- /.row -->\r\n            \r\n    \r\n\r\n		\r\n            \r\n		\r\n    </div>\r\n    <!-- /.container -->\r\n\r\n	<footer>\r\n		<div class=\"container-fluid bgw load\" style=\"margin-top: 10px; \">\r\n			<div class=\"row load\">\r\n				<div class=\"col-lg-12 text-center load\">\r\n					<p>總瀏覽人數： 19600，本頁瀏覽人數： 5714					<br>銘泉生態休閒農場					<br>地址：屏東縣瑪家鄉佳義村114-6號					<br>電話：08-799-0220					<br>Copyright © 銘泉生態休閒農場 2016\r\n				</p></div>\r\n			</div>\r\n		</div>\r\n	</footer>\r\n\r\n	<!-- jQuery (necessary for Bootstrap\'s JavaScript plugins) -->\r\n    <script src=\"js/jquery-3.2.1.min.js\"></script>\r\n    <!-- Include all compiled plugins (below), or include individual files as needed -->\r\n    <script src=\"js/bootstrap.min.js\"></script>\r\n    \r\n\r\n    <!-- Script to Activate the Carousel -->\r\n    <script>\r\n		$(\'.carousel\').carousel({\r\n		    interval: 5000 //changes the speed\r\n		})\r\n		\r\n		$(function() {\r\n			\r\n			$(\"div\").addClass(\"load\");\r\n\r\n		});\r\n		\r\n    </script>\r\n\r\n\r\n\r\n\r\n\r\n</body></html>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1022,'2017-12-14 16:49:16','2017-12-14 22:07:56',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'123',NULL,'<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<p>\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n</p>\r\n<p>\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n</p>\r\n<p>\r\n	<meta content=\"銘泉生態休閒農場,銘泉,農場\" name=\"keywords\" />\r\n</p>\r\n<p>\r\n	<meta content=\"\" name=\"description\" />\r\n</p>\r\n<p>\r\n	<meta content=\"\" name=\"author\" />\r\n</p>\r\n<p>\r\n	<title></title>\r\n	<!-- Bootstrap Core CSS --></p>\r\n<p>\r\n	<link href=\"css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<!-- Custom CSS --></p>\r\n<p>\r\n	<link href=\"css/custom.css\" rel=\"stylesheet\" />\r\n	<!-- Fonts --></p>\r\n<p>\r\n	<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\" />\r\n</p>\r\n<p>\r\n	<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\" />\r\n	<!-- 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]>\r\n        <script src=\"https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js\"></script>\r\n        <script src=\"https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js\"></script>\r\n    <![endif]-->\r\n	<style type=\"text/css\">\r\nbody {\r\n    		background: url(\'userUpload/201711242017dm11.jpg\') no-repeat fixed center center;\r\n    		background-size: 100%;\r\n    	}\r\n    	\r\n    	body { \r\n    		padding-top: 70px; \r\n    	}\r\n    	\r\n		.brand {\r\n\r\n		}\r\n		\r\n		.navbar-nav > li > a {\r\n			padding-top: 0px;\r\n			padding-bottom: 0px;\r\n			line-height: 50px;\r\n			font-size: 16px;\r\n		}\r\n		\r\n		.navbar-default .navbar-nav>li>a {\r\n			color: #000000;\r\n		}\r\n		\r\n		.navbar-default {\r\n			background-color: #CA7A00;\r\n		}\r\n\r\n		@media (max-width: 767px) {\r\n			.navbar-nav > li > a {\r\n				line-height: 20px;\r\n				padding-top: 10px;\r\n				padding-bottom: 10px;\r\n			}\r\n		}\r\n\r\n		.bgw {\r\n			background-color: rgba(255,255,255,0.8);\r\n		}\r\n		\r\n		p {\r\n			font-size: 14px; \r\n		}\r\n		\r\n		.dropdown-submenu {\r\n			position: relative;\r\n		}\r\n\r\n		.dropdown-submenu>.dropdown-menu {\r\n			top: 0;\r\n			left: 100%;\r\n			margin-top: -6px;\r\n			margin-left: -1px;\r\n			-webkit-border-radius: 0 6px 6px 6px;\r\n			-moz-border-radius: 0 6px 6px;\r\n			border-radius: 0 6px 6px 6px;\r\n		}\r\n\r\n		.dropdown-submenu:hover>.dropdown-menu {\r\n			display: block;\r\n		}\r\n\r\n		.dropdown-submenu>a:after {\r\n			display: block;\r\n			content: \" \";\r\n			float: right;\r\n			width: 0;\r\n			height: 0;\r\n			border-color: transparent;\r\n			border-style: solid;\r\n			border-width: 5px 0 5px 5px;\r\n			border-left-color: #ccc;\r\n			margin-top: 5px;\r\n			margin-right: -10px;\r\n		}\r\n\r\n		.dropdown-submenu:hover>a:after {\r\n			border-left-color: #fff;\r\n		}\r\n\r\n		.dropdown-submenu.pull-left {\r\n			float: none;\r\n		}\r\n\r\n		.dropdown-submenu.pull-left>.dropdown-menu {\r\n			left: -100%;\r\n			margin-left: 10px;\r\n			-webkit-border-radius: 6px 0 6px 6px;\r\n			-moz-border-radius: 6px 0 6px 6px;\r\n			border-radius: 6px 0 6px 6px;\r\n		}		\r\n		\r\n		div {\r\n			opacity: 0;\r\n			-webkit-transition: opacity 1s ease-in;\r\n			   -moz-transition: opacity 1s ease-in;\r\n				-ms-transition: opacity 1s ease-in;\r\n				 -o-transition: opacity 1s ease-in;\r\n				    transition: opacity 1s ease-in;\r\n		}\r\n		\r\n		.load { opacity: 1; }	</style>\r\n	<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\">\r\n	<!--\r\n	// Nannette Thacker http://www.shiningstar.net\r\n	function confirmSubmit()\r\n	{\r\n		var agree=confirm(\"確定要繼續？\");\r\n		if (agree)\r\n			return true ;\r\n		else\r\n			return false ;\r\n	}\r\n	// -->\r\n\r\n	</script><!-- Google web fonts, https://design.google.com/icons/ --></p>\r\n<p>\r\n	<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\" />\r\n</p>\r\n<div class=\"navbar navbar-default navbar-fixed-top load\" role=\"navigation\">\r\n	<div class=\"container load\">\r\n		<div class=\"navbar-header load\">\r\n			<button class=\"navbar-toggle\" data-target=\".navbar-collapse\" data-toggle=\"collapse\" type=\"button\"><span class=\"sr-only\">Toggle navigation</span></button><!--a class=\"navbar-brand\" href=\"#\">NavBar</a--></div>\r\n		<div class=\"collapse navbar-collapse load\">\r\n			<ul class=\"nav navbar-nav navbar-right\">\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;SK=0&amp;MK=0&amp;PK=-10\">會員登入/加入</a></li>\r\n				<li>\r\n					<a href=\"http://ecloud.ewang.com.tw\" target=\"_blank\">首頁</a></li>\r\n			</ul>\r\n			<ul class=\"nav navbar-nav\">\r\n				<li>\r\n					<img height=\"50px\" src=\"userUpload/20171018indexlogo.png\" /></li>\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;MK=125&amp;PK=745\" title=\"\">銘泉首頁</a></li>\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;MK=125&amp;PK=133\" title=\"\">關於銘泉</a></li>\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;MK=125&amp;PK=512\" title=\"\">媒體報導</a></li>\r\n				<li>\r\n					<a class=\"dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" title=\"\">活動資訊 </a>\r\n					<ul class=\"dropdown-menu multi-level\">\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=134&amp;PK=295\" title=\"\">體驗活動</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=134&amp;PK=297\" title=\"\">185農夫市集</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=134&amp;PK=506\" title=\"\">顧客分享與評估</a></li>\r\n					</ul>\r\n				</li>\r\n				<li>\r\n					<a class=\"dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" title=\"\">銘泉商店 </a>\r\n					<ul class=\"dropdown-menu multi-level\">\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=135&amp;PK=508\" title=\"\">有機農產系列</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=135&amp;PK=509\" title=\"\">為健康打氣系列</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=135&amp;PK=510\" title=\"\">為人生提味系列</a></li>\r\n					</ul>\r\n				</li>\r\n				<li>\r\n					<a class=\"dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" title=\"\">交通指引 </a>\r\n					<ul class=\"dropdown-menu multi-level\">\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=136&amp;PK=302\" title=\"\">交通</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=136&amp;PK=303\" title=\"\">常見問題</a></li>\r\n					</ul>\r\n				</li>\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;MK=125&amp;PK=304\" title=\"\">聯絡資訊</a></li>\r\n			</ul>\r\n		</div>\r\n		<!--/.nav-collapse --></div>\r\n</div>\r\n<div class=\"container-fluid bgw load\" style=\"margin-left: 10px; margin-right: 10px; \">\r\n	<div class=\"row load\">\r\n		<!-- .content -->\r\n		<div class=\"col-md-12 load\" style=\"padding-top: 0px; \">\r\n			<!--div class=\"bgw\" style=\"margin-top: 0px; padding-top: 0px; \"-->\r\n			<div class=\"row load\">\r\n				<div class=\"col-md-12 load\">\r\n					<h3>\r\n						<!--small>2017-12-14</small--></h3>\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"IE=edge,chrome=1\" http-equiv=\"X-UA-Compatible\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"NOODP\" name=\"robots\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\" name=\"viewport\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<title></title>\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"\" name=\"google-site-verification\" />\r\n	<!-- Google驗證網站擁有權 --><!-- SEO --></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"銘泉生態休閒農場 鳳梨 屏東沿山公路\" name=\"keywords\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"\" name=\"description\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"webgolds\" itemprop=\"image\" />\r\n	<!-- Google+ meta tag for image --><!--  Meta for OpenGraph --><!-- FB --></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"銘泉生態休閒農場\" property=\"og:title\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"銘泉生態休閒農場\" property=\"og:description\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"website\" property=\"og:type\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"zh_TW\" property=\"og:locale\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"銘泉生態休閒農場\" property=\"og:site_name\" />\r\n	<!-- 網站名稱 --></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"\" property=\"og:url\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"/userUpload/images/201711124indexlogo.png\" property=\"og:image\" />\r\n	<!-- 圖示 --><!--<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 -->\r\n	<style type=\"text/css\">\r\nhtml, 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>\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<div class=\"navbar navbar-default navbar-fixed-top load\" id=\"nav2\" role=\"navigation\">\r\n	<div class=\"container load\">\r\n		<div class=\"navbar-header load\">\r\n			<button class=\"navbar-toggle\" data-target=\".navbar-collapse\" data-toggle=\"collapse\" type=\"button\"><span class=\"sr-only\">Toggle navigation</span></button><img class=\"navbar-brand\" src=\"/userUpload/images/201711124indexlogo.png\" style=\"height:50px\" /><a class=\"navbar-brand\" href=\"#\">銘泉生態農場</a> <!--a class=\"navbar-brand\" href=\"#\">NavBar</a--></div>\r\n		<div class=\"collapse navbar-collapse load\">\r\n			<ul class=\"nav0001 nav navbar-nav navbar-right\">\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;SK=0&amp;MK=125&amp;PK=-10\">會員登入/加入</a></li>\r\n				<li>\r\n					<a href=\"http://ecloud.ewang.com.tw\" target=\"_blank\">首頁</a></li>\r\n			</ul>\r\n			<ul class=\"nav0001 nav navbar-nav\">\r\n				<li>\r\n					<img height=\"50px\" src=\"userUpload/20171018indexlogo.png\" /></li>\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;MK=125&amp;PK=745\" title=\"\">銘泉首頁</a></li>\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;MK=125&amp;PK=133\" title=\"\">關於銘泉</a></li>\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;MK=125&amp;PK=512\" title=\"\">媒體報導</a></li>\r\n				<li>\r\n					<a class=\"dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" title=\"\">活動資訊 </a>\r\n					<ul class=\"dropdown-menu multi-level\">\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=134&amp;PK=295\" title=\"\">體驗活動</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=134&amp;PK=297\" title=\"\">185農夫市集</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=134&amp;PK=506\" title=\"\">顧客分享與評估</a></li>\r\n					</ul>\r\n				</li>\r\n				<li>\r\n					<a class=\"dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" title=\"\">銘泉商店 </a>\r\n					<ul class=\"dropdown-menu multi-level\">\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=135&amp;PK=508\" title=\"\">有機農產系列</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=135&amp;PK=509\" title=\"\">為健康打氣系列</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=135&amp;PK=510\" title=\"\">為人生提味系列</a></li>\r\n					</ul>\r\n				</li>\r\n				<li>\r\n					<a class=\"dropdown-toggle\" data-toggle=\"dropdown\" href=\"#\" title=\"\">交通指引 </a>\r\n					<ul class=\"dropdown-menu multi-level\">\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=136&amp;PK=302\" title=\"\">交通</a></li>\r\n						<li>\r\n							<a href=\"index.php?Act=125&amp;MK=136&amp;PK=303\" title=\"\">常見問題</a></li>\r\n					</ul>\r\n				</li>\r\n				<li>\r\n					<a href=\"index.php?Act=125&amp;MK=125&amp;PK=304\" title=\"\">聯絡資訊</a></li>\r\n			</ul>\r\n		</div>\r\n		<!--/.nav-collapse --></div>\r\n</div>\r\n<div class=\".container-fluid row load\" id=\"welcome\">\r\n	<div class=\"carousel slide hidden-xs load\" data-ride=\"carousel\" id=\"myCarousel\">\r\n		<!-- Indicators -->\r\n		<ol class=\"carousel-indicators\">\r\n			<li data-slide-to=\"0\" data-target=\"#myCarousel\">\r\n				&nbsp;</li>\r\n			<li class=\"active\" data-slide-to=\"1\" data-target=\"#myCarousel\">\r\n				&nbsp;</li>\r\n			<li data-slide-to=\"2\" data-target=\"#myCarousel\">\r\n				&nbsp;</li>\r\n		</ol>\r\n		<!-- Wrapper for slides -->\r\n		<div class=\"carousel-inner load\">\r\n			<div class=\"item load\">\r\n				<img alt=\"銘泉農場\" src=\"/userUpload/images/index2.png\" style=\"width:100%\" /> <!--<div class=\"carousel-caption \">									<h3>銘泉生態</h3>									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>								  </div>--></div>\r\n			<div class=\"item load active\">\r\n				<img alt=\"銘泉農場\" src=\"/userUpload/images/plant18-1.jpg\" style=\"width:100%\" />\r\n				<div class=\"carousel-caption load\">\r\n					<h3>\r\n						銘泉生態</h3>\r\n					<p>\r\n						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n				</div>\r\n			</div>\r\n			<div class=\"item load\">\r\n				<img alt=\"銘泉農場\" src=\"/userUpload/images/plant15-1.jpg\" style=\"width:100%\" />\r\n				<div class=\"carousel-caption load\">\r\n					<h3>\r\n						銘泉生態</h3>\r\n					<p>\r\n						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<!-- Left and right controls --><a class=\"left carousel-control\" data-slide=\"prev\" href=\"#myCarousel\"><span class=\"sr-only\">Previous</span> </a> <a class=\"right carousel-control\" data-slide=\"next\" href=\"#myCarousel\"> <span class=\"sr-only\">Next</span> </a></div>\r\n	<div class=\"carousel slide hidden-md hidden-lg load\" data-interval=\"8000\" data-ride=\"carousel\" date-pause=\"null\" id=\"myCarousel2\">\r\n		<!-- Indicators -->\r\n		<ol class=\"carousel-indicators\">\r\n			<li class=\"active\" data-slide-to=\"0\" data-target=\"#myCarousel2\">\r\n				&nbsp;</li>\r\n			<li data-slide-to=\"1\" data-target=\"#myCarousel2\">\r\n				&nbsp;</li>\r\n			<li data-slide-to=\"2\" data-target=\"#myCarousel2\">\r\n				&nbsp;</li>\r\n		</ol>\r\n		<!-- Wrapper for slides -->\r\n		<div class=\"carousel-inner load\">\r\n			<div class=\"item load active\">\r\n				<img alt=\"銘泉農場\" src=\"/userUpload/images/2017dm11.jpg\" style=\"width:100%; display:inline;\" />\r\n				<div class=\"carousel-caption load\">\r\n					<h3>\r\n						銘泉生態</h3>\r\n					<p>\r\n						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n				</div>\r\n			</div>\r\n			<div class=\"item load\">\r\n				<img alt=\"銘泉農場\" src=\"/userUpload/images/2017dm01.jpg\" style=\"width:100%\" />\r\n				<div class=\"carousel-caption load\">\r\n					<h3>\r\n						銘泉生態</h3>\r\n					<p>\r\n						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n				</div>\r\n			</div>\r\n			<div class=\"item load\">\r\n				<img alt=\"銘泉農場\" src=\"/userUpload/images/2017dm14.jpg\" style=\"width:100%\" />\r\n				<div class=\"carousel-caption load\">\r\n					<h3>\r\n						銘泉生態</h3>\r\n					<p>\r\n						農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<!-- Left and right controls --><a class=\"left carousel-control\" data-slide=\"prev\" href=\"#myCarousel2\"><span class=\"sr-only\">Previous</span> </a> <a class=\"right carousel-control\" data-slide=\"next\" href=\"#myCarousel2\"> <span class=\"sr-only\">Next</span> </a></div>\r\n	<div class=\"load\" id=\"whiteblockback\">\r\n		<div class=\"revealOnScroll animated zoomIn load\" data-animation=\"zoomIn\" id=\"whiteblock\">\r\n			<div class=\"title1area load\">\r\n				<div class=\"clearfix load\">\r\n					<h4 class=\"smalltitle revealOnScroll animated fadeIn\" data-animation=\"fadeIn\">\r\n						2017 銘泉生態休閒農場</h4>\r\n					<h4 class=\"bigtitle revealOnScroll animated zoomIn\" data-animation=\"zoomIn\">\r\n						WELCOME</h4>\r\n					<p class=\"revealOnScroll\" data-animation=\"zoomIn\" style=\"writing-mode: vertical-lr;\">\r\n						陽光在綠葉縫隙中灑落，<br />\r\n						在這條令人屏息的山林廊道，銘泉生態農場正如翡翠般的存在。</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\".container-fluid row load\" id=\"welcome1\">\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12 clearfix load\" id=\"stitle0\">\r\n		<div class=\"title1area2 col-md-12 col-sm-12 col-xs-12 load\">\r\n			<div class=\"clearfix load\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"fadeInUp\">\r\n					MING CHUAN</h4>\r\n				<h2 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					銘泉簡介</h2>\r\n				<hr class=\"style1 revealOnScroll\" data-animation=\"fadeInUp\" style=\"\" />\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 load\" style=\"border-bottom: 1px dashed #ae1d49; padding:0.5em;\">\r\n			<div class=\"col-md-7 col-sm-6 col-xs-12 load\">\r\n				&lt;img data-cke-saved-src=&quot;/userUpload/images/2017dm09.jpg&quot; src=&quot;/userUpload/images/2017dm09.jpg&quot; class=&quot;image-full img-rounded data-animation=&quot; fadein&quot;=&quot;&quot;&gt;</div>\r\n			<div class=\"col-md-5 col-sm-6 col-xs-12 revealOnScroll load\" data-animation=\"zoomIn\">\r\n				<br />\r\n				<br />\r\n				<p style=\"\">\r\n					全面有機三生農場，<br />\r\n					92年起，銘泉農場逐漸在各田區推行有機耕種，堅守果子該有的味，一步步探索食材的原味，如今20幾公頃的農地已取得有機認證，主力供應宅配與有機體系。 堅守鳳梨本業，站穩腳步後，一如父親的遠見與先行，吳堅銘跳脫農場生產者的制約， 將部份田區規劃成生態、生活、生命共存的休閒農場。</p>\r\n				<p>\r\n					清澈山泉蜿蜒而生的生態池，臺北赤蛙嘰嘰鳴唱；鳳蝶在百花園中曼妙起舞；魚蝦優游在莎草裡捉迷藏&hellip; 「小時候，一抬頭就看到木瓜園裡，紅嘴黑鵯或五色鳥成群結伴啄果，萬物共存是一種生活日常」。於是，吳堅銘與妻子謝美蓮攜手找回從前，要運用大學專攻的農業管理，將銘泉打造成人與自然共存的生態秘境。。</p>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12 clearfix load\" id=\"stitle3\">\r\n		<div class=\"title1area revealOnScroll load zoomInDown\" data-animation=\"zoomInDown\">\r\n			<div class=\"clearfix revealOnScroll load\" data-animation=\"zoomIn\">\r\n				<h4 class=\"smalltitler evealOnScroll\" data-animation=\"zoomIn\" style=\"color:#ffc005;\">\r\n					NATURE IS GOOD FOR YOU</h4>\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					銘泉生態</h4>\r\n				<p class=\"revealOnScroll\" data-animation=\"zoomIn\" style=\";\">\r\n					到銘泉，什麼都不做更好，將酸甜苦辣鹹的走味人生， 放空再走。銘泉生態農場，就是這麼一處讓人心隨意轉，動靜皆宜的好所在，來一趟，自然就會好轉。</p>\r\n			</div>\r\n		</div>\r\n		<div class=\"revealOnScroll load undefined\" style=\"padding:1em;\">\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12 revealOnScroll load\" data-animation=\"pulse\" id=\"animation1\">\r\n				<a border=\"0\"><img alt=\"\" class=\"image-responsive img-rounded image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/b03.jpg\" /></a>\r\n				<div class=\"load\" id=\"imageshow0\">\r\n					<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive  image-full\" src=\"/userUpload/images/animal07.jpg\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-6 revealOnScroll load\" data-animation=\"pulse\" id=\"animation1\">\r\n				<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/b05.jpg\" /></a>\r\n				<div class=\"load\" id=\"imageshowmid0\">\r\n					<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive  image-full\" src=\"/userUpload/images/plant02.jpg\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-6 revealOnScroll load\" data-animation=\"pulse\" id=\"animation1\">\r\n				<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/b06.jpg\" /></a>\r\n				<div class=\"load\" id=\"imageshowrg0\">\r\n					<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive  image-full\" src=\"/userUpload/images/plant14.jpg\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12 revealOnScroll load\" data-animation=\"pulse\" id=\"animation1\">\r\n				<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/plant05.jpg\" /></a>\r\n				<div class=\"load\" id=\"imageshow0\">\r\n					<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive  image-full\" src=\"/userUpload/images/animal24.jpg\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-6 revealOnScroll load\" data-animation=\"pulse\" id=\"animation1\">\r\n				<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/plant13.jpg\" /></a>\r\n				<div class=\"load\" id=\"imageshowmid0\">\r\n					<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive  image-full\" src=\"/userUpload/images/taipeifrog03.jpg\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-6 revealOnScroll load\" data-animation=\"pulse\" id=\"animation1\">\r\n				<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive image-full revealOnScroll\" data-animation=\"pulse\" src=\"/userUpload/images/animal18.jpg\" /></a>\r\n				<div class=\"load\" id=\"imageshowrg0\">\r\n					<a border=\"0\"><img alt=\"\" class=\"img-rounded image-responsive  image-full\" src=\"/userUpload/images/animal26.jpg\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\" id=\"animation1\">\r\n				<br />\r\n				&nbsp;</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\".container-fluid row revealOnScroll load zoomInDown\" data-animation=\"zoomInDown\" id=\"welcome1\">\r\n	<div class=\"load\" id=\"xs\">\r\n		<div class=\"load\" id=\"whiteblockback3\">\r\n			<div class=\"revealOnScroll animated zoomIn load\" data-animation=\"zoomIn\" id=\"whiteblock3 \">\r\n				<div class=\"title1area revealOnScroll animated zoomIn load\" data-animation=\"zoomIn\">\r\n					<div class=\"clearfix revealOnScroll animated zoomIn load\" data-animation=\"zoomIn\" style=\"padding: 1em;\">\r\n						<h4 class=\"smalltitle revealOnScroll animated zoomIn\" data-animation=\"zoomIn\">\r\n							2017, welcome</h4>\r\n						<h4 class=\"bigtitle revealOnScroll animated zoomIn\" data-animation=\"zoomIn\">\r\n							銘泉生態</h4>\r\n						<p class=\"revealOnScroll animated zoomIn\" data-animation=\"zoomIn\">\r\n							陽光在綠葉縫隙中灑落，<br />\r\n							在這條令人屏息的山林廊道，銘泉生態農場正如翡翠般的存在。</p>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-12 col-xs-12 revealOnScroll animated pulse load\" data-animation=\"pulse\" data-target=\"#myModal\" data-toggle=\"modal\" id=\"animation5\">\r\n			<a border=\"0\"><img alt=\"\" class=\"image-responsive  image-full\" src=\"/userUpload/images/b03.jpg\" /></a>\r\n			<div class=\"load\" id=\"imageshow\">\r\n				<a border=\"0\"><img alt=\"\" class=\"image-responsive  image-full\" src=\"/userUpload/images/animal07.jpg\" /></a></div>\r\n		</div>\r\n		{C}<!--<div id=\"myModal\" class=\"modal fade\" role=\"dialog\">					<div class=\"modal-dialog modal-lg\" align=\"center\">					<a  border=\"0\"><img src=\"/userUpload/images/b03.jpg\" alt=\"\" class=\"image-responsive img-rounded image-full\"style=\" height:auto;width:360px;\" /></a></div>					</div>-->\r\n		<div class=\"col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load\" data-animation=\"pulse\" data-target=\"#myModal2\" data-toggle=\"modal\" id=\"animation5\">\r\n			<a border=\"0\"><img alt=\"\" class=\"image-responsive  image-full\" src=\"/userUpload/images/b05.jpg\" /></a></div>\r\n		{C}<!-- <div id=\"myModal2\" class=\"modal fade\" role=\"dialog\">					<div class=\"modal-dialog modal-lg\" align=\"center\">					<a  border=\"0\"><img src=\"/userUpload/images/b05.jpg\" alt=\"\" class=\"image-responsive img-rounded image-full\"style=\" height:auto;width:360px;\" /></a></div>					</div>	 -->\r\n		<div class=\"col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load\" data-animation=\"pulse\" data-target=\"#myModal3\" data-toggle=\"modal\" id=\"animation5\">\r\n			<a border=\"0\"><img alt=\"\" class=\"image-responsive  image-full\" src=\"/userUpload/images/b06.jpg\" /></a></div>\r\n		{C}<!-- <div id=\"myModal3\" class=\"modal fade\" role=\"dialog\">					<div class=\"modal-dialog modal-lg\" align=\"center\">					<a  border=\"0\"><img src=\"/userUpload/images/b06.jpg\" alt=\"\" class=\"image-responsive img-rounded image-full\"style=\" height:auto;width:360px;\" /></a></div>					</div>					 -->\r\n		<div class=\"col-md-4 col-sm-12 col-xs-12 revealOnScroll animated pulse load\" data-animation=\"pulse\" data-target=\"#myModal4\" data-toggle=\"modal\" id=\"animation5\">\r\n			<a border=\"0\"><img alt=\"\" class=\"image-responsive  image-full\" src=\"/userUpload/images/plant05.jpg\" /></a>\r\n			<div class=\"load\" id=\"imageshowmid\">\r\n				<a border=\"0\"><img alt=\"\" class=\"image-responsive  image-full\" src=\"/userUpload/images/plant02.jpg\" /></a></div>\r\n		</div>\r\n		{C}<!--<div id=\"myModal4\" class=\"modal fade\" role=\"dialog\">					<div class=\"modal-dialog modal-lg\" align=\"center\">					<a  border=\"0\"><img src=\"/userUpload/images/plant05.jpg\" alt=\"\" class=\"image-responsive img-rounded image-full\" style=\" height:auto;width:360px;\"/></a></div>					</div>-->\r\n		<div class=\"col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load\" data-animation=\"pulse\" data-target=\"#myModal5\" data-toggle=\"modal\" id=\"animation5\">\r\n			<a border=\"0\"><img alt=\"\" class=\"image-responsive  image-full\" src=\"/userUpload/images/plant13.jpg\" /></a></div>\r\n		{C}<!-- 	<div id=\"myModal5\" class=\"modal fade\" role=\"dialog\">					<div class=\"modal-dialog modal-lg\" align=\"center\">					<a  border=\"0\"><img src=\"/userUpload/images/plant13.jpg\" alt=\"\" class=\"image-responsive img-rounded image-full\"style=\" height:auto;width:360px;\" /></a></div>					</div> -->\r\n		<div class=\"col-md-4 col-sm-6 col-xs-6 revealOnScroll animated pulse load\" data-animation=\"pulse\" data-target=\"#myModal6\" data-toggle=\"modal\" id=\"animation5\">\r\n			<a border=\"0\"><img alt=\"\" class=\"image-responsive image-full\" src=\"/userUpload/images/animal18.jpg\" /></a></div>\r\n		{C}<!-- <div id=\"myModal6\" class=\"modal fade\" role=\"dialog\">					<div class=\"modal-dialog modal-lg\" align=\"center\">					<a  border=\"0\"><img src=\"/userUpload/images/animal18.jpg\" alt=\"\" class=\"image-responsive img-rounded image-full\" style=\" height:auto;width:360px;\"></a></div>					</div> --></div>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12 clearfix load\" id=\"stitle\">\r\n		<br />\r\n		<br />\r\n		<h2 class=\"revealOnScroll\" data-animation=\"zoomIn\">\r\n			樂活一下</h2>\r\n		<hr class=\"style3 revealOnScroll\" data-animation=\"zoomIn\" style=\"\" />\r\n		<p class=\"revealOnScroll\" data-animation=\"zoomIn\">\r\n			親近山林，信任土地，心懷謙卑，感受食物的真實質量</p>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 byline2 load\">\r\n			<br />\r\n			&nbsp;</div>\r\n	</div>\r\n	<div class=\"load\" id=\"farmpictureback\">\r\n		<div class=\"revealOnScroll load undefined\" id=\"farmpicture\">\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12 revealOnScroll load\" data-animation=\"pulse\" id=\"animation2\">\r\n				<div class=\"content load\">\r\n					<h3>\r\n						體驗親手採有機鳳梨</h3>\r\n					<p>\r\n						快來位於沿山公路的屏東縣銘泉農場，來個放鬆之旅。</p>\r\n				</div>\r\n				<div class=\"load\" id=\"imageshow3\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow4\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow2\">\r\n					<h3>\r\n						<strong>體驗親手採有機鳳梨</strong></h3>\r\n					<br />\r\n					<p>\r\n						快來位於沿山公路的屏東縣銘泉農場，來個放鬆之旅。</p>\r\n					<br />\r\n					<div class=\"btn load\">\r\n						<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>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12 revealOnScroll load\" data-animation=\"pulse\" id=\"animation2-2\">\r\n				<div class=\"content2 load\">\r\n					<h3>\r\n						鳳梨酥DIY</h3>\r\n					<p>\r\n						選用農場栽種有機鳳梨來製作鳳梨餡，用十指溫柔，手作唯一。</p>\r\n				</div>\r\n				<div class=\"load\" id=\"imageshow3-2\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow4-2\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow2-2\">\r\n					<h3>\r\n						鳳梨酥DIY</h3>\r\n					<br />\r\n					<p>\r\n						選用農場栽種有機鳳梨來製作鳳梨餡，用十指溫柔，手作唯一。</p>\r\n					<br />\r\n					<div class=\"btn load\">\r\n						<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>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12 revealOnScroll load\" data-animation=\"pulse\" id=\"animation2-3\">\r\n				<div class=\"content3 load\">\r\n					<h3>\r\n						鳳藜PIZZA</h3>\r\n					<p>\r\n						吃披薩也可以很健康，有別於外面的pizza，特製餅皮中更是加入營養滿分的紅藜</p>\r\n				</div>\r\n				<div class=\"load\" id=\"imageshow3-3\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow4-3\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow2-3\">\r\n					<h3>\r\n						鳳藜PIZZA</h3>\r\n					<br />\r\n					<p>\r\n						吃披薩也可以很健康，有別於外面的pizza，特製餅皮中更是加入營養滿分的紅藜</p>\r\n					<br />\r\n					<div class=\"btn load\">\r\n						<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>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12 title load\" id=\"stitle2\">\r\n		<br />\r\n		<br />\r\n		<h2 class=\"revealOnScroll\" data-animation=\"zoomIn\">\r\n			品味自然</h2>\r\n		<hr class=\"style3 revealOnScroll\" data-animation=\"zoomIn\" style=\"\" />\r\n		<span class=\"byline revealOnScroll\" data-animation=\"zoomIn\">讓舌尖味蕾， 回歸自然</span>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 byline2 load\">\r\n			<br />\r\n			&nbsp;</div>\r\n	</div>\r\n	<div class=\"load\" id=\"farmpictureback\">\r\n		<div class=\"load\" id=\"farmpicture\">\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12 revealOnScroll load\" data-animation=\"pulse\" id=\"animation2-4\">\r\n				<div class=\"content3 load\">\r\n					<h3>\r\n						有機農產</h3>\r\n					<p>\r\n						有機紅藜米/有機鳳梨鮮果/</p>\r\n				</div>\r\n				<div class=\"load\" id=\"imageshow3-4\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow4-4\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow2-4\">\r\n					<h3>\r\n						有機農產</h3>\r\n					<br />\r\n					<p>\r\n						有機紅藜米/有機鳳梨鮮果/</p>\r\n					<br />\r\n					<div class=\"btn load\">\r\n						<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>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12 revealOnScroll load\" data-animation=\"pulse\" id=\"animation2-5\">\r\n				<div class=\"content2 load\">\r\n					<h3>\r\n						為健康打氣</h3>\r\n					<p>\r\n						銘泉金鑽旺來禮盒/鳳梨酥禮盒/有機鳳梨果乾</p>\r\n				</div>\r\n				<div class=\"load\" id=\"imageshow3-5\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow4-5\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow2-5\">\r\n					<h3>\r\n						為健康打氣</h3>\r\n					<br />\r\n					<p>\r\n						銘泉金鑽旺來禮盒/鳳梨酥禮盒/有機鳳梨果乾</p>\r\n					<br />\r\n					<div class=\"btn load\">\r\n						<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>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12 revealOnScroll load\" data-animation=\"pulse\" id=\"animation2-6\">\r\n				<div class=\"content load\">\r\n					<h3>\r\n						為人生提味</h3>\r\n					<p>\r\n						鳳梨百香果醬/有機鳳梨活醋/鳳梨黑豆薄鹽醬油</p>\r\n				</div>\r\n				<div class=\"load\" id=\"imageshow3-6\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow4-6\">\r\n					&nbsp;</div>\r\n				<div class=\"load\" id=\"imageshow2-6\">\r\n					<h3>\r\n						為人生提味</h3>\r\n					<br />\r\n					<p>\r\n						鳳梨百香果醬/有機鳳梨活醋/鳳梨黑豆薄鹽醬油</p>\r\n					<br />\r\n					<div class=\"btn load\">\r\n						<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>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12 title load\" id=\"stitle3\">\r\n		&nbsp;</div>\r\n</div>\r\n<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\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"div hr\").hide();\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' div.navbar.navbar-default.navbar-fixed-top\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' div.navbar.navbar-default.navbar-fixed-top\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated fadeInUp zoomIn slideInLeft slideInRight  fadeIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n<hr style=\"display: none;\" />\r\n<div class=\"clearfix load\">\r\n	&nbsp;</div>\r\n<!--/div--><!-- /.content --><!-- /.row --><!-- /.container -->\r\n<footer>\r\n	<div class=\"container-fluid bgw load\" style=\"margin-top: 10px; \">\r\n		<div class=\"row load\">\r\n			<div class=\"col-lg-12 text-center load\">\r\n				<p>\r\n					總瀏覽人數： 19600，本頁瀏覽人數： 5714<br />\r\n					銘泉生態休閒農場<br />\r\n					地址：屏東縣瑪家鄉佳義村114-6號<br />\r\n					電話：08-799-0220<br />\r\n					Copyright &copy; 銘泉生態休閒農場 2016</p>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</footer>\r\n<!-- 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>\r\n		$(\'.carousel\').carousel({\r\n		    interval: 5000 //changes the speed\r\n		})\r\n		\r\n		$(function() {\r\n			\r\n			$(\"div\").addClass(\"load\");\r\n\r\n		});\r\n		\r\n    </script>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1023,'2017-12-14 17:00:43','2017-12-15 01:00:20',NULL,'2017-12-15 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div id=\"header-wrapper\">\r\n	<div data-aos=\"fade-right\" id=\"banner-wrapper\">\r\n		<div class=\"row\" id=\"banner\">\r\n			<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n				<div class=\"title\">\r\n					<h2>\r\n						芳林的故事</h2>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<span class=\"byline\">The story of FAN</span><span style=\"font-size: 1.3em;\">G LIN ORCHARD</span></p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"fade-left\" data-aos-duration=\"1700\" id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\" style=\"text-align: center;\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" style=\"text-align: center;\">\r\n				<h22>故事的開始</h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\">\r\n				<span style=\"background-color: transparent; color: black; font-family: Calibri; font-size: 12pt; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"C:\\Users\\User\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\芭樂樹.jpg&amp;quot; class=&quot; image-responsive=&quot;&quot; img-rounded=&quot;&quot; img=&quot;&quot; &quot;=&quot;&quot; data-cke-saved-src=&quot;&amp;quot;https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" class=\"&quot;image-responsive\" height:=\"&quot;600px;&quot;\" img=\"\" img-rounded=\"\" src=\"https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" style=\"float: left; height: 345px; width: 460px;\" /></span></div>\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<h31>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生 計並能善盡孝道....</h31></div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n			&nbsp;</div>\r\n	</div>\r\n	<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<h31>對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及 專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加 農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開 始種植珍珠芭樂。</h31>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<h31>2014年 承租到位於 高雄市岡山區 阿公店水庫 水源保護區下方的一塊 2.5公頃環境優美 生態自然豐 富的農地，成立了（芳林 農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土 壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關 課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努 力，新手也可以闖出一片天。</h31>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"zoom-in\" data-aos-duration=\"1700\" id=\"welcome\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1000\" style=\"text-align: center;\">\r\n				<h23><strong><span style=\"color:#ff0000;\">芳林芭樂果園 鄭宗林</span></strong></h23></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\" data-aos-duration=\"1000\" style=\"text-align: center;\">\r\n				<img alt=\"\" src=\"/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg\" style=\"height: 600px; width: 338px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\" style=\"height: 600px; width: 338px;\" /></div>\r\n		</div>\r\n		<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<h33><span style=\"color:#000000;\">經歷 ：</span></h33></div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<span style=\"color:#000000;\"><span style=\"font-size: 16pt;\">。行政院農委會 第一屆 百大青年農民</span></span></div>\r\n		<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n			<h33><span style=\"color:#000000;\">。高雄市農業局 高雄型農<br />\r\n			。培訓班 高雄型農精英班<br />\r\n			。高雄市青年農民聯誼會會長</span></h33></div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"fade-right\" data-aos-duration=\"1700\" id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" style=\"text-align: center;\">\r\n				<h22>芳林的品質保證</h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<h31>優質的保證，讓人人都想品嘗這個美味</h31></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n				<h4>\r\n					&nbsp;</h4>\r\n			</div>\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n				<div class=\"title col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" image-responsive=\"\" img=\"\" img-rounded=\"\">\r\n					<div dir=\"ltr\" style=\"line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;\">\r\n						<span><span style=\"background-color: transparent; color: black; font-family: Calibri; font-size: 12pt; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height: 267px; width: 250px; float: left;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width: 250px; height: 267px; float: left;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"height: 267px; width: 250px;\" /></span></span></div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n	&nbsp;</div>\r\n<hr />\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n<style>				                body\r\n                                                {\r\n							height: 100%;\r\n						}\r\n						.bgw{\r\n						\r\n						background-color:green;\r\n						}\r\n						body\r\n						{\r\n							margin: 0px;\r\n							padding: 0px;\r\n							background: #181818;\r\n							font-family: Microsoft JhengHei,\'Didact Gothic\', sans-serif;\r\n							font-size: 16pt;\r\n							font-weight: 200;\r\n							color: #FFF;\r\n						}\r\n						\r\n						\r\n						h1, h2, h3,h4\r\n						{\r\n							margin: 0;\r\n							padding: 0;\r\n						}\r\n						\r\n						p, ol, ul\r\n						{\r\n							margin-top: 0;\r\n						}\r\n						\r\n						ol, ul\r\n						{\r\n							padding: 0;\r\n							list-style: none;\r\n						}\r\n						\r\n						p\r\n						{\r\n							line-height: 180%;\r\n							font-size: 12pt;\r\n						}\r\n						\r\n						h5\r\n						{\r\n							font-size: 2.5em;\r\n							text-align: center;\r\n							}\r\n						\r\n						/* 未連結 */\r\n						.a\r\n						{	\r\n							font-weight:bold;\r\n							color: #000000;\r\n						}\r\n						/* 已連結過 */\r\n						a:visited\r\n						{\r\n							color: #FF0040;\r\n						}\r\n						/* 滑鼠移至連結 */\r\n						a:hover\r\n						{\r\n							color: #635e5d;\r\n						}\r\n						/* 選擇的連結 */\r\n						a:active\r\n						{\r\n							color: #ff8300;\r\n						}\r\n						\r\n						/* 未連結 */\r\n						a2\r\n						{\r\n							color:#ffffff;\r\n						}\r\n						/* 已連結過 */\r\n						a2:visited\r\n						{\r\n							color: #FF0040;\r\n						}\r\n						/* 滑鼠移至連結 */\r\n						a2:hover\r\n						{\r\n							color: #635e5d;\r\n						}\r\n						/* 選擇的連結 */\r\n						a2:active\r\n						{\r\n							color: #ff8300;\r\n						}\r\n						\r\n						.container-fluid\r\n						{\r\n							overflow: hidden;\r\n							margin: 70px auto;\r\n							\r\n						}\r\n						\r\n					/*********************************************************************************/\r\n					/* Image Style                                                                   */\r\n					/*********************************************************************************/\r\n\r\n						.image\r\n						{\r\n							display: inline-block;\r\n						}\r\n						\r\n						.image img\r\n						{\r\n							display: block;\r\n							width: 100%;\r\n						}\r\n						\r\n						.image-full\r\n						{\r\n							display: block;\r\n							width: 100%;\r\n							margin: 0 0 2em 0;\r\n						}\r\n						\r\n						.image-left\r\n						{\r\n							float: left;\r\n							margin: 0 2em 2em 0;\r\n						}\r\n						\r\n						.image-centered\r\n						{\r\n							display: block;\r\n							margin: 0 0 2em 0;\r\n						}\r\n						\r\n						.image-centered img\r\n						{\r\n							margin: 0 auto;\r\n							width: auto;\r\n						}\r\n\r\n					/*********************************************************************************/\r\n					/* List Styles                                                                   */\r\n					/*********************************************************************************/\r\n\r\n						ul.style1\r\n						{\r\n						}\r\n						\r\n						ul.actions\r\n						{\r\n						}\r\n						\r\n						ul.actions li\r\n						{\r\n							display: inline-block;\r\n							padding: 0em 0.50em;\r\n						}\r\n\r\n\r\n					/*********************************************************************************/\r\n					/* Button Style                                                                  */\r\n					/*********************************************************************************/\r\n\r\n						.button\r\n						{\r\n							display: inline-block;\r\n							padding: 1em 2em 1em 2em;\r\n							letter-spacing: 0.10em;\r\n							margin-left: auto;\r\n							margin-right: auto;\r\n							\r\n							border-radius: 6px;\r\n							text-decoration: none;\r\n							font-weight: 700;\r\n							font-size: 1em;\r\n							\r\n							 text-align:center;\r\n						}\r\n						\r\n						.button-alt\r\n						{\r\n							padding: 1em 2em;\r\n							border-color: rgba(0,0,0,.8);\r\n						}\r\n							\r\n					\r\n					/*********************************************************************************/\r\n					/* Heading Titles                                                                */\r\n					/*********************************************************************************/\r\n						h1{vertical-align:text-top;}\r\n						\r\n						h2 \r\n						{\r\n							font-size: 1.8em;\r\n							\r\n							}\r\n						h2 \r\n						{\r\n							font-size: 1.8em;\r\n							text-weight:700;\r\n							}\r\n						h32\r\n						{\r\n						color: rgba(0,0,0,1);\r\n						font-size: 1em;\r\n						}\r\n						h3\r\n						{\r\n						color: rgba(255,255,255,1);\r\n						font-size: 1em;\r\n						}\r\n						h21 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						h22 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						h5 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(255,255,255,1);\r\n							}\r\n						.byline\r\n						{\r\n							font-size: 0.7em;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n						\r\n						.byline2{\r\n						font-size: 0.7em;\r\n							color: rgba(0,0,0,1);\r\n						}\r\n					/*********************************************************************************/\r\n					/* Welcome                                                                       */\r\n					/*********************************************************************************/\r\n						#welcome\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #98fb98;\r\n							background-size: cover;\r\n							text-align: left;\r\n						}\r\n						\r\n						#welcome .container\r\n						{\r\n							width: 1000px;\r\n							padding: 0px 100px;\r\n							color: rgba(255,255,255,0.8);\r\n						}\r\n						\r\n						\r\n						#welcome .button\r\n						{\r\n							background: #FFF;\r\n							color: #3f0900;\r\n							text-align: center;\r\n							\r\n						}\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#wrapper\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #FFF;\r\n							color:black;\r\n							text-align:left;\r\n						}\r\n						#wrappera\r\n						{\r\n							\r\n							text-align:center;\r\n						}\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#header-wrapper\r\n						{\r\n							position: relative;\r\n							padding: 3em 0em 0em 0em;\r\n							background: rgb(0,128,0) url(/userUpload/images/10512106/S_7032526969310.jpg) no-repeat center;\r\n							background-size:50% 100%;\r\n						}\r\n\r\n						#header\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n						}\r\n					/*********************************************************************************/\r\n					/* Logo                                                                          */\r\n					/*********************************************************************************/\r\n						#logo\r\n						{\r\n							position: absolute;\r\n							top: 2.5em;\r\n							left: 0.6em;\r\n						}\r\n						\r\n						#logo h1\r\n						{\r\n							font-size: 1.8em;\r\n							color: #79C255;\r\n						}\r\n						\r\n						#logo a\r\n						{\r\n							text-decoration: none;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n\r\n					\r\n					/*********************************************************************************/\r\n					/* Banner                                                                        */\r\n					/*********************************************************************************/\r\n						#banner-wrapper\r\n						{\r\n							padding: 2em 0em;\r\n							background: rgba(0,128,0);\r\n						}\r\n\r\n						#banner\r\n						{\r\n							text-align: center;\r\n						}\r\n						\r\n						#banner .title h2\r\n						{\r\n							font-size: 2em;\r\n						}\r\n						\r\n						#banner .title .byline\r\n						{\r\n							font-size: 1.3em;\r\n						}\r\n						\r\n						#banner .button\r\n						{\r\n							margin-top: 2em;\r\n							padding: 1.40em 3em;\r\n							border-radius: 6px;\r\n							font-weight: 700;\r\n							font-size: 1em;\r\n							\r\n						}\r\n						\r\n						.banner\r\n						{\r\n							margin-bottom: 5em;\r\n						}	</style>\r\n</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.52.39.205',NULL,NULL,NULL,NULL,NULL,NULL),(1024,'2018-01-26 10:10:55','2018-01-22 12:04:31',NULL,'2017-12-15 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div id=\"header-wrapper\">\r\n	<div class=\"row\" id=\"banner\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<div class=\"title\">\r\n				<h2>\r\n					&nbsp;</h2>\r\n				<h2>\r\n					芳林的故事</h2>\r\n				<p>\r\n					&nbsp;</p>\r\n				<p>\r\n					&nbsp;</p>\r\n				<p>\r\n					&nbsp;</p>\r\n				<p>\r\n					<span class=\"byline\"><strong>The story of FAN GLIN ORCHARD</strong></span></p>\r\n				<p>\r\n					&nbsp;</p>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<h22><strong>故事的起源</strong></h22></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<hr />\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<span style=\"font-size:26px;\"><span style=\"background-color: transparent; color: bla; font-family: Calibri; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"C:\\Users\\User\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\芭樂樹.jpg&amp;quot;  https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" style=\"float: left; height: 390px; width: 500px;\" /></span> </span><h32><span style=\"font-size:26px;\"> 喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生 計並能善盡孝道.... </span><br />\r\n			<br />\r\n			<br />\r\n			<br />\r\n			<br />\r\n			<br />\r\n			<br />\r\n			<br />\r\n			<br />\r\n			<div id=\"cd\" style=\"display:none;\">\r\n				<p>\r\n					<span style=\"font-size:26px;\">對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及 專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加 農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開 始種植珍珠芭樂。 2014年 承租到位於 高雄市岡山區 阿公店水庫 水源保護區下方的一塊 2.5公頃環境優美 生態自然豐 富的農地，成立了（芳林 農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土 壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關 課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努 力，新手也可以闖出一片天。</span></p>\r\n			</div>\r\n			<span style=\"font-size:26px;\"><a href=\"javascript:ReverseDisplay(\'cd\')\">點擊此顯示/隱藏內容</a> </span></h32></div>\r\n	</div>\r\n</div>\r\n<div id=\"welcome\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n			<h23><strong>芳林芭樂果園 鄭宗林</strong></h23></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<hr />\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<img align=\"left\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg\" style=\"height:600px; width: 450px;\" /> <img align=\"left\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\" style=\"height:600px; width: 450px;\" /> <h33> <span style=\"color:#000000;font-size:36px;\"><span style=\"font-size:36px;background-color:#800000; color: white\">經歷：</span></span></h33><span style=\"font-size: 35px;\">。行政院農委會 第一屆 百大青年農民</span></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<h33><br />\r\n			<span style=\"color:#000000;font-size:35px;\">。高雄市農業局 高雄型農<br />\r\n			<br />\r\n			。培訓班 高雄型農精英班<br />\r\n			<br />\r\n			。高雄市青年農民聯誼會會長</span></h33></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				<h22><span style=\"font-size:48px;\"><strong>芳林的品質保證</strong></span></h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				<h31><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\">優質的保證，讓人人都想品嘗這個美味</span></span></span></h31></div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<div style=\"line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt; text-align: center;\">\r\n					<div class=\"post\">\r\n						<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 24pt;\"><img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height: 600px; width:500px;\" /> <img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width:500px; height:600px;\" /> <img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"height: 600px; width:500px;\" /><br />\r\n						&nbsp; 產銷履歷&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 水質檢測認證&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;無農藥檢測認證</span></div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<hr />\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n<script src=\"//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js\"></script>\r\n\r\n  <script src=\'https://npmcdn.com/jquery@3.1.0\'></script>\r\n\r\n  \r\n\r\n <script type=\"text/javascript\" language=\"JavaScript\">function HideContent(d) {\r\ndocument.getElementById(d).style.display = \"none\";\r\n}\r\nfunction ShowContent(d) {\r\ndocument.getElementById(d).style.display = \"block\";\r\n}\r\nfunction ReverseDisplay(d) {\r\nif(document.getElementById(d).style.display == \"none\") { document.getElementById(d).style.display = \"block\"; }\r\nelse { document.getElementById(d).style.display = \"none\"; }\r\n}</script>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n\r\n	\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n</body>\r\n</html>	</style>\r\n</p>\r\n<style type=\"text/css\">\r\nbody {\r\n							height: 80%;\r\n						}\r\n						.bgw{\r\n						\r\n						background-color:green;\r\n						}\r\n						body\r\n						{\r\n							margin: 0px;\r\n							padding: 0px;\r\n							background: #181818;\r\n							font-family: 微軟正黑體, sans-serif;\r\n							font-size: 16pt;\r\n							font-weight: 200;\r\n							color: #FFF;\r\n						}\r\n						\r\n					\r\n						\r\n						p\r\n						{\r\n							line-height: 180%;\r\n							font-size: 12pt;\r\n						}\r\n						\r\n						\r\n						\r\n						.container-fluid\r\n						{\r\n							overflow: hidden;\r\n							margin: 100px auto;\r\n							\r\n						}\r\n				\r\n						\r\n					\r\n						h2 \r\n						{   text-align: center;\r\n							font-size: 1.8em;\r\n							text-weight:700;\r\n							}\r\n						\r\n						h23\r\n						{\r\n						\r\n						font-size:48px;\r\n						}\r\n				\r\n						\r\n						\r\n						h22 \r\n						{   text-align: center;\r\n							font-size: 48pt;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						\r\n						.byline\r\n						{\r\n							font-size: 0.7em;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n						\r\n					\r\n					/*********************************************************************************/\r\n						#welcome\r\n						{\r\n							position: center;\r\n							padding: 4em 0em 12em 0em;\r\n							background: #98fb98;\r\n							background-size:cover;\r\n							text-align: center;\r\n                                                        color:black;\r\n\r\n						}\r\n						\r\n					\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#wrapper\r\n						{\r\n							position: center;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #FFF;\r\n							color:black;\r\n							text-align:center;\r\n						}\r\n		#header-wrapper\r\n						{\r\n							position: center;\r\n							padding: 15em 0em 0em 0em;\r\n							background:url(/userUpload/images/10512106/1514856921988.jpg);  \r\n							background-size:100% 100%;\r\n							text-align: center;\r\n						\r\n						}\r\n\r\n					#banner .title h2\r\n						{\r\n							font-size:3.5em;\r\n						}\r\n						\r\n						#banner .title .byline\r\n						{\r\n							font-size: 2.0em;\r\n						}\r\n	/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.0);\r\n-ms-transform: scale(1.0);\r\n-o-transform: scale(1.0);\r\n-webkit-transform: scale(1.0);\r\ntransform: scale(1.5);\r\nopacity: 1;\r\n}</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.52.102.149',NULL,NULL,NULL,NULL,NULL,NULL),(1025,'2017-12-24 04:09:22','2017-12-24 12:09:22',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'關於家營','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,90000,NULL,1,NULL,NULL,'223.136.8.130',NULL,1,NULL,NULL,NULL,NULL),(1026,'2017-12-24 01:24:56','2017-12-15 13:51:13',NULL,NULL,NULL,1014,1025,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'農場簡介','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1027,'2018-01-29 02:07:09','2018-01-29 10:07:09',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'環境介紹','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,80000,NULL,1,NULL,NULL,'210.240.156.211',NULL,1,NULL,NULL,NULL,NULL),(1028,'2017-12-24 01:25:28','2017-12-15 13:52:03',NULL,NULL,NULL,1014,1027,NULL,1,NULL,NULL,NULL,1,1024,NULL,NULL,'各營區分頁介紹','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1029,'2017-12-24 01:25:16','2017-12-15 13:52:29',NULL,NULL,NULL,1014,1027,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'農場平面圖','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1030,'0000-00-00 00:00:00','2017-12-15 13:52:49',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'活動資訊','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,70000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1031,'0000-00-00 00:00:00','2017-12-15 13:53:09',NULL,NULL,NULL,1014,1030,NULL,1,NULL,NULL,NULL,1,256,NULL,NULL,'顧客分享','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1032,'2018-01-02 03:26:19','2018-01-02 11:26:19',NULL,NULL,NULL,1014,1030,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'價格與訂位','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1033,'2018-07-31 00:38:02','2018-07-31 08:38:02',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'家營產品','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,60000,NULL,1,NULL,NULL,'210.240.156.211',NULL,1,NULL,NULL,NULL,NULL),(1034,'2017-12-24 14:06:31','2017-12-24 22:06:31',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'常見問題','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,50000,NULL,1,NULL,NULL,'1.175.27.231',NULL,1,NULL,NULL,NULL,NULL),(1035,'2017-12-17 08:20:27','2017-12-17 16:20:27',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'交通資訊','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,40000,NULL,1,NULL,NULL,'210.240.164.114',NULL,1,NULL,NULL,NULL,NULL),(1036,'0000-00-00 00:00:00','2017-12-15 13:54:46',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,16384,NULL,NULL,'聯絡我們','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1037,'2018-01-14 16:14:13','2018-01-15 00:14:13',NULL,'2017-12-15 00:00:00','2038-01-01 00:00:00',122,284,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<meta charset=\"utf-8\" />\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n	\r\n	<link rel=\"stylesheet\" href=\"css/bootstrap.min.css\"/>\r\n	<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n	<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\"/>\r\n	\r\n<style type=\"text/css\">\r\n	\r\n		html,body	{\r\n			height:100%;\r\n			max-width:100%;\r\n			background-attachment: fixed;\r\n			margin:0px;\r\n			background: url(\'/userUpload/images/Alanger/backg.jpg\') no-repeat fixed 38% center;\r\n    		background-size: cover;\r\n			background-size: 100% 100%;\r\n				}\r\n		.bgw {\r\n			background-color: rgba(255,255,255,0.8);\r\n				}\r\n		h2,h4{\r\n			text-align: center;\r\n				}\r\n		a:link { color: #}\r\n		a:hover	{	color: #ff8300; }\r\n\r\n		p{\r\n		font-size:22px;\r\n		font-family:微軟正黑體\r\n		}\r\n		.row hr {\r\n			height:1px;\r\n			background-color: black;\r\n				}\r\n		.row h4 {font-size:36px; font-weight:bold;}\r\n		.row {font-size:22px; font-family:微軟正黑體}\r\n		.image-full\r\n				{\r\n				display: block;\r\n				width: 100%;\r\n				}\r\n		.code {\r\n		 color: #333;\r\n		 position: relative;\r\n		 overflow: hidden;\r\n				text-align: center;\r\n				}\r\n		.code:hover {cursor: s-resize;}\r\n		\r\n		.code c1,c2,c3,c4,c5 {\r\n			font-weight:bold;\r\n			color: #fff;\r\n			text-align: center;\r\n			font: 20px Century Gothic,微軟正黑體;\r\n			padding: 2px 6px;\r\n			border: 1px solid #795548;\r\n			border-radius:6px;\r\n			background-color: #b74545;\r\n				}\r\n		.cs {width:50%; margin:0px auto;\r\n		}\r\n\r\n\r\n</style>\r\n\r\n<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js\" type=\"text/javascript\"> </script>\r\n	<!--  收合表單 -->\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c1\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs1\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c2\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs2\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c3\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs3\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c4\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs4\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c5\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs5\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n\r\n	<!-- 回到頂端按鈕 start -->\r\n	<script>\r\n	//<![CDATA[\r\n	(function () {\r\n	$(\"body\").append(\"<img id=\'goTopButton\' style=\'display: none; z-index: 5; cursor: pointer;\' title=\'回到頂端\'/>\");\r\n	var img = \"http://1.bp.blogspot.com/-zMfrIkyhlVs/Uh7FePoKU8I/AAAAAAAAHnA/WA0H_vbWAWc/s1600/go-top.png\",\r\n	locatioin = 9/10, // 按鈕出現在螢幕的高度\r\n	right = 10, // 距離右邊 px 值\r\n	opacity = 0.3, // 透明度\r\n	speed = 500, // 捲動速度\r\n	$button = $(\"#goTopButton\"),\r\n	$body = $(document),\r\n	$win = $(window);\r\n	$button.attr(\"src\", img);\r\n	$button.on({\r\n	mouseover: function() {$button.css(\"opacity\", 1);},\r\n	mouseout: function() {$button.css(\"opacity\", opacity);},\r\n	click: function() {$(\"html, body\").animate({scrollTop: 0}, speed);}\r\n	});\r\n	window.goTopMove = function () {\r\n	var scrollH = $body.scrollTop(),\r\n	winH = $win.height(),\r\n	css = {\"top\": winH * locatioin + \"px\", \"position\": \"fixed\", \"right\": right, \"opacity\": opacity};\r\n	if(scrollH > 20) {\r\n	$button.css(css);\r\n	$button.fadeIn(\"slow\");\r\n	} else {\r\n	$button.fadeOut(\"slow\");\r\n	}\r\n	};\r\n	$win.on({\r\n	scroll: function() {goTopMove();},\r\n	resize: function() {goTopMove();}\r\n	});\r\n	} )();\r\n	//]]>\r\n	</script>\r\n	<!-- 回到頂端按鈕 end, Design by WFU BLOG -->\r\n	\r\n	\r\n	\r\n<div class=\"row\">\r\n	<div class=\"col-md-12\">\r\n		<div class=\"code\">\r\n			<c1>源起</c1>\r\n			<c2>台東咖啡</c2>\r\n			<c3>咖啡小知識</c3>\r\n			<c4>WHY</c4>\r\n			<c5>學習</c5>\r\n			\r\n	\r\n			<div class=\"cs1\">	\r\n				<h3><b>源起</b><br>\r\n					<a href=\"#a01\">艾蘭哥爾咖啡緣起</a><br />\r\n					<a href=\"#a02\">台東金崙溪流域咖啡的發源</a><br />\r\n					<a href=\"#a03\">台東咖啡與客家族群的淵源 </a><br />\r\n					<a href=\"#a04\">台東咖啡緣起 東河鄉「咖啡園」</a><br />\r\n					<a href=\"#a05\">百年老樹 </a><br></h3> </div>\r\n			<div class=\"cs2\">		\r\n				<h3><b>台東咖啡</b><br>\r\n					<a href=\"#b01\">台東咖啡種植分佈於三線五區</a><br />\r\n					<a href=\"#b02\">台東咖啡種植以阿拉比卡種為主</a><br />\r\n					<a href=\"#b03\">古坑咖啡的掘起帶動了台東咖啡種植潮</a><br />\r\n					<a href=\"#b04\">台東咖啡種植的二種方式與栽培的三種農法</a><br />\r\n					<a href=\"#b05\">台東縣咖啡產業發展協會是台東精品咖啡的推手</a><br />\r\n					<a href=\"#b06\">台東咖啡有得天獨厚的條件，後天的努力不可懈怠</a><br />\r\n					<a href=\"#b07\">鑑賞台東精品咖啡極致的風味~酸味</a><br />\r\n					<a href=\"#b08\">台東縣各鄉鎮咖啡產銷班</a><br />\r\n					<a href=\"#b09\">台東咖啡產地</a><br /></h3> </div>\r\n			<div class=\"cs3\">		\r\n				<h3><b>咖啡小知識</b><br>\r\n					<a href=\"#c01\">黑咖啡 </a><br />\r\n					<a href=\"#c02\">咖啡油脂 </a><br />\r\n					<a href=\"#c03\">咖啡生豆</a><br />\r\n					<a href=\"#c04\">養生咖啡 </a><br />\r\n					<a href=\"#c05\">咖啡四師 </a><br />\r\n					<a href=\"#c06\">咖啡豆的鹹味</a><br />\r\n					<a href=\"#c07\">咖啡豆的苦味</a><br />\r\n					<a href=\"#c08\">咖啡豆的甜味</a><br />\r\n					<a href=\"#c09\">咖啡豆的酸味</a><br />\r\n					<a href=\"#c10\">手選精品咖啡豆 </a><br />\r\n					<a href=\"#c11\">咖啡豆的基本物質</a><br />\r\n					<a href=\"#c12\">好咖啡的重要指標~酸</a><br />\r\n					<a href=\"#c20\">影響咖啡熟豆保鮮的五項因素</a><br />\r\n					<a href=\"#c13\">咖啡「公豆&middot;母豆」之說</a><br />\r\n					<a href=\"#c14\">判斷烘焙程度的方法</a> 	<br />\r\n					<a href=\"#c15\">專業的咖啡術語 </a><br />\r\n					<a href=\"#c16\">烘焙色卡之運用 </a><br />\r\n					<a href=\"#c17\">咖啡因的釋出 </a><br />\r\n					<a href=\"#c18\">咖啡氣味分類 </a><br />\r\n					<a href=\"#c19\">經研究證實~ </a><br /></h3> </div>\r\n			<div class=\"cs4\">\r\n				<h3><b>WHY</b><br>\r\n					<a href=\"#d01\">咖啡評鑑七大項目為何？ </a><br />\r\n					<a href=\"#d02\">淺焙與深焙的咖啡因孰高？ </a><br />\r\n					<a href=\"#d03\">烘焙後的咖啡豆為什麼會這麼香？ </a><br />\r\n					<a href=\"#d04\">為何要舉辦精品咖啡杯測評鑑訓練？</a><br> </h3> </div>\r\n			<div class=\"cs5\">		\r\n				<h3><b>學習</b><br>\r\n					<a href=\"#e01\">虹吸式咖啡萃取學習參考</a><br>\r\n					<a href=\"#e02\">虹吸式咖啡萃取注意事項</a><br>\r\n					<a href=\"#e03\">手沖式咖啡萃取注意事項</a><br>\r\n					<a href=\"#e04\">手沖式咖啡萃取六大關鍵</a> </h3><br> </div>\r\n	</div>\r\n	\r\n	\r\n	\r\n	<div class=\"container\">\r\n\r\n\r\n		<div class=\"row\">\r\n			\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"a02\">台東金崙溪流域咖啡的發源</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/02.jpg\"	\r\n					class=\"img-responsive img-rounded img-full\"\r\n					alt=\"Responsive image\"\r\n					>\r\n			</div> \r\n			<div class=\"col-md-6\">\r\n			1 9 7 4 年﹝民國6 3年﹞張冠淼從當時擔任台灣省農林廳農業試驗所嘉義農業試驗分所技士張清勤﹝鳳梨之父﹞手中獲贈咖啡種苗﹝阿拉比卡品種﹞\r\n			種植於南大武山金崙溪流域近黃溫泉、都飛魯溫泉上方海拔高度8 0 0公尺排灣族舊讀古梧部落附近之農場。<br><br>\r\n			\r\n			1 9 83 年﹝民國7 2年﹞放棄經營，任其自然生長。<br>\r\n			<br>1 9 8 8年﹝民國7 7年﹞舊讀古梧被劃入大武山自然保留區，每當進入咖啡熟果期時，野獸與鳥禽會來叼食熟果，<br>\r\n			在叼食的過程中卻也使牠們成了天然播種的自然媒介。<br>\r\n			<br>由於生態林下的野生咖啡種苗數量持續增加、範圍持續擴大，顯見經過自然演化已成為歸化種。<br>\r\n			<br>後因金崙溪流域之原住民從農場取得野生咖啡種苗栽培，使此品種成為金崙咖啡的主要品種。\r\n			</div> \r\n		</div>\r\n	\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"d01\">咖啡評鑑七大項目為何？</a><hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/01.jpg\"\r\n					class=\"img-responsive img-rounded img-full\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.乾香氣（Dry Fragrance）<br>\r\n				2.濕香氣（Wet Aroma）<br>\r\n				3.酸度（Acidity）<br>\r\n				4.醇厚度（Body）<br>\r\n				5.滋味變化度/層次感（FIaVor/DimenSion）<br>\r\n				6.餘韻（Aftertaste）<br>\r\n				7.均衡度（Balance）\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c15\">專業的咖啡術語</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n						\r\n				<img src =\"/userUpload/images/Alanger/04.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				\r\n			</div> \r\n			<b>Flavor【風味】</b>是香氣、酸度與醇度的整體印象，可以用來形容對比咖啡的整體感覺。\r\n				<br><b>Acidity【酸度】</b>是所有生長在高原的咖啡所具有的酸辛、強烈的特質。此處所指的酸辛與苦味或發酸（sour）不同，也無關酸鹼值，而是促使咖啡發揮提振心神、與滌清味覺等功能的一種清新、活潑的特質。\r\n				<br><b>Body【醇度】</b>是調理完成的咖啡飲用後的，在舌頭對咖啡留有的口感。醇度的變化可分為清淡如水到淡薄、中等、高等、脂狀，甚至某些印尼的咖啡如糖漿般濃稠。\r\n				<br><b>Aroma【氣味】</b>Aroma是指調理完成後，咖啡所散發出來的氣息與香味。 Bouquet是比較不常用的字，專指研磨咖啡粉的味道。 Aroma通常具有特異性，並且是綜合性。用來形容氣味（Aroma）的詞包括：焦糖味、碳烤味、巧克力味、果香味、草味、麥芽味、濃郁、豐富、香辛等。\r\n				<br><b>Bitter【苦味】</b>苦是一種基本味覺，感覺區分佈在舌根部分。深色烘焙法的苦味是刻意營造出來的，但最常見的苦味發生原因，是咖啡粉用量過多，而水太少。苦味並不是發酸（sour）的同意字。\r\n				<br><b>Bland【清淡】</b>生長在低地的咖啡，口感通常相當清淡、無味。咖啡粉份量不足、而水太多的咖啡，也會造成同樣的清淡效果。\r\n				<br><b>Briny【鹹味】</b>咖啡沖泡後，若是加熱過度，將會產生一種含鹽的味道。有部分咖啡店的咖啡屬於這種味道。\r\n				<br><b>Earthy【泥土的芳香】</b>通常用來形容辛香而具有泥土氣息的印尼咖啡。但這些所指的泥味並非指咖啡豆沾上泥土的味道。某些商業用咖啡會以廉價的咖啡混合，其中所含的泥味可能會變的髒髒的，這顯然是因為將咖啡豆鋪在地上進行乾燥、粗操的加工技術所造成的。\r\n				<br><b>Exotic【獨特性】</b>形容咖啡具有獨樹一格的芳香與特殊氣息，如花卉、水果、香料般的甜美特質。東非與印尼所產的咖啡，通常具有這種特性。\r\n				<br><b>Mellow【芳醇】</b>是對低至中酸度、平衡性佳的咖啡所形容的形容詞。\r\n				<br><b>Mild【溫和】</b>表示某種咖啡具有調和、細緻的風味。生長於高原的拉丁美洲高級咖啡，通常被形容為質地溫和。此外、它也是一種咖啡界的術語，用來指所有除了巴西生產的高原咖啡。\r\n				<br><b>Soft【柔潤】</b>形容如印尼咖啡般的低酸度咖啡；亦可以形容為芳醇或香甜。\r\n				<br><b>Sour【發酸】</b>一種感覺區主要位於舌頭後側的味覺，是淺色烘焙咖啡的特點。\r\n				<br><b>Spicy【香辛】</b>指一種令人聯想到某種特定香料的風味或氣味。某種印尼所產的高原咖啡（尤其是陳年咖啡），蘊含小荳蔻般香甜的氣味。\r\n				<br><b>Strong【濃烈】</b>就技術上而言，形容的是各種味覺優缺點的多寡，或指特定的調理成品中，咖啡與水的相對比例。就通俗的用法而言，濃烈形容的是深色烘焙咖啡強烈的風味。此外，它也誤導人們產生含有大量咖啡因的錯覺。事實上，咖啡因含量高的是罐裝的清淡咖啡，因為其中含有較多的低因咖啡。\r\n				<br><b>Sweet【香甜】</b>是一種普遍使用的形容詞，本質上幾乎像是水果味，與酒味也有關。生長於哥斯達黎加高原的咖啡通常具有辛烈的風味。\r\n				<br><b>Wild【狂野】</b>形容咖啡具有極端的口味特性。一般人若是無法接受的話，會稱之為古怪，但也可能是吸引的特色，看個人喜好了。\r\n				<br><b>Winy【葡萄酒味】</b>形容一種令人聯想到葡萄酒般的迷人風味。水果般的酸度與滑潤的醇度，所營造出來的對比特殊風味。肯亞咖啡便是含有葡萄酒風味的最佳典範。<br>此文轉載自台灣飲料調製協會\r\n			\r\n		</div>	\r\n	\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c06\">咖啡的鹹味</a><hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/001.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡的鹹味主要由礦物質鹽類所造成，如氯化鈉(食鹽)、氯化鉀、氯化銨…等，\r\n				蘋果酸鹽與葡萄糖酸鹽也具有鹹味。礦物質鹽類易溶於水，咖啡萃取時很難避免被釋出。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c07\">咖啡的苦味</a><hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/002.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡的苦味是由烘焙時造成的糖分、部分澱粉、纖維質的焦糖化、炭化及咖啡因…等的生物鹼物質、綠原酸…等的多糖體、鈣、鎂…等的金屬鹽所致。焦糖化、炭化物質，分子較小，小分子苦味易溶於水，多醣體較不易溶於水。\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c08\">咖啡的甜味</a><hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/003.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡的甜味是因咖啡豆烘焙時，咖啡豆中許多大分子物質被裂解後所釋放的小分子糖類，如葡萄糖、蔗糖、果糖···等所造成的甜味。醣類甜味物質易溶於水。\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c09\">咖啡的酸味</a><hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/004.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡的酸味是由很多有機酸所構成的：蟻酸、醋酸、乳酸、草酸、琥珀酸、蘋果酸、酒石酸、檸檬酸、奎寧酸...等。\r\n\r\n				酸味成分在烘焙初期會增加至高點，後隨烘焙時間而降低。\r\n\r\n				酸味物質大多很容易溶於水，一般以烘焙來控制。\r\n			</div> \r\n		</div>\r\n\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"e01\">虹吸式咖啡萃取的學習參考</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" >\r\n						\r\n				<img src =\"/userUpload/images/Alanger/05.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n					咖啡粉入水後，會產生分層，油脂在最上層，<br>含氣泡的粉在中層，重量足夠的沉底，<br>\r\n				攪拌是為了讓水與粉充分混合使能萃取完全，但實際萃取的時間短，<br>\r\n				攪拌次數的多寡不是重點，如何確實快速的壓粉與適當的攪拌，使其均勻的萃取完全才是重點。\r\n				<br><br>虹吸式萃取給人優雅的主觀印象，所以會講求溫柔優雅的萃取動作，<br>\r\n				但下粉到熄火的時間僅數十秒，若靠小火讓它自動吸水萃取實在更難掌握，所以才需要壓粉，將粉壓入水中的時間也是越短越好，<br>\r\n				迅速壓粉後就須輕柔攪拌，幫它與水充分混合，\r\n				<br>至於順時鐘逆時鐘實在是假議題，攪拌次數也是如此。\r\n				<br><br>好的咖啡需要適當的萃取，掌握好水溫與時間就能做到，<br><br>\r\n				了解萃取基本操作原理後，再來建立屬於你自己的萃取方式與姿勢。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"e02\">虹吸式咖啡萃取注意事項</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/06.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1. 咖啡粉顆粒大小<br>\r\n				2. 火力<br>\r\n				3. 沖煮：先置粉、後置粉、雙沖 <br>\r\n				4. 攪拌<br>\r\n				5. 冷卻：自然冷卻、人工冷卻<br>\r\n				6. 環境溫度\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"e04\">手沖式咖啡萃取六大關鍵</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n							\r\n				<img src =\"/userUpload/images/Alanger/07.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.咖啡豆：新鮮優質的咖啡豆。<br>\r\n				2.適當的研磨：中度研磨。<br>\r\n				3.熱水溫度：適合的水溫。<br>\r\n				※剛烘焙好的豆子要以較低溫緩緩萃取。<br>\r\n				※經氧化平衡後的咖啡豆適合較高溫萃取才能釋放出味道與香氣。<br>\r\n				4.充分的悶蒸：輕柔緩慢的注入適量熱水，新鮮的咖啡粉會如同漢堡般的膨脹，靜置二十到三十秒，讓咖啡的芳香盡情釋放。<br>\r\n				5.濾杯的邊緣部分不要注水：避免咖啡濃度低而無味。<br>\r\n				6.注意萃取流速：避免萃取過度或萃取不足，萃取結束後留在濾杯上的咖啡粉會形成均勻完美的缽狀。<br>\r\n			</div> \r\n		</div>	 \r\n		\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"e03\">手沖式咖啡萃取注意事項</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/08.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1. 咖啡粉顆粒大小<br>\r\n				2. 水溫<br>\r\n				3. 注水：高度、流量<br>\r\n				4. 手沖時間<br>\r\n				5. 環境溫度\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"e05\">咖啡四師</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/09.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				一小師三大師<br>\r\n				1.咖啡師：萃取<br>\r\n				2.咖啡園藝師：栽培<br>\r\n				3.咖啡烘焙師：烘焙<br>\r\n				4.咖啡評鑑師：杯測（品質官能鑑定）\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"a03\">台東咖啡與客家族群的淵源</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/010.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				西元1939 年(昭和14年)，東臺灣咖啡產業株式會社在雷公火山坡地(今關山鎮電光里)\r\n				進行咖啡栽培，成立東臺灣日之出農場，總面積達841 甲，派員至西部新竹州招募移民，\r\n				安置於咖啡會社（電光里廣興）、下農場（電光里南興）及三農場（電光里東興）等各處形成小聚落；<br><br>\r\n				1940 年(昭和15年)，苗栗頭份人饒維方到初鹿「咖啡試驗所」(今卑南鄉初鹿村)承攬水土保持工程，\r\n				因勞力不足回原鄉招攬工人，共募到二、三百人，在初鹿形成客家聚落。 \r\n			</div>   \r\n		</div>	 	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"d03\">烘焙後的咖啡豆為什麼會這麼香？</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/012.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡豆所含的物質豐富，如礦物質、碳水化合物、低分子量醣類、多醣類、果膠、含氮化合物…等，這些物質在受熱烘培的過程中，會造成一連串複雜的反應，因而產生非常誘人的香氣。<br>而最重要的反應有二：<br>\r\n				1.焦糖化反應（caramelization，醣的氧化與褐變）。<br>\r\n				2.梅納反應（Maillard reaction，胺基酸與醣類的反應）。\r\n			</div> \r\n			<div class=\"col-md-12\"><br>\r\n			上述兩種反應皆需要醣類，咖啡生豆中所含量豐富的醣類，正是提供這兩種反應的重要物質。<br>\r\n				據研究發現蔗糖含量與咖啡豆風味有著正向的相關性，阿拉比卡（Arabica）生豆的蔗糖（Sucrose）含量是羅布斯塔（Robusta）生豆的兩倍，這也是阿拉比卡種咖啡豆風味優於羅布斯塔的原因。<br><br>\r\n				註：\r\n				「梅納反應」比較「焦糖化」的重點整理<br>\r\n				胺基酸＋還原醣類＋加熱至150℃以上＝梅納反應。<br>\r\n				醣類only＋加熱至180℃以上＝焦糖化。<br><br>\r\n				焦糖化會使糖在不須加水的狀況下直接熔融成液態。兩項反應都會產生香味、顏色由變黃到變深變黑。<br>兩者彼此可能在同一次加熱中同時發生，但不會互相混合，也不可混為一談。\r\n				還原醣指的是具有醛基或是酮機的醣類(或統稱羰基)，如果醣、葡萄糖等單醣、以及具有這些官能基的的雙、寡或是多醣類，因為梅納反應的主角之一就是羰基與胺基反應，因此相當重要，不過要注意的是，<br>蔗糖因為是葡萄糖半縮醛和果糖的半縮酮反應結合而成的雙醣，兩個羰基都作用掉了，因此屬於非還原醣，不會參與梅納反應。<br>(註: 咖啡學~第八章~咖啡烘焙概論(上) 第207頁倒數第四行開始有關蔗糖參與梅納反應的論述，可能需要修正。\r\n			</div>\r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c13\">咖啡「公豆·母豆」之說</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/013.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡「公豆·母豆」之說，乃源自於印尼，是針對觀光客的噱頭。<br>許多人把咖啡圓豆叫做「公豆 」，稱平豆為「母豆 」，但就植物學而言，這顯然是盗聽塗說。<br>咖啡屬茜草科植物，其花屬於「完全花」，就是說「自花授粉」，一朵花本身就具備雌雄蕊，根本無雌雄株或雌雄花之分。<br>咖啡花的子房中有兩個胚珠，因是自花授粉，所以授粉率極高，通常兩個胚珠都會授粉成功，而發育成含有兩個種籽（平豆）的咖啡漿果；<br><br>但有少數只有單一胚珠授粉，而發育成單一而圓形的種籽，故稱為「單豆」，又叫做「圓豆」(日本叫丸豆)。以後若有人對你說:同株生長的圓豆與平豆風味不同，圓豆風味較佳。你只要一笑置之，聽聽就好！\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c02\">咖啡油脂</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/014.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				任何的咖啡沖煮方式都不應該犧牲掉油脂，<br>因為咖啡熟豆的芳香精華全部濃縮在含咖啡醇和咖啡白醇的油脂中，<br>如果沒有咖啡油脂，黑咖啡就成了平淡無奇的苦水。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c03\">咖啡生豆</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/015.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡漿果經過乾·濕等方式加工處理後，即成為咖啡生豆（Raw bean/Green bean）。<br>\r\n				依生豆儲存的時間長短具體分為：<br><br>\r\n				當季豆（Current Crop），即剛採收的生豆；<br>新豆（New Crop），即第一年的生豆；<br>舊豆（Past Crop），即存放兩年的生豆；<br>老豆（Old Crop），即庫存太久的生豆；<br>陳年豆（Aged Bean），不同於老豆，其儲存方式獨特<br>\r\n			</div> \r\n			<div class=\"col-md-12\"><BR>\r\n			採帶殼（羊皮）生豆儲存於乾爽通風處，烘焙過後，陳年豆風味酸質變弱，醇度變高，質感變厚，老成持重。<br>\r\n				烘焙時新豆與老豆相比，新豆由於含水量高，傳熱較老豆難，所以新豆的烘焙難度較高。 <br>烘焙後，新豆感覺活潑，有自然花香，優質的酸味，含水量高，綠原酸豐富，味道相對鮮明強勁；老豆感覺沉穩，醇度和濃厚度高，含水量少，體積輕微膨脹，味道柔和。<br>\r\n				隨著時間的增長，生豆內部水分逐漸減少，生豆的顏色會逐漸由深綠色轉淡；清新的果香或草香等氣味也會逐漸變弱、活力減少。 <br><br>這些都可以作為辨別生豆新鮮度的依據。\r\n			</div>\r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c01\">黑咖啡</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/016.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				黑咖啡是指不加調味劑的咖啡，沖泡器具很多元，故它也包含義式濃縮咖啡。<br><br>\r\n				義式濃縮咖啡則是指以摩卡壺或義式咖啡機沖煮出來的咖啡。\r\n				每個人的喜好都不同，因此會產生偏好以某種方式沖煮或飲用何種咖啡豆等的習慣，若屏除這個因素，則每種咖啡豆都能做成黑咖啡，也可沖煮義式濃縮咖啡。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"d02\">淺焙與深焙的咖啡因孰高？</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/017.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				淺焙與深焙的咖啡因孰高？這是個很有趣的話題。很多人會說深焙過程裂解較多咖啡因，所以深焙的咖啡因低於淺焙，也就是焙度愈深，咖啡因愈低。但卻有不少研究指出，咖啡因不會因焙度不同而有大幅的起伏，即咖啡因在烘豆過程中非常穩定。<br>咖啡因沸點(升華點)178℃，熔點237℃，焙至178℃以上，固態的咖啡因開始微量氣化，但除非加熱到237℃，否則咖啡因是不會大幅崩損。<br>況且在正常烘豆下，是不可能烘到這麼高溫的，也就是說：在正常的烘豆下，不會因淺焙或深焙而影響咖啡因的含量。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c17\">咖啡因的釋出</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/018.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡因昇華溫度為178°C；<br>若以溶解度而言，當水温為100°C時可溶67 % ，80°C時可溶18 %；<br>研究報告指出，若以95℃的熱水沖泡1.68分鐘可萃取出咖啡中咖啡因含量的一半，若沖泡5.54分鐘則可萃取出90﹪的咖啡因。<br>也就是說：沖泡咖啡時，水的溫度及沖泡的時間決定咖啡因釋出的多寡。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c18\">咖啡氣味分類</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">\r\n			\r\n				<img src =\"/userUpload/images/Alanger/019.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				高揮發性氣味─酵素作用副產物：花類、水果類、草本類<br><br>\r\n				中揮發性氣味─焦糖化作用副產物：堅果類、焦糖類、巧克力類<br><br>\r\n				低揮發性氣味─乾餾作用副產物：脂類、香料類、碳化類\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"c20\">影響咖啡熟豆保鮮的五項因素</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/020.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.氧氣：採用單向排氣閥容器，隔絕氧氣。<br>\r\n				2.光線：採用不透光容器，隔離光線。<br>\r\n				3.濕度：避免潮濕的環境，乾燥保存。<br>\r\n				4.温度：避免高温的環境，陰涼保存。<br>\r\n				5.時間：賞味期內食用完畢。\r\n			</div> \r\n		</div>	\r\n			\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c12\">好咖啡的重要指標~酸</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/022.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡最具內涵的味覺是酸味，咖啡所呈現的酸是由生豆本身的特性以及烘焙程度所造成的。<br>咖啡優質的酸味是大自然活潑氣息，且明亮迷人的風味表現。<br>咖啡若失去了酸度，就等於失去了咖啡的生命力，品嚐起來空洞乏味、無豐富層次。<br>精品咖啡追求那份迷人的酸，愉悅的酸是衡量一杯好咖啡在口感上的一個重要指標。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c11\">咖啡豆的基本物質</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/023.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-3\"><br>\r\n				1.水份<br>\r\n				2.礦物質<br>\r\n				3.碳水化合物<br>\r\n				4.低分子量醣類<br>\r\n				5.多醣類<br>\r\n				6.果膠及木質素<br>\r\n				7.含氮化合物<br>\r\n			</div> \r\n			<div class=\"col-md-3\"><br>\r\n				a.植物鹼<br>\r\n				b.葫蘆巴鹼<br>\r\n				c.菸鹼酸<br>\r\n				d.蛋白質及胺基酸<br>\r\n				e.綠原酸<br>\r\n				f.脂質<br>\r\n				g.揮發性物質<br>\r\n				h.有機酸<br>\r\n				i.咖啡因\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c04\">養生咖啡</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/024.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				未能將瑕疵豆去除的黑咖啡，只是一杯減少糖及奶負擔的咖啡，不但無法呈現乾淨的風味，而且絕對不會是一杯養生咖啡；<br><br>只有精品黑咖啡才能讓您喝到最乾淨的風味，並且是杯道地的養生咖啡。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c19\">經研究證實</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/025.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡果肉具有之功效：<br><br>\r\n				1.提振心情和體能<br>\r\n				2.抗紫外線<br>\r\n				3.抗發炎<br>\r\n				4.抗自由基<br>\r\n				5.抑制食慾<br>\r\n				6.抗老化\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR>咖啡究竟是毒？還是藥？</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/026.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				好書分享<br><br>\r\n				百藥之王~一杯咖啡的藥理學<br><br>\r\n				經醫·藥學研究，證實咖啡能預防：肝癌、第二型糖尿病、高血糖、老人癡呆、降血壓、帕金森氏症···等疾病。\r\n				晨星出版\r\n			</div> \r\n		</div>	\r\n		\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c16\">烘焙色卡之運用</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/028.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><BR>\r\n				專業咖啡烘焙者所面臨許多品質控制的挑戰,其中之一便是一致性。烘焙分類與烘焙品質兩者變成每天生產的優先重點。<BR><br>雖然最精準的品質控制計畫要使用精細的設備，和化學分析以形成烘焙品質指數與程度或烘焙分類，但這些複雜的測量都超出了大多數烘焙者的財務及技術資源。杯測為烘焙品質的最終評價，而且一個敏銳或受過訓練的味覺是沒有替代品的。\r\n此文截錄自探索精品咖啡的秘密\r\n			</div> \r\n			<div class=\"col-md-12\">	<BR>\r\n			但是，談到烘焙程度分類的話，專業咖啡產業尚未有建立的標準或參考文獻。複雜的是，似乎沒有人對烘焙分類語言或術語能夠達到意見一致。烘焙分類主題的目的是要製造出許多顏色盤，能用來對不同的烘焙程度進行分類。分類的基礎是,在控制烘焙環境下，糖的化學反應之發展。色卡會使用一個數字指標，以避免任何術語上的爭議。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"c14\">判斷烘焙程度的方法</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/029.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				1.時間設定:藉由紀錄烘焙時間與口感對等關係,作為烘焙設定之依據。<br>\r\n				2.溫度變化:藉由記錄溫度與口感對等關係,作為烘焙設定之依據。<br>\r\n				3.焦糖化色差:藉由烘焙時間與溫度變化所產生相對應的焦糖化著色程度與口感相對關係,作為烘焙設定之依據。<br>\r\n				4.煙霧氣味:藉由不同階段烘焙所產生的煙霧氣味與口感之對等關係,作為烘焙設定之依據。(此方法會危害鼻膜與嗅覺,故不建議使用。)<br>\r\n				5.卓氏分級法:透過烘焙時間•溫度區間•焦糖化色度之交替設定,以建立一個能消除因氣候•豆種•烘焙量不同時的多種參考烘焙依據。<br><br>\r\n				此文截錄自探索精品咖啡的秘密\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b06\">台東咖啡有得天獨厚的條件，後天的努力不可懈怠</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/030.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				造就一杯好咖啡有其先天條件及後天條件：<br>\r\n				天然微氣候、地質土壤、品種等屬先天條件。<br>\r\n				栽培、後製、烘焙、萃取等技術屬後天條件。<br><br>\r\n				後天條件當中，栽培及後製技術屬農業性知識；烘焙及萃取技術屬工藝性知識。<br><br>\r\n				但咖啡還有個終極知識，就是咖啡杯測：透過咖啡杯測所得結果給予咖啡客觀的評價，咖啡杯測師（評鑑師）再以其專業提供農業性及工藝性各項技術面的建議。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"d04\">為何要舉辦精品咖啡杯測評鑑訓練？</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/031.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				美國精品咖啡協會（SCAA）致力於為追求咖啡“從種子到杯子”的卓越品質，以及優質咖啡的可持續發展，提供一個共同的平臺，建立咖啡的品質標準，規範對咖啡專業人員技藝的認證標準。<br><br>對台東咖啡農友而言，確實需要先建立一個可依循的制度，才能在穩定中求發展。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b05\">台東縣咖啡產業發展協會是台東精品咖啡的推手</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/032.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				西元2010年（民國99年）2月，台東縣咖啡產業發展協會成立<br><br>第一、二屆理事長廖添成，總幹事張博承，二人在任期中帶領協會幹部，開始了「精品咖啡」各項相關研習課程，舉辦了2010年、2011年、2013年（民國99年、民國100年、102年）東部島嶼型精品咖啡評鑑比賽，使台東咖啡產業向前邁進了一大步。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b08\">台東縣各鄉鎮咖啡產銷班</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/033.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				台東縣各鄉鎮咖啡產銷班\r\n				依地理位置，由南至北，自西而東排列為<br>\r\n				達仁鄉特用作物（咖啡）產銷班第二班<br>\r\n				金峰鄉咖啡產銷班第三班<br>\r\n				太麻里鄉咖啡產銷班第四班<br>\r\n				太麻里鄉咖啡產銷班第六班<br>\r\n				太麻里鄉咖啡產銷班第七班<br>\r\n				卑南鄉咖啡產銷班第四班<br>\r\n				卑南鄉咖啡產銷班第五班<br>\r\n				卑南鄉咖啡產銷班第七班<br>\r\n				台東市咖啡產銷班第四班<br>\r\n				鹿野鄉咖啡產銷班第十六班<br>\r\n				鹿野鄉咖啡產銷班第十七班<br>\r\n				池上鄉咖啡產銷班第二班<br>\r\n				成功鎮咖啡產銷班第一班<br>\r\n				長濱鄉咖啡產銷班第二班<br>\r\n				台東縣目前共14個咖啡產銷班，東河鄉咖啡產銷班正在籌備中。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b01\">台東咖啡種植分佈於三線五區</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/040.jpg \" \r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				三條線路為:<br>南迴線、縱谷線、東海岸線。<br><br>\r\n				五個地理區為:<br>中央山脈、花東縱谷平原、卑南溪三角洲、海岸山脈及泰源盆地。</a><br><br>\r\n				三線五區生產的台東咖啡各具特色風味。\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b03\">古坑咖啡的掘起帶動了台東咖啡種植潮</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/037.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				西元1999年（民國88年）921地震及2000年（民國89年）象神·2001年（民國90年）桃芝·納莉颱風重創古坑，重建期間古坑咖啡漸漸嶄露頭角，於2003年（民國92年）拔得頭籌舉辦「台灣咖啡節」，古坑咖啡於此時正式掘起。古坑咖啡的掘起帶來了區域性的經濟發展，也因此帶動了台灣的咖啡種植潮，台東許多農友也紛紛投入了咖啡的種植，經過將近10年來的努力，台東種植咖啡的面積已成為全國最多的縣份，2014年（民國103年）官方統計台東縣種植咖啡面積已達270公頃，且持續增加中 。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b04\">台東咖啡種植的二種方式與栽培的三種農法</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/038.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				種植的二種方式為:<br>\r\n				1.全日照方式（裸露）<br>\r\n				2.半遮蔭方式（林下）<br>\r\n				栽培的三種農法為:<br><br>\r\n				1.慣行農法（農業化學）<br>\r\n				2.有機農法<br>\r\n				3.自然農法<br><br>\r\n				因種植方式與栽培農法的不同，咖啡樹的病蟲害防治、土壤的肥培管理及園區的田間施作，差異極大，對於咖啡的風味亦有所影響。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"a01\">艾蘭哥爾咖啡緣起</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/039.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n		\r\n			</div> \r\n			<div class=\"col-md-12\">\r\n			台灣的咖啡樹為外來種，於1884年由英商「德記洋行」從馬尼拉引進栽培，1895年中日甲午戰爭台灣割讓給日本後，日本政府陸續在台灣各地推廣、試種，台東廳也在1912年接受由殖產局分配的阿拉比卡咖啡種子。日本官員發現咖啡的生長情形良好，鼓吹台東大量種植咖啡，日後台東成為咖啡重要產地。\r\n				西元1974年張冠淼先生從台灣省農林廳嘉義農業試驗分所獲贈阿拉比卡品種咖啡種苗，種植位於南大武山金崙溪流域的近黃跟都飛魯溫泉上方800公尺之排灣族舊讀古梧部落附近，此為弘宇自然農場咖啡種原區。\r\n				舊讀古梧部落已於西元1988年劃入大武山自然保留區，大武山自然保留區是台灣地區目前所保留面積最大、林相最完整的天然林地，孕育著豐富珍貴稀有的生物資源，亦為瀕臨絕種之世界稀有保育動物台灣雲豹的棲息地。\r\n				農場位處深山，交通運輸不便，增加了管理及採收的難度與成本。西元1983年放棄經營，任其自然生長，因緊臨大武山自然保留區，每當進入咖啡熟果期時，野獸與鳥禽會來叼食熟果，在叼食的過程中卻也使牠們成了天然播種的自然媒介，由於生態林下的野生咖啡種苗數量持續增加、範圍持續擴大，顯見經過自然演化已成為歸化種，西元1993年（民國82年）成立弘宇自然農場野生咖啡種原保育區。\r\n				西元2000年因古坑咖啡掘起，咖啡帶來地方經濟利益，金崙地區之原住民開始從弘宇自然農場野生咖啡種原保育區取種栽培，因此弘宇自然農場野生咖啡品種（阿拉比卡歸化種）成為金崙咖啡的主要品種。\r\n				西元2004年（民國93年）自家採種並以自然農法種植於台東縣太麻里鄉金崙村富山之弘宇自然農場，農場海拔高度500至800公尺，背山面海，終年海風吹拂，時有雲霧籠罩，咖啡樹種植於雲間帶下緣之生態林內，由於得天獨厚之天然微氣候與自然農法的種植方式，生產的咖啡豆品質優良，具有島嶼豆及高原豆之特性，沖泡出的咖啡擁有獨特香氣與口感。\r\n				十六世紀葡萄牙人稱台東為「Alanger」，故將「Alanger」音譯為中文「艾蘭哥爾」，西元2011年（民國100年）將種原保育區，更名為「艾蘭哥爾經典咖啡野生種原保育區」，並且將弘宇自然農場所生產的咖啡豆，命名為「艾蘭哥爾經典咖啡豆」，創立了「艾蘭哥爾咖啡」品牌。\r\n				台東為典型之農業縣，幅員遼闊，偏鄉地區經濟蕭條，人口外流嚴重，城鄉差距日益擴大，經濟因素所衍生出來的社會問題甚為嚴重，如何培植高經濟之永續產業，讓偏鄉居民能夠安居樂業，乃當務之急，有鑑於此，弘宇企業致力於台東咖啡產業之提升，從事生產者之教育及輔導工作,並以消費者為導向，舉辦咖啡各項技術之研習及活動，推廣台東精品咖啡，建立台東咖啡產消平台，以期創造台東咖啡文化，讓台東咖啡躍上國際舞台，亦讓台東咖啡走入台灣的家庭，走入你我的生活。\r\n			</div>\r\n		</div> \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b02\">台東咖啡種植以阿拉比卡種為主</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/%E9%98%BF%E6%8B%89.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				世界咖啡三原種為:<br><br>\r\n				1.阿拉比卡種:佔世界生產量的75%左右，其中精品咖啡產量僅佔8%左右。<br><br>\r\n				2.羅布斯塔種:佔世界生產量的25%左右，大部份做為即溶咖啡之用。<br><br>\r\n				3.賴比瑞亞種:佔世界生產量的1%左右。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b09\">台東咖啡產地</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/036.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				南迴咖啡:達仁鄉、金峰鄉、太麻里鄉、卑南鄉部份地區<br><br>\r\n				東海岸咖啡:東河鄉、成功鎮、長濱鄉<br><br>\r\n				縱谷咖啡:卑南鄉部份地區、鹿野鄉、延平鄉、關山鎮、池上鄉\r\n			</div> \r\n		</div>	 \r\n			 \r\n\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c10\">手選精品咖啡豆</a><hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/03.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				<p>未經過挑除劣豆的生豆，<br>如果烘焙後消費者喝到的身體裡，<br>除了會攝入毒素之外，也容易造成心悸、噁心、咖啡醉等身體不適的症狀；<br><br>\r\n				手工挑選過的精品咖啡豆無論在香氣、口感或是餘韻上<br>絕對都遠遠勝於機械所挑選含劣豆的咖啡豆。 </p>\r\n\r\n\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"a04\">台東咖啡緣起</a><hr></h4>\r\n			</section>\r\n\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/011.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				台灣的咖啡樹為外來種，於西元十九世紀1884年（清光緒10年）\r\n				由英商「德記洋行」從馬尼拉引進栽培，1895年（清光緒21年）中日甲午戰爭後訂立了馬關條約，\r\n				滿清把台灣割讓給日本。<br><br>西元二十世紀初1901年日本政府在台灣各地推廣、試種，\r\n				台東廳也在1912年接受由殖產局分配的阿拉比卡咖啡種子，日本官員發現咖啡的生長情形良好，\r\n				鼓吹台東大量種植咖啡，日後台東成為咖啡重要產地。\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"b07\">鑑賞台東精品咖啡極致的風味~酸味</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/027.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡的酸源自於咖啡豆的天然果味，所有水果皆有酸味，只是程度上有所差異，咖啡也是水果，原本就帶有酸性，咖啡種子在經過多重加工後，尚能保有一種純淨的狀態，才能喝到充滿大自然活潑氣息，且明亮迷人的風味，此風味即是專家所說的酸味。<br><br>\r\n				精品咖啡酸質的口感表現為感官評價的步驟項目之一。<br>\r\n				酸的專業性定義上分為：<br><br>\r\n				1.自然的，受歡迎的酸(一種可以創造愉悅、回甘與活力感的咖啡味道)。<br>\r\n				2.自然的，不受歡迎的酸(一種源自於咖啡失敗的後製、貯存、萃取‧‧‧等，所造成不愉快口感的刺激性味道)，也是大部份一般飲者對酸味產生誤解的原因。<br>\r\n				3.不自然且不受喜歡的加工酸，是自然酸的替代品，但大致上有一種刺激性的壓縮味道。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"a05\">東河鄉「咖啡園」百年老樹</a><HR></h4>\r\n				\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/021.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				圖片為日治時代種植於東河鄉泰源地區之賴比瑞亞種咖啡老樹，已列入老樹保育。\r\n			</div> \r\n		</div>\r\n		\r\n		\r\n		\r\n	</div>\r\n\r\n</div>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.202.80',NULL,NULL,NULL,NULL,NULL,NULL),(1038,'2017-12-16 08:11:16','2017-12-16 16:11:15',NULL,NULL,NULL,1038,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'國立台東大學樂活產業創新平台',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,1,NULL,NULL,'1.175.24.179',NULL,NULL,NULL,NULL,NULL,NULL),(1039,'2017-12-19 01:53:58','2017-12-16 16:19:43',NULL,NULL,NULL,1038,1038,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'LOHAS','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,90000,NULL,0,NULL,NULL,'1.175.24.179',NULL,0,NULL,NULL,NULL,NULL),(1040,'2017-12-19 02:24:05','2017-12-19 10:24:05',NULL,NULL,NULL,1038,1038,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'活動資訊','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,80000,NULL,1,NULL,NULL,'210.240.176.221',NULL,0,NULL,NULL,NULL,NULL),(1041,'2017-12-19 02:25:46','2017-12-19 10:25:46',NULL,NULL,NULL,1038,1038,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'共創樂活','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,70000,NULL,1,NULL,NULL,'210.240.176.221',NULL,0,NULL,NULL,NULL,NULL),(1042,'2017-12-19 01:54:04','2017-12-16 16:22:13',NULL,NULL,NULL,1038,1038,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'關於平台','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,60000,NULL,0,NULL,NULL,'1.175.24.179',NULL,0,NULL,NULL,NULL,NULL),(1043,'2017-12-21 12:52:35','2017-12-21 20:52:35',NULL,'2017-12-16 00:00:00','2038-01-01 00:00:00',1038,1040,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'2017 樂活產業創新論壇暨成果發表工作坊 - 邀您一起來!',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/platfom/%E9%82%80%E8%AB%8B%E5%8D%A1-01.jpg\" style=\"width: 1200px; height: 1200px;\" />This is some sample text</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'1.175.29.87',NULL,NULL,NULL,NULL,NULL,NULL),(1044,'2017-12-16 17:33:52','2017-12-17 01:20:10',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<title></title>\r\n	<!-- Required meta tags --></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" name=\"viewport\" />\r\n	<!-- Bootstrap CSS --></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link crossorigin=\"anonymous\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css\" integrity=\"sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb\" rel=\"stylesheet\" />\r\n</p>\r\n<center>\r\n	<h1>\r\n		荖濃家營農場露營區</h1>\r\n</center>\r\n<p>\r\n	<marquee onmouseout=\"this.start()\" onmouseover=\"this.stop()\" scrollamount=\"7\"><font color=\"green\">-------最新消息-------</font></marquee> <!-- Optional JavaScript --><!-- jQuery first, then Popper.js, then Bootstrap JS --><script src=\"https://code.jquery.com/jquery-3.2.1.slim.min.js\" integrity=\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN\" crossorigin=\"anonymous\"></script><script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js\" integrity=\"sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh\" crossorigin=\"anonymous\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js\" integrity=\"sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ\" crossorigin=\"anonymous\"></script></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1045,'2018-10-01 14:57:07','2018-10-01 22:57:01',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1036,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'聯絡資訊',NULL,'<p>\r\n	[BLOB]</p>\r\n<p>\r\n	&nbsp;</p>\r\n','地址：高雄市六龜區荖濃里裕濃路81巷25-36號\r\n聯絡電話：0921-592593\r\n聯絡手機：0921-592587\r\n臉書：https://www.facebook.com/TienInn\r\n官網：http://www.campingti.com/\r\n','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1046,'2017-12-16 18:21:28','2017-12-17 02:20:49',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<img alt=\"image goes here\" class=\"img-fluid img-thumbnail\" src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Tomato_je.jpg/240px-Tomato_je.jpg\" /></p>\r\n	<img alt=\"image goes here\" class=\"img-fluid img-thumbnail\" src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Tomato_je.jpg/240px-Tomato_je.jpg\" /></p>\r\n	<img alt=\"image goes here\" class=\"img-fluid img-thumbnail\" src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Tomato_je.jpg/240px-Tomato_je.jpg\" /></p>\r\n	<img alt=\"image goes here\" class=\"img-fluid img-thumbnail\" src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Tomato_je.jpg/240px-Tomato_je.jpg\" /></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1047,'2017-12-16 18:21:26','2017-12-17 02:21:08',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n		<img alt=\"image goes here\" class=\"img-fluid img-thumbnail\" src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Tomato_je.jpg/240px-Tomato_je.jpg\" /></p>\r\n	<img alt=\"image goes here\" class=\"img-fluid img-thumbnail\" src=\"https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Tomato_je.jpg/240px-Tomato_je.jpg\" /></p>\r\n</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1048,'2017-12-22 10:43:43','2017-12-22 18:43:43',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1026,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<title></title>\r\n</p>\r\n<p>\r\n	<link href=\"bootstrap  .css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<!-- Required meta tags --></p>\r\n<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<p>\r\n	<meta content=\"width=device-width, initial-scale=1, shrink-to-fit=no\" name=\"viewport\" />\r\n</p>\r\n<div class=\"container\" style=\"font-family:Microsoft JhengHei;\">\r\n	<h1 align=\"center\">\r\n		田營農場</h1>\r\n	<h1 align=\"center\">\r\n		&nbsp;</h1>\r\n	<p>\r\n		<span style=\"font-size:24px;\">是個位於高雄市六龜區田營，佔地一公頃的的蓮霧農地。它的主人在20年前買下這塊土地，準備在工作退休之後當個開心的務農族。十幾年來農場一直未使用，但張老闆娘捨不得農地租借給他人任意破壞，於是她親自至農地勘查，並無意間挖掘出生長在農地裡的美味地瓜！因此決定自己動手栽種水果。</span></p>\r\n	<p>\r\n		<span style=\"font-size:24px;\">&nbsp; 老闆娘開始在田中買小苗栽種番茄，一開始買了100株到最後卻只剩下20株生存，可是她並不氣餒，且認為種植番茄不需要像他人一樣一定要噴灑農藥。老闆娘持續地在田裡學習，從買了300株存活150株，進步到500株存活300株，她種植的時間越久越懂得訣竅。每個夜晚老闆娘帶著頭燈在田裡巡查，若見到過多的飛蛾，隔日便開始使用檸檬蘇打、苦煉油、活醋&hellip;&hellip;等物品噴灑於番茄表面，以驅趕飛蛾。</span></p>\r\n	<p>\r\n		<span style=\"font-size:24px;\">&nbsp; 數年來老闆娘一直堅持著有機耕種，不僅有玉女、澄蜜番茄以及芭樂，甚至還有產銷至國外的金煌芒果。田營農場於2013年開始整地，同一時間鄰居建議老闆娘可以經營小小露營區，因此在2016年，老闆娘將其打造成一片能與民眾互動的快樂農場，為了增加親子間的樂趣，近期將新增籃球框、戲水區&hellip;&hellip;等遊樂設施，並提供採摘當季水果(芭樂、芒果、番茄&hellip;等)的活動，以讓民眾體驗摘果的趣味！歡迎參觀荖濃田營農場露營區~</span></p>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<!-- Optional JavaScript --><!-- jQuery first, then Popper.js, then Bootstrap JS --><script src=\"https://code.jquery.com/jquery-3.2.1.slim.min.js\" integrity=\"sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN\" crossorigin=\"anonymous\"></script><script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js\" integrity=\"sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh\" crossorigin=\"anonymous\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js\" integrity=\"sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ\" crossorigin=\"anonymous\"></script>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1049,'2017-12-16 18:40:58','2017-12-17 02:40:32',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1034,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	Q:請問下單之後多久能到貨？</p>\r\n<p>\r\n	A:</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	Q:請問水果能保存多久？</p>\r\n<p>\r\n	A:</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	Q:</p>\r\n<p>\r\n	A:</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	Q:</p>\r\n<p>\r\n	A:</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1050,'2017-12-17 06:40:20','2017-12-17 14:40:20',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1029,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<center>\r\n	<p>\r\n		<img alt=\"\" src=\"/userUpload/images/%E7%87%9F%E5%8D%80%E5%B9%B3%E9%9D%A2%E5%9C%96.png\" style=\"width: 1000px; height: 690px;\" /></p>\r\n</center>\r\n','','',372033,'',372033,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'49.216.246.136',NULL,NULL,NULL,NULL,NULL,NULL),(1051,'2017-12-17 06:40:59','2017-12-17 03:08:48',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'有棚營區',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',75795,'20171217有棚營區.jpg',4944144,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1052,'2017-12-17 06:41:02','2017-12-17 03:08:39',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'特房實景',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',1439298,'20171217特房實景.JPG',1439298,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1053,'2017-12-17 06:41:05','2017-12-17 03:08:13',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'農場實景',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',2178459,'20171217農場實景.JPG',2178459,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1054,'2017-12-17 06:41:07','2017-12-17 03:07:49',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'遊憩設施',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',450130,'20171217遊憩設施.jpg',450130,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1055,'2017-12-17 06:41:13','2017-12-17 03:07:32',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'衛浴設施',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',1129816,'20171217衛浴設施.JPG',1129816,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1056,'2017-12-17 06:41:16','2017-12-17 03:06:56',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'優美景觀',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',2534573,'20171217優美景觀.JPG',2534573,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1057,'2017-12-17 03:35:10','2017-12-17 10:48:00',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'1',NULL,'<h3 style=\"text-align: left; font-size: 10px;\">荖濃家營農場露營區</h3>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1058,'2018-01-31 05:45:15','2017-12-29 11:21:35',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1027,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'有棚營區',NULL,'<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/762595.jpg\" style=\"border: double; background-color: #FFFFBB; height: 267px; width: 400px; float: left;\" />\r\n		<h2>\r\n			有屋簷的棚區 有更多元的利用方式</h2>\r\n	</div>\r\n	<p>\r\n		&nbsp;</p>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/02_IMG_0955.JPG\" style=\"border: double; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			廣闊的空間可供車輛停放</h2>\r\n		<p>\r\n			&nbsp;</p>\r\n	</div>\r\n	<div class=\"row\">\r\n		<div class=\"col-sm-6\">\r\n			<img alt=\"\" src=\"/userUpload/images/05_IMG_0906(1).JPG\" style=\"border: double; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n			<h2>\r\n				各自獨立的棚區</h2>\r\n		</div>\r\n		<div class=\"col-sm-6\">\r\n			<img alt=\"\" src=\"/userUpload/images/07_IMG_0922.JPG\" style=\"border: double; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n			<h2>\r\n				麻雀雖小 五臟俱全</h2>\r\n			<p>\r\n				&nbsp;</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"row\">\r\n		<div class=\"col-sm-6\">\r\n			<img alt=\"\" src=\"/userUpload/images/09_IMG_0924.JPG\" style=\"border: double; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n			<h2>\r\n				有自己的衛浴間</h2>\r\n		</div>\r\n		<div class=\"col-sm-6\">\r\n			<img alt=\"\" src=\"/userUpload/images/11_IMG_0927(1).JPG\" style=\"border: double; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n			<h2>\r\n				戶外營區</h2>\r\n		</div>\r\n	</div>\r\n	<p>\r\n		&nbsp;</p>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',53469,'2017122711_IMG_0927(1).JPG',734843,NULL,NULL,NULL,NULL,NULL,1001,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1059,'2018-01-31 05:45:17','2017-12-29 11:22:17',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1027,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'遊憩設施',NULL,'<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/03_IMG_0929.JPG\" style=\"border: double; border-width: 5px; background-color: #FFFFBB; height: 267px; width: 400px; float: left;\" />\r\n		<h2>\r\n			提供團體活動場地</h2>\r\n	</div>\r\n	<p>\r\n		&nbsp;</p>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/20863393_1880807675504722_470121446944147085_o.jpg\" style=\"border: double; border-width: 5px; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			大型露天戲水池</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/IMG_0989(1).JPG\" style=\"border: double; border-width: 5px; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			簡易室外籃球場</h2>\r\n	</div>\r\n	<p>\r\n		&nbsp;</p>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/IMG_1004.JPG\" style=\"border: double; border-width: 5px; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			全套室外卡拉ok組</h2>\r\n	</div>\r\n</div>\r\n','','',474755,'2017122720863393_1880807675504722_470121446944147085_o.jpg',728395,NULL,NULL,NULL,NULL,NULL,999,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1060,'2018-11-18 06:58:47','2018-11-18 14:58:47',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<p>\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n</p>\r\n<p>\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n	<!-- Bootstrap CSS --></p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css\" media=\"screen\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\np {\r\n            font-family: Microsoft JhengHei;\r\n            font-size: 24px;\r\n        }	</style>\r\n</p>\r\n<div class=\"header\">\r\n	<iframe allow=\"encrypted-media\" allowtransparency=\"true\" frameborder=\"0\" height=\"300\" scrolling=\"no\" src=\"https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FTienInn%2F&amp;tabs=timeline&amp;width=280&amp;height=300&amp;small_header=true&amp;adapt_container_width=true&amp;hide_cover=false&amp;show_facepile=true&amp;appId\" style=\"max-width:30%; position:absolute; top:1%; right:2.5%; border:none;overflow:hidden\" width=\"280\"></iframe><img alt=\"#\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/woodlogo.png\" style=\"position:absolute; top:-1%; left:-5%; height:auto; max-width:30%;\" /> <img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/03_IMG_0872.JPG\" style=\"width:100%;\" /></div>\r\n<div class=\"container\">\r\n	<div class=\"row\" style=\"text-align: center\">\r\n		<img alt=\"Image\" src=\"http://ecloud.ewang.com.tw/userUpload/images/about%20us.png\" /></div>\r\n	<div class=\"row\" style=\"padding-bottom: 300px;\">\r\n		<div class=\"col-xs-12 col-sm-12 col-md-7 col-lg-7\">\r\n			<img alt=\"Image\" class=\"img-responsive\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/05IMG_0975.JPG\" /></div>\r\n		<div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\" style=\"text-align: left\">\r\n			<p>\r\n				<strong>起源</strong></p>\r\n			<hr />\r\n			<p>\r\n				位於高雄市六龜區田營的蓮霧故鄉，主人家在20年前買下這佔地一公頃的農地，準備退休之後當個悠閒的務農族；十幾年來農場一直未使用，有次至農地勘查，無意間挖出了農地裡的地瓜，意外地好吃！了解到田地是那麼的肥沃，於是決定整頓田裡，栽種經濟作物，提高農場的附加價值。</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"row\" style=\"padding-bottom: 300px;\">\r\n		<div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\">\r\n			<p>\r\n				<strong>栽種理念</strong></p>\r\n			<hr />\r\n			<p>\r\n				老闆娘開始在田中栽種番茄，由當初買了100株到最後只有20株生存。她不氣餒，並認為不需要向他人一樣種植番茄一定要噴灑農藥，堅持無毒栽種，讓每個消費者都能安心、沒有負擔。</p>\r\n		</div>\r\n		<div class=\"col-xs-12 col-sm-12 col-md-7 col-lg-7\">\r\n			<img alt=\"Image\" class=\"img-responsive\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_25155(1).JPG\" style=\"\" /></div>\r\n	</div>\r\n	<div class=\"row\" style=\"padding-bottom: 300px;\">\r\n		<div class=\"col-xs-12 col-sm-12 col-md-7 col-lg-7\">\r\n			<img alt=\"Image\" class=\"img-responsive\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/ban2.jpg\" /></div>\r\n		<div class=\"col-xs-12 col-sm-12 col-md-5 col-lg-5\" style=\"text-align: left\">\r\n			<p>\r\n				<strong>試錯 Try &amp; Error</strong></p>\r\n			<hr />\r\n			<p>\r\n				我們持續地在田裡學習，後來買了300株存活了150株，500株存活了300株，搭配著自家調配與專研的有機肥，越種越有自信，越知道種植的原則與訣竅，每個夜晚帶著頭燈在田裡尋尋覓覓，若見飛蛾過多，隔日就開始使用檸檬蘇打、苦煉油、活醋等自然方式驅趕。</p>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"container\">\r\n	<div class=\"row\" style=\"text-align: center\">\r\n		<img alt=\"Image\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment.png\" /></div>\r\n	<div class=\"row\" style=\"padding-bottom: 300px;\">\r\n		<div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-3\">\r\n			<a href=\"http://ecloud.ewang.com.tw/index.php?Act=1014&amp;MK=1014&amp;PK=1027#farm\"><img alt=\"Image\" class=\"img-responsive\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/farm2.JPG\" style=\"border-radius:50%; margin-bottom: 100px;\" /> </a></div>\r\n		<div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-3\">\r\n			<a href=\"http://ecloud.ewang.com.tw/index.php?Act=1014&amp;MK=1014&amp;PK=1027#room\"><img alt=\"Image\" class=\"img-responsive\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/room.JPG\" style=\"border-radius:50%; margin-bottom: 100px;\" /> </a></div>\r\n		<div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-3\">\r\n			<a href=\"http://ecloud.ewang.com.tw/index.php?Act=1014&amp;MK=1014&amp;PK=1027#tentarea\"><img alt=\"Image\" class=\"img-responsive\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/tentarea.jpg\" style=\"border-radius:50%; margin-bottom: 100px;\" /> </a></div>\r\n		<div class=\"col-xs-12 col-sm-12 col-md-6 col-lg-3\">\r\n			<a href=\"http://ecloud.ewang.com.tw/index.php?Act=1014&amp;MK=1014&amp;PK=1027#recreation\"><img alt=\"Image\" class=\"img-responsive\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/recreation.jpg\" style=\"border-radius:50%; margin-bottom: 100px;\" /> </a></div>\r\n	</div>\r\n</div>\r\n<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js\"></script><script src=\"https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js\"></script>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.202',NULL,NULL,NULL,NULL,NULL,NULL),(1061,'2017-12-17 13:59:34','2017-12-17 21:59:34',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'有棚營區',NULL,'<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/01_IMG20160702121627.jpg\" style=\"height: 267px; width: 400px; float: left;\" />\r\n		<h2>\r\n			有屋簷的棚區 有更多元的利用方式</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/02_IMG_0955.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			廣闊的空間可供車輛停放</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/05_IMG_0906(1).JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			各自獨立的棚區</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/07_IMG_0922.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			麻雀雖小 五臟俱全</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/09_IMG_0924.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			有自己的衛浴間</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/11_IMG_0927(1).JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			戶外營區</h2>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',150996,'2017121701_IMG20160702121627.jpg',4944144,NULL,NULL,NULL,NULL,NULL,1003,NULL,1,NULL,NULL,'36.237.150.226',NULL,NULL,NULL,NULL,NULL,NULL),(1062,'2018-08-18 05:20:32','2018-08-18 13:20:32',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1035,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<body>\r\n    <meta charset=\"utf-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n\r\n    <style>\r\n        p {\r\n            font-size: 18px;\r\n            font-family: Microsoft JhengHei;\r\n        }\r\n\r\n        a {\r\n            color: #696969;\r\n        }\r\n\r\n        a:hover {\r\n            color: #4682B4;\r\n        }\r\n\r\n        /* Unopened lightbox */\r\n\r\n        .lightbox {\r\n            display: none;\r\n        }\r\n\r\n        /* Opened lightbox */\r\n\r\n        .lightbox:target {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n        }\r\n\r\n        /* Lightbox content */\r\n\r\n        .lightbox figcaption {\r\n            width: auto;\r\n            position: relative;\r\n            padding: 1.5em;\r\n            background-color: rgba(0, 0, 0, .7);\r\n        }\r\n\r\n        /* Close button */\r\n\r\n        .lightbox .close {\r\n            position: relative;\r\n            display: block;\r\n        }\r\n\r\n        .lightbox .close::after {\r\n            right: -1rem;\r\n            top: -1rem;\r\n            width: 2rem;\r\n            height: 2rem;\r\n            position: absolute;\r\n            display: flex;\r\n            z-index: 1;\r\n            align-items: center;\r\n            justify-content: center;\r\n            background-color: black;\r\n            border-radius: 50%;\r\n            color: white;\r\n            content: \"×\";\r\n            cursor: pointer;\r\n        }\r\n\r\n        /* Lightbox overlay */\r\n\r\n        .lightbox .close::before {\r\n            left: 0;\r\n            top: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            position: fixed;\r\n            background-color: rgba(0, 0, 0, .7);\r\n            content: \"\";\r\n            cursor: default;\r\n        }\r\n    </style>\r\n    <center>\r\n        <div class=\"container\" style=\"font-family:Microsoft JhengHei;\">\r\n\r\n            <div style=\"padding: 20px 0;\">\r\n                <div style=\"display: inline-block; padding: 0 20px 20px 20px;\">\r\n                    <p>乘坐客運</p>\r\n                    <a href=\"#bus\">\r\n                        <i class=\"fa fa-bus\" style=\"font-size:48px\"></i>\r\n                    </a>\r\n                </div>\r\n                <div style=\"display: inline-block; padding: 0 20px 20px 20px;\">\r\n                    <p>自行開車</p>\r\n                    <a href=\"#car\">\r\n                        <i class=\"fa fa-car\" style=\"font-size:48px;\"></i>\r\n                    </a>\r\n                </div>\r\n                <div id=\"bus\" style=\"padding: 10px; vertical-align: top; overflow:hidden;\">\r\n                    <div class=\"col-md-4 col-sm-6 col-xs-12 load\" style=\" display:inline-block; padding: 10px 0; text-align: left;\">\r\n                        <i class=\"fa fa-bus\" style=\"font-size:36px;display: inline-block; padding: 0 10px;\"></i>\r\n                        <h3 style=\"display: inline-block;\">乘坐客運</h3>\r\n                        <hr>\r\n                        <p>從高雄火車站經六龜轉乘至寶來原票價 319 元(高雄-六龜全票 238 元；六龜-寶來全票 81 元)，104 年 1 月 1 日起使用一卡通普通卡(便利商店可買卡儲值)或學生卡，只要 72 元\r\n                            (高雄-六龜最高票價自付 60 元；六龜-寶來優惠票 12 元)，以高雄客運公司網站公告為主。由農場主人至寶來國小接送。</p>\r\n                    </div>\r\n                    <div class=\"col-md-8 col-sm-6 col-xs-12 load\" style=\" display:inline-block;\">\r\n                        <a href=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/bus.png\">\r\n                            <img class=\"col-xs-12\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/bus.png\" alt=\"\">\r\n                        </a>\r\n                    </div>\r\n                </div>\r\n                <div id=\"car\" style=\"padding: 10px; vertical-align: top; overflow:hidden;  overflow:hidden;\">\r\n                    <div class=\"col-md-4 col-sm-6 col-xs-12 load\" style=\" display:inline-block; padding: 10px 0;text-align: left;\">\r\n                        <i class=\"fa fa-car\" style=\"font-size:36px;display: inline-block; padding: 10px;\"></i>\r\n                        <h3 style=\"display: inline-block;\">自行開車</h3>\r\n                        <hr>\r\n                        <p>使用導航，搜尋「家營農場露營區」。</p>\r\n                    </div>\r\n                    <div class=\"col-md-8 col-sm-6 col-xs-12 load\" style=\"display: inline-block; padding: 20px;\">\r\n                        <iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3670.5951496171792!2d120.68310280000001!3d23.075299599999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346e5998c3976ebf%3A0x71ae867af61cadd6!2z6I2W5r-D5a6254ef6L6y5aC0KOiNlua_g-eUsOeHn-i-suWgtCk!5e0!3m2!1szh-TW!2stw!4v1513498710660\"\r\n                            style=\"border:0\" width=\"600\"></iframe>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <!--交通資訊-->\r\n\r\n            <div style=\"padding: 20px 0;\">\r\n                <hr>\r\n                <h2>附近景點</h2>\r\n                <hr>\r\n\r\n                <div class=\"col-md-4 col-sm-6 col-xs-12\" style=\"margin-bottom:20px;\">\r\n                    <a href=\"#example1\">\r\n                        <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/house_s.jpg\" alt=\"\">\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n                    <a href=\"#example2\">\r\n                        <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/pencil_s.jpg\" alt=\"\">\r\n                    </a>\r\n                </div>\r\n                <div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n                    <a href=\"#example3\">\r\n                        <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/sakura_s.jpg\" alt=\"\">\r\n                    </a>\r\n                </div>\r\n\r\n                <div class=\"lightbox\" id=\"example1\">\r\n                    <figure>\r\n                        <a href=\"#\" class=\"close\"></a>\r\n                        <figcaption>\r\n                            <img style=\"max-width: 800px;\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/house_b.jpg\" alt=\"\">\r\n                            <br>\r\n                            <p style=\"color:aliceblue\"><strong>賴家古厝</strong></p>\r\n                        </figcaption>\r\n                    </figure>\r\n                </div>\r\n\r\n                <div class=\"lightbox\" id=\"example2\">\r\n                    <figure>\r\n                        <a href=\"#\" class=\"close\"></a>\r\n                        <figcaption>\r\n                            <img style=\"max-width: 800px;\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/pencil_b.jpg\" alt=\"\">\r\n                            <br>\r\n                            <p style=\"color:aliceblue\"><strong>鉛筆村</strong></p>\r\n                        </figcaption>\r\n                    </figure>\r\n                </div>\r\n\r\n                <div class=\"lightbox\" id=\"example3\">\r\n                    <figure>\r\n                        <a href=\"#\" class=\"close\"></a>\r\n                        <figcaption>\r\n                            <img style=\"max-width: 800px;\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/sakura_b.jpg\" alt=\"\">\r\n                            <br>\r\n                            <p style=\"color:aliceblue\"><strong>櫻花</strong></p>\r\n                        </figcaption>\r\n                    </figure>\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n    </center>\r\n</body>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.153.145',NULL,NULL,NULL,NULL,NULL,NULL),(1063,'2018-09-02 12:12:27','2018-09-02 20:12:27',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1033,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div style=\"font-family: Microsoft JhengHei;\">\r\n	<div class=\"col-md-7 col-sm-6 col-xs-12 load\" style=\"display: inline-block; padding: 20px 0; text-align: right;\">\r\n		<div>\r\n			<h1>\r\n				<b>玉女小番茄</b></h1>\r\n			<img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line_short.png\" style=\"height: 8px; max-width: 100%;\" /></div>\r\n		<div style=\"background-image: url(http://ecloud.ewang.com.tw/userUpload/images/tomato/backgroundline_resized2.png); height: 180px; max-width: 100%; background-repeat: no-repeat; background-position: right;\">\r\n			<div style=\"padding: 20px 0 0 0;\">\r\n				<p style=\" font-size: 15pt;\">\r\n					<b>重量：1斤/盒&nbsp;&nbsp;&nbsp;價格：$150/盒</b></p>\r\n				<p style=\" font-size: 15pt;\">\r\n					<b>訂購電話：0921-592587</b></p>\r\n				<p style=\" font-size: 15pt;\">\r\n					<b>主人：張涵妮</b></p>\r\n			</div>\r\n		</div>\r\n		<p style=\"padding: 10px 0; font-size: 18pt;\">\r\n			荖濃家營農場好幾年來堅持有機耕種，<br />\r\n			經過311農藥檢驗，<br />\r\n			培育出最健康的有機玉女、<br />\r\n			澄蜜番茄，酸甜滋味恰到好處，<br />\r\n			不論是鮮果抑或是料理，皆為最佳選擇。</p>\r\n		<p style=\" font-size: 18pt;\">\r\n			<b>運費：120運費/盒，同址，高雄地區20盒可親送並免運</b></p>\r\n	</div>\r\n	<div class=\"col-md-5 col-sm-6 col-xs-12 load\" style=\"display: inline-block; padding: 40px 10px;\">\r\n		<img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/tomato_red2.png\" style=\"height: 470px; max-width: 100%; padding: 10px 0;\" /></div>\r\n</div>\r\n','重量：1斤/盒\r\n價格：150/盒\r\n\r\n','',0,'201801250018.jpg',936305,NULL,NULL,NULL,NULL,NULL,1,NULL,1,NULL,NULL,'118.233.128.80',NULL,NULL,NULL,NULL,NULL,NULL),(1064,'2018-09-02 12:16:41','2018-09-02 20:16:41',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1033,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div style=\"font-family: Microsoft JhengHei;\">\r\n        <div class=\"col-md-7 col-sm-6 col-xs-12 load\" style=\"display: inline-block; padding: 20px 0; text-align: right;\">\r\n            <div>\r\n                <h1><b>橙蜜小番茄</b></h1>\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line_short.png\" style=\"height: 8px; max-width: 100%;\">\r\n            </div>\r\n            <div style=\"background-image: url(http://ecloud.ewang.com.tw/userUpload/images/tomato/backgroundline_resized2.png); height: 180px; max-width: 100%; background-repeat: no-repeat; background-position: right;\">\r\n                <div style=\"padding: 20px 0 0 0;\"><b>\r\n                    <p style=\" font-size: 15pt;\">重量：1斤/盒&nbsp;&nbsp;&nbsp;價格：$150/盒</p>\r\n                    <p style=\" font-size: 15pt;\">訂購電話：0921-592587</p>\r\n                    <p style=\" font-size: 15pt;\">主人：張涵妮</p></b>\r\n                </div>\r\n            </div>\r\n            <p style=\"padding: 10px 0; font-size: 18pt;\">荖濃家營農場好幾年來堅持有機耕種，<br>經過311農藥檢驗，<br>培育出最健康的有機玉女、<br>澄蜜番茄，酸甜滋味恰到好處，<br>不論是鮮果抑或是料理，皆為最佳選擇。</p>\r\n            <p style=\" font-size: 18pt;\"><b>運費：120運費/盒，同址，高雄地區20盒可親送並免運</b></p>\r\n        </div>\r\n        <div class=\"col-md-5 col-sm-6 col-xs-12 load\" style=\"display: inline-block; padding: 40px 10px;\">\r\n            <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/tomato_orange2.png\" style=\"height: 470px; max-width: 100%; padding: 10px 0;\">\r\n        </div>\r\n    </div>','重量：1斤/盒 \r\n價格：150/盒\r\n\r\n','',127183,'2017121820171124_171124_0020.jpg',277654,NULL,NULL,NULL,NULL,NULL,2,NULL,1,NULL,NULL,'118.233.128.80',NULL,NULL,NULL,NULL,NULL,NULL),(1065,'2017-12-18 00:48:33','2017-12-18 08:48:33',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'客房實景',NULL,'<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/01_IMG_0935.JPG\" style=\"height: 267px; width: 400px; float: left;\" />\r\n		<h2>\r\n			&quot;1&quot;</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/03_IMG_0939.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			&quot;2&quot;</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/04_IMG_0942.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			&quot;3&quot;</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/05_IMG_0943.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			&quot;4&quot;</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<h2>\r\n			&nbsp;</h2>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',248669,'2017121701_IMG_0935.JPG',1439298,NULL,NULL,NULL,NULL,NULL,1001,NULL,1,NULL,NULL,'210.240.156.207',NULL,NULL,NULL,NULL,NULL,NULL),(1066,'2017-12-18 00:48:07','2017-12-18 08:48:07',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'農場實景',NULL,'<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/03_IMG_0872.JPG\" style=\"height: 267px; width: 400px; float: left;\" />\r\n		<h2>\r\n			&quot;1&quot;</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/05IMG_0975.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			&quot;2&quot;</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/09_IMG_0952.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			&quot;3&quot;</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/IMG_1036.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			&quot;4&quot;</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<h2>\r\n			&nbsp;</h2>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',1207606,'20171217IMG_1036.JPG',2335450,NULL,NULL,NULL,NULL,NULL,1002,NULL,1,NULL,NULL,'210.240.156.207',NULL,NULL,NULL,NULL,NULL,NULL),(1067,'2017-12-18 00:47:20','2017-12-18 08:47:20',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'遊憩設施',NULL,'<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/03_IMG_0929.JPG\" style=\"height: 267px; width: 400px; float: left;\" />\r\n		<h2>\r\n			提供團體活動場地</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/20863393_1880807675504722_470121446944147085_o.jpg\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			大型露天戲水池</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/IMG_0989(1).JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			簡易室外籃球場</h2>\r\n		<h2>\r\n			&nbsp;</h2>\r\n		<p>\r\n			&nbsp;</p>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/IMG_1004.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			全套室外卡拉ok組</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<h2>\r\n			&nbsp;</h2>\r\n	</div>\r\n</div>\r\n<h2>\r\n	&nbsp;</h2>\r\n','','',0,'2017121720933813_1880807538838069_1107668420614029446_o.jpg',599968,NULL,NULL,NULL,NULL,NULL,1004,NULL,1,NULL,NULL,'210.240.156.207',NULL,NULL,NULL,NULL,NULL,NULL),(1068,'2017-12-17 13:05:09','2017-12-17 21:05:09',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'衛浴設施',NULL,'<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/02_IMG_0919(1).JPG\" style=\"height: 267px; width: 400px; float: left;\" />\r\n		<h2>\r\n			明亮乾淨的衛浴間</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/04_IMG_0921.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			開放式廁所</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/06_IMG_0914.JPG\" style=\"width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			提供清洗器具的洗手台</h2>\r\n	</div>\r\n	<div class=\"col-sm-6\">\r\n		<h2>\r\n			&nbsp;</h2>\r\n	</div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<h2>\r\n			&nbsp;</h2>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',1129816,'2017121705_IMG_0911.JPG',1910653,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.150.226',NULL,NULL,NULL,NULL,NULL,NULL),(1069,'2017-12-17 12:29:20','2017-12-17 20:28:29',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1028,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	This is some sample text</p>\r\n','','2017121701_IMG_0915.JPG',1129816,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'49.216.246.136',NULL,NULL,NULL,NULL,NULL,NULL),(1070,'2017-12-17 12:47:30','2017-12-17 20:47:04',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',925,929,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/*************************navbar***********************/\r\n  body > div:nth-child(1){ margin: 0;}\r\n  \r\n  div.navbar.navbar-default.load {\r\n  right: 0;\r\n  left: 0;\r\n  z-index: 1030;\r\n  position: fixed;\r\n  top: 0;\r\n  z-index:9999;}\r\n  \r\n .navbar-default {\r\n   \r\n   height:auto;\r\n   background-color: rgba(255, 255, 255,1);\r\n   border-color: rgba(0, 0, 0,0);\r\n   transition: all 0.5s ease;\r\n   \r\n   }\r\n   \r\n .navbar-default .navbar-nav>li>a {\r\n   color:rgbargba(0, 0, 0, 1);\r\n   font-size:18px;\r\n   \r\n  }\r\n  .navbar-default2 {\r\n   font-size:16px;\r\n   color:black;\r\n   height:autopx;\r\n   background-color: rgba(255, 255, 255, 0.6);\r\n   border-color: rgba(0, 0, 0,0.4);\r\n   box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n   \r\n   }\r\n  \r\n  .navbar-default2 .navbar-nav>li>a {\r\n   color:rgba(0, 0, 0,1);\r\n   \r\n  }\r\n  .nav000 {\r\n    display:none;\r\n    color:black;\r\n    float: left;\r\n    height: 50px;\r\n    padding: 15px 15px;\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n\r\n   }/********************************************************************************************* 2.  Mobile Grid *********************************************************************************************/\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	.\r\ng-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n/********************************************************************************************* 2.  Grid 640px+++*********************************************************************************************\r\n/@media only screen and (min-width: 640px) {	\r\n.g-m640-12 {	width: 100%;}	\r\n.g-m640-11 {	width: 91.666663%;}	\r\n.g-m640-10 {	width: 83.33%;}	\r\n.g-m640-9 {	width: 74.999997%;}	\r\n.g-m640-8 {	width: 66.66666664%;}	\r\n.g-m640-7 {	width: 58.333%;}	\r\n.g-m640-6 {	width: 50%;}	\r\n.g-m640-5 {	width: 41.6665%;}	\r\n.g-m640-4 {	width: 33.33%;}	\r\n.g-m640-3 {	width: 24.99%;}	\r\n.g-m640-2 {	width: 16.66666%;}	\r\n.g-m640-1 {	width: 8.33%;}}\r\n/********************************************************************************************* 3.  Grid 767px+++*********************************************************************************************\r\n/@media only screen and (min-width: 767px) {   \r\n.g-m767-12 {	width: 100%;}	\r\n.g-m767-11 {	width: 91.666663%;}	\r\n.g-m767-10 {	width: 83.33%;}	\r\n.g-m767-9 {	width: 74.999997%;}	\r\n.g-m767-8 {	width: 66.66666664%;}	\r\n.g-m767-7 {	width: 58.333%;}\r\n.g-m767-6 {	width: 50%;}\r\n.g-m767-5 {	width: 41.6665%;}\r\n.g-m767-4 {	width: 33.33%;}\r\n.g-m767-3 {	width: 24.99%;}\r\n.g-m767-2 {	width: 16.66666%;}\r\n.g-m767-1 {	width: 8.33%;}}\r\n/********************************************************************************************* 4.  Grid 960px+++*********************************************************************************************\r\n/@media only screen and (min-width: 960px) {    \r\n.g-m960-12 {	width: 100%;}	\r\n.g-m960-11 {	width: 91.666663%;}	\r\n.g-m960-10 {	width: 83.33%;}	\r\n.g-m960-9 {	width: 74.999997%;}	\r\n.g-m960-8 {	width: 66.66666664%;}	\r\n.g-m960-7 {	width: 58.333%;}\r\n.g-m960-6 {	width: 50%;}\r\n.g-m960-5 {	width: 41.6665%;}\r\n.g-m960-4 {	width: 33.33%;}\r\n.g-m960-3 {	width: 24.99%;}\r\n.g-m960-2 {	width: 16.66666%;}\r\n.g-m960-1 {	width: 8.33%;}}		\r\n/********************************************************************************************* 5.  Grid 1024px+++*********************************************************************************************\r\n/@media only screen and (min-width: 1024px) {\r\n.g-m1024-12 {	width: 100%;}\r\n.g-m1024-11 {	width: 91.666663%;}\r\n.g-m1024-10 {	width: 83.33%;}\r\n.g-m1024-9 {	width: 74.999997%;}\r\n.g-m1024-8 {	width: 66.66666664%;}\r\n.g-m1024-7 {	width: 58.333%;}\r\n.g-m1024-6 {	width: 50%;}\r\n.g-m1024-5 {	width: 41.6665%;}\r\n.g-m1024-4 {	width: 33.33%;}\r\n.g-m1024-3 {	width: 24.99%;}\r\n.g-m1024-2 {	width: 16.66666%;}\r\n.g-m1024-1 {	width: 8.33%;}}\r\n/********************************************************************************************* 6.  Grid 1200px+++*********************************************************************************************\r\n/	@media only screen and (min-width: 1200px) {\r\n.g-m1200-12 {	width: 100%;}\r\n.g-m1200-11 {	width: 91.666663%;}\r\n.g-m1200-10 {	width: 83.33%;}\r\n.g-m1200-9 {	width: 74.999997%;}\r\n.g-m1200-8 {	width: 66.66666664%;}\r\n.g-m1200-7 {	width: 58.333%;}\r\n.g-m1200-6 {	width: 50%;}\r\n.g-m1200-5 {	width: 41.6665%;}\r\n.g-m1200-4 {	width: 33.33%;}\r\n.g-m1200-3 {	width: 24.99%;}\r\n.g-m1200-2 {	width: 16.66666%;\r\n}.g-m1200-1 {	width: 8.33%;}}\r\n/********************************************************************************************* 6. img*********************************************************************************************\r\n/img.rwd{	max-width: 100%;	\r\nheight: auto;} 	\r\n*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}	\r\nbody > div > div > div.col-md-3.load{display:none}	\r\nbody > div > div > div.col-md-9.load{width:100%;}\r\nbody > div > div > div.col-md-9.load > div{   			\r\nmargin-left:0;			\r\nmargin-right: 0;}\r\nbody{	text-align: justify;	}\r\n/*****************header*******************************/\r\na {color:#fff;text-decoration:none;a:hover color:rgba(0,88,123,1);text-decoration:none;	}			\r\n.main {position: relative;}			\r\nheader {width: 100%;position: fixed;left: 0;top: 0;z-index: 300;transition: all 0.4s ease;background-color:rgb(153,153,153);}					\r\n.wrap {	margin: 0 auto;}\r\n/**************brand************************/			\r\nheader strong a {font-size:3em;display: block;color:white;width: 100%;height: 50px;background: url(/userUpload/images/moxiantang/LOGO.png) no-repeat left center;background-size: contain;				\r\nz-index: 9999;text-align:center;padding: 6px 0 12px 50px;}			\r\nheader strong a:hover{color:#fff;text-decoration:none;}	\r\n/***************nav1*******************************/			\r\nul.Nav0 li{position:relative;	float:left;}		\r\nul.Nav0 li > a	{display:block;	font-size:18px;				\r\npadding:25px 20px 25px 20px;\r\n				\r\nmargin:0 ;color:#FFF;position:relative;	z-index:1;}				\r\nul.Nav0 li > a:hover				\r\n{				\r\nbackground-color:brown;				\r\ntransition: all 0.4s;				\r\n}	\r\n/****************nav2********************************/			\r\nul.Nav0 li	\r\ndiv.Nav2				\r\n{				\r\ndisplay:none;				\r\nwidth:250px;				\r\nposition:absolute;				\r\ntop:100%;				\r\nleft:0;				\r\ntransition: all 0.4s;				\r\n}			\r\nul.Nav0 li	\r\ndiv.Nav2 a				\r\n{				\r\ndisplay:block;				\r\nbackground:rgba(0,0,0,0.7);				\r\npadding:10px 15px;				\r\nfont-size:18px;				\r\ntext-align:left;				\r\ncolor:#fff;				\r\n}			\r\nul.Nav0 li 	\r\ndiv.Nav2 a:hover				\r\n{				\r\nbackground:#89080a;				\r\ntransition: all 0.4s;								\r\n}	\r\n/*****************nav3*********************************/						\r\n.Nav3				\r\n{				\r\ndisplay:none;				\r\nwidth:250px;				\r\nposition:absolute;				\r\ntop:30%;				\r\nleft:100%;				\r\n}			\r\n.Nav3 a				\r\n{				\r\ndisplay:block;				\r\nbackground:rgba(0,0,0,0.7);				\r\npadding:10px 15px;				\r\nfont-size:18px;				\r\ntext-align:left;				\r\ncolor:#fff;				\r\n}			\r\n.Nav3 a:hover				\r\n{				\r\nbackground:#D10003;								\r\n}			\r\nspan 				\r\n{				\r\ncontent: \"\\203A\";				\r\n}			\r\nul,li{ list-style:none;}			\r\n.title1area {				\r\nwidth: 100%;				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground-color: rgba(0,0,0,0.7);			\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: #e7b623;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:#ffa100;				\r\nfont-size: 3em;				\r\nmargin-bottom: 50px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color:white;					\r\nfont-size:1.2em;}		\r\n.block2{ 	\r\nposition:absolute:					\r\nleft:0;					\r\ntop:50%:					\r\nwidth:100%;										\r\nmin-height:300px;					\r\nbackground-color:white;					\r\n}\r\n.block3{ 	\r\nposition:absolute:					\r\nleft:0;					\r\ntop:50%:					\r\nwidth:100%;										\r\nmin-height:300px;					\r\nbackground-color:white;	}		\r\n/*********************第2副標題**********************/		\r\n#stitle{													\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;				\r\ncolor:white;				\r\ndisplay: inblock;				\r\nbackground-image:url(\'/userUpload/images/mingchuan/len0.jpg\');				\r\nbackground-repeat: no-repeat;				\r\nbackground-attachment: fixed;				\r\nbackground-position: bottom;				\r\nbackground-size: cover;				\r\nmargin:0em 0em;				\r\n}		\r\n/*****************第3副標題***************************/		\r\n#stitle2{													\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;				\r\ncolor:white;				\r\ndisplay: inblock;				\r\nbackground-color:rbga(0,0,0,0.8);				\r\nbackground-image:url(\'/userUpload/images/2017dm18-2.jpg\');				\r\nbackground-repeat: no-repeat;				\r\nbackground-attachment: fixed;				\r\nbackground-position: bottom;				\r\nbackground-size: cover;				\r\nmargin:0em 0em;				}		\r\n/*****************第4副標題footer前***************************/		\r\n#stitle3{													\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;				\r\ncolor:white;				\r\ndisplay: inblock;				\r\nbackground-color:rbga(0,0,0,0.8);				\r\nbackground-image:url(\'/userUpload/images/mingchuan/firefly1.jpg\');				\r\nbackground-repeat: no-repeat;				\r\nbackground-attachment: fixed;				\r\nbackground-position: bottom;				\r\nbackground-size: cover;				\r\nmargin:0em 0em;				}		\r\n/******************活動資訊*****************************/		\r\n#farmpictureback{				\r\nposition: relative;											\r\n}		\r\n#farmpicture	{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n#farmpictureback2			\r\n{				\r\nposition: relative;											\r\n}		\r\n#farmpicture2			\r\n{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n/***************************活動資訊圖文介紹hover效果***************************/											\r\n.content{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:0%;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.content2{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:30%;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.content3{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.btn {										\r\npadding: 0;				\r\nmargin-bottom: 20px;												\r\ntext-align: center;			\r\n}		\r\na.btn_color2 {								\r\ndisplay: inline-block;				\r\npadding: 10px 40px;				\r\nborder: 1px solid #fff;				\r\nfont-size: 15px;				\r\ncolor: #fff;			\r\n}								\r\n/***********************活動資訊圖文介紹hover效果2*********************************/			\r\n#animation2 {				position: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\n\r\nbackground: url(\'/userUpload/images/moxiantang/C2-2.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2:hover\r\n #imageshow2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		\r\n#animation2 a{color:white;}		\r\n#imageshow2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2:hover \r\n#imageshow3 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url(\'/userUpload/images/moxiantang/C2-2.png\');				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2:hover \r\n#imageshow4 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}			\r\n/***********************活動資訊圖文介紹hover效果2-2*********************************/			\r\n#animation2-2 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-3.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-2:hover #imageshow2-2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-2 a{color:white;}		\r\n#imageshow2-2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-2:hover #imageshow3-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url(\'/userUpload/images/moxiantang/C2-3.png\');				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-2:hover \r\n#imageshow4-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}										\r\n/***********************活動資訊圖文介紹hover效果2-3*********************************/			\r\n#animation2-3 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;				\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-4.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-3:hover #imageshow2-3 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-3 a{color:white;}		\r\n#imageshow2-3{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-3:hover #imageshow3-3 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-3{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url(\'/userUpload/images/moxiantang/C2-4.png\');				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-3:hover #imageshow4-3 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-3{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						}			\r\n.g-m-6 {				\r\npadding: 2em;}						\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{width:100%;				padding: 0.2em;}			\r\n.nav>li>a {    position: relative;    \r\ndisplay: block;    padding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;		\r\n}		\r\n.block2 {				\r\nclear: both;				\r\nbackground: url(\'/userUpload/images/moxiantang/block1.jpg\') ;				\r\nbackground-repeat: no-repeat;				\r\nbackground-attachment: fixed;				\r\nbackground-position: center;				\r\nbackground-size: cover;		\r\n}\r\n.block3 {				\r\nclear: both;				\r\nbackground: url(\'userUpload/images/moxiantang/D2-2.png\') ;				\r\nbackground-repeat: no-repeat;				\r\nbackground-attachment: fixed;				\r\nbackground-position: center;				\r\nbackground-size: cover;		\r\n}		\r\n.block2 .box {				\r\nfloat: right;				\r\nmargin-right: 12%;				\r\nwidth: 710px;				\r\nbackground: rgba(0,0,0,0.7);				\r\npadding: 150px 30px 60px 30px;		\r\n}\r\n.block3 .box {				\r\nfloat: right;			\r\nmargin-right: 12%;				\r\nwidth: 710px;				\r\nbackground: rgba(0,0,0,0.7);				\r\npadding: 150px 30px 60px 30px;		\r\n}\r\n.block1 .text, .block2 .text, .block3 .text {				\r\nmargin-top: 30px;				\r\nfont-size: 20px;				\r\nfont-family: \"微軟正黑體\", \"新細明體\", sans-serif;			\r\ncolor: #FFF;				\r\nline-height: 1.8;			}		\r\n.block1 .btn a:hover, \r\n.block2 .btn a:hover, \r\n.block3 .btn a:hover {	border: 1px solid #a27c48;				\r\nbackground: #a27c48;				\r\ncolor: #FFF;			}		\r\n.block1 \r\n.btn a, \r\n.block2 \r\n.btn a, \r\n.block3 .\r\nbtn a {				\r\ndisplay: inline-block;				\r\npadding: 10px 15px;				\r\nborder: 1px solid #FFF;				\r\nfont-size: 12px;				\r\ncolor: #FFF;				\r\ntext-transform: uppercase;			\r\n}			\r\n@media screen and (max-width: 480px){			\r\n.block1 \r\n.box, \r\n.block2 \r\n.box,\r\n.block3 \r\n.box {				\r\nwidth: 100%;				\r\nmargin: 0;				\r\nline-height:2;							\r\n}												\r\n}			\r\n.row{margin:0;}				\r\nbody > div\r\n.container-fluid.bgw.load{margin:0;}			\r\n.col-md-12{	padding:0;	}	</style>\r\n</p>\r\n<div class=\"row\">\r\n	<!-- .content -->\r\n	<div class=\"col-md-12\" style=\"padding-top: 0px; \">\r\n		<!--div class=\"bgw\" style=\"margin-top: 0px; padding-top: 0px; \"--></div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<div class=\"main b-box \" style=\"margin-top:-50px;\">\r\n	<!--outerWrap-->\r\n	<div class=\"g-m-12\" style=\"background-image:url(/userUpload/images/moxiantang/block1.jpg);background-repeat: no-repeat;				background-attachment: fixed;				background-position: center;				background-size: cover;\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					Where Am I</h4>\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					我在哪裡</h4>\r\n				<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n					<iframe frameborder=\"0\" height=\"700\" marginheight=\"0\" marginwidth=\"0\" scrolling=\"no\" src=\"http://maps.google.com.tw/maps?f=q&amp;hl=zh-TW&amp;geocode=&amp;q=台東台東市正氣路Sheraton Taitung Hotel 台東桂田喜來登酒店&amp;z=16&amp;output=embed&amp;t=\" width=\"100%\"></iframe></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"g-m-12\">\r\n	&nbsp;</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script><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\">\r\n$(document).ready(function(){ \r\n$(\"div.col-md-12 > h2.intro-text.text-center\").hide();\r\n$(\"div.col-md-12 > hr\").hide();\r\n$(\" div.bgw\").removeAttr(\"style\");\r\n$(\"#carousel01\").css(\"display\",\"none\");\r\n});\r\n\r\n\r\n$(\"ul.Nav0 li#1\").hover(function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"none\");\r\n});\r\n		$(\"#dli1-3\").hover(function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n		$(\"#dli1-4\").hover(function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css({\"top\":\"50%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n\r\n\r\n\r\n$(\"li#2\").hover(function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"none\");\r\n});	\r\n		\r\n\r\n$(\"li#3\").hover(function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"none\");\r\n});			\r\n			$(\"#dli3-0\").hover(function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css({\"top\":\"0%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-1\").hover(function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css({\"top\":\"10%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-2\").hover(function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css({\"top\":\"20%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-3\").hover(function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-4\").hover(function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css({\"top\":\"65%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n$(\"li#4\").hover(function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#5\").hover(function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#6\").hover(function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"none\");\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n   $(\'a.navbar-brand\').addClass(\'nav000\');\r\n   $(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n   \r\n   \r\n   \r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n   $(\' a.nav000\').addClass(\'navbar-brand\');\r\n   $(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<hr />\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1071,'2017-12-17 20:18:45','2017-12-17 21:06:40',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',925,929,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p style=\"text-align: center;\">\r\n	<span style=\"font-size:36px;\"><span id=\"docs-internal-guid-b712412f-5194-0be3-c533-d13ba0fc7522\"><span style=\"font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">交通指引</span></span></span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<span style=\"background-color: transparent; color: rgb(0, 0, 0); font-family: Arial; font-size: 11pt; white-space: pre-wrap;\">聯絡資訊--&gt;鄭宗林</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n	<span id=\"docs-internal-guid-2b35e4d4-5195-5b63-58a9-4f637ca2ca5a\"><span style=\"font-size: 11pt; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">手機：0910-326-822</span></span></p>\r\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n	<span id=\"docs-internal-guid-2b35e4d4-5195-5b63-58a9-4f637ca2ca5a\"><span style=\"font-size: 11pt; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">電話：07-371-2376</span></span></p>\r\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n	<span id=\"docs-internal-guid-2b35e4d4-5195-5b63-58a9-4f637ca2ca5a\"><span style=\"font-size: 11pt; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">LINE：kenny335a</span></span></p>\r\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n	<span id=\"docs-internal-guid-2b35e4d4-5195-5b63-58a9-4f637ca2ca5a\"><span style=\"font-size: 11pt; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">信箱：kenny335a@yahoo.com.tw</span></span></p>\r\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n	&nbsp;</p>\r\n<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n	<span><span style=\"font-size: 11pt; font-family: Arial; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 683px; height: 1165px;\" /></span></span></p>\r\n<div>\r\n	&nbsp;</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/*************************navbar***********************/\r\n  body > div:nth-child(1){ margin: 0;}\r\n  \r\n  div.navbar.navbar-default.load {\r\n  right: 0;\r\n  left: 0;\r\n  z-index: 1030;\r\n  position: fixed;\r\n  top: 0;\r\n  z-index:9999;}\r\n  \r\n .navbar-default {\r\n   \r\n   height:auto;\r\n   background-color: rgba(255, 255, 255,1);\r\n   border-color: rgba(0, 0, 0,0);\r\n   transition: all 0.5s ease;\r\n   \r\n   }\r\n   \r\n .navbar-default .navbar-nav>li>a {\r\n   color:rgbargba(0, 0, 0, 1);\r\n   font-size:18px;\r\n   \r\n  }\r\n  .navbar-default2 {\r\n   font-size:16px;\r\n   color:black;\r\n   height:autopx;\r\n   background-color: rgba(255, 255, 255, 0.6);\r\n   border-color: rgba(0, 0, 0,0.4);\r\n   box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n   \r\n   }\r\n  \r\n  .navbar-default2 .navbar-nav>li>a {\r\n   color:rgba(0, 0, 0,1);\r\n   \r\n  }\r\n  .nav000 {\r\n    display:none;\r\n    color:black;\r\n    float: left;\r\n    height: 50px;\r\n    padding: 15px 15px;\r\n    font-size: 18px;\r\n    line-height: 20px;\r\n\r\n   }/********************************************************************************************* 2.  Mobile Grid *********************************************************************************************/\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	.\r\ng-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\n/*****************header*******************************/\r\na {color:#fff;text-decoration:none;a:hover color:rgba(0,88,123,1);text-decoration:none;	}			\r\n.main {position: relative;}			\r\nheader {width: 100%;position: fixed;left: 0;top: 0;z-index: 300;transition: all 0.4s ease;background-color:rgb(153,153,153);}					\r\n.wrap {	margin: 0 auto;}\r\n/**************brand************************/			\r\nheader strong a {font-size:3em;display: block;color:white;width: 100%;height: 50px;background: url(/userUpload/images/moxiantang/LOGO.png) no-repeat left center;background-size: contain;				\r\nz-index: 9999;text-align:center;padding: 6px 0 12px 50px;}			\r\nheader strong a:hover{color:#fff;text-decoration:none;}	\r\n/***************nav1*******************************/			\r\nul.Nav0 li{position:relative;	float:left;}		\r\nul.Nav0 li > a	{display:block;	font-size:18px;				\r\npadding:25px 20px 25px 20px;\r\n				\r\nmargin:0 ;color:#FFF;position:relative;	z-index:1;}				\r\nul.Nav0 li > a:hover				\r\n{				\r\nbackground-color:brown;				\r\ntransition: all 0.4s;				\r\n}	\r\n/****************nav2********************************/			\r\nul.Nav0 li	\r\ndiv.Nav2				\r\n{				\r\ndisplay:none;				\r\nwidth:250px;				\r\nposition:absolute;				\r\ntop:100%;				\r\nleft:0;				\r\ntransition: all 0.4s;				\r\n}			\r\nul.Nav0 li	\r\ndiv.Nav2 a				\r\n{				\r\ndisplay:block;				\r\nbackground:rgba(0,0,0,0.7);				\r\npadding:10px 15px;				\r\nfont-size:18px;				\r\ntext-align:left;				\r\ncolor:#fff;				\r\n}			\r\nul.Nav0 li 	\r\ndiv.Nav2 a:hover				\r\n{				\r\nbackground:#89080a;				\r\ntransition: all 0.4s;								\r\n}	\r\n/*****************nav3*********************************/						\r\n.Nav3				\r\n{				\r\ndisplay:none;				\r\nwidth:250px;				\r\nposition:absolute;				\r\ntop:30%;				\r\nleft:100%;				\r\n}			\r\n.Nav3 a				\r\n{				\r\ndisplay:block;				\r\nbackground:rgba(0,0,0,0.7);				\r\npadding:10px 15px;				\r\nfont-size:18px;				\r\ntext-align:left;				\r\ncolor:#fff;				\r\n}			\r\n.Nav3 a:hover				\r\n{				\r\nbackground:#D10003;								\r\n}			\r\nspan 				\r\n{				\r\ncontent: \"\\203A\";				\r\n}			\r\nul,li{ list-style:none;}			\r\n.title1area {				\r\nwidth: 100%;				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground-color: rgba(0,0,0,0.7);			\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: #e7b623;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:#ffa100;				\r\nfont-size: 3em;				\r\nmargin-bottom: 50px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color:white;					\r\nfont-size:1.2em;}		\r\n.block2{ 	\r\nposition:absolute:					\r\nleft:0;					\r\ntop:50%:					\r\nwidth:100%;										\r\nmin-height:300px;					\r\nbackground-color:white;					\r\n}\r\n.block3{ 	\r\nposition:absolute:					\r\nleft:0;					\r\ntop:50%:					\r\nwidth:100%;										\r\nmin-height:300px;					\r\nbackground-color:white;	}		\r\n/*********************第2副標題**********************/		\r\n#stitle{													\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;				\r\ncolor:white;				\r\ndisplay: inblock;				\r\nbackground-image:url(\'\');				\r\nbackground-repeat: no-repeat;				\r\nbackground-attachment: fixed;				\r\nbackground-position: bottom;				\r\nbackground-size: cover;				\r\nmargin:0em 0em;				\r\n}		\r\n/*****************第3副標題***************************/		\r\n#stitle2{													\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;				\r\ncolor:white;				\r\ndisplay: inblock;				\r\nbackground-color:rbga(0,0,0,0.8);				\r\nbackground-image:url(\'/userUpload/images/2017dm18-2.jpg\');				\r\nbackground-repeat: no-repeat;				\r\nbackground-attachment: fixed;				\r\nbackground-position: bottom;				\r\nbackground-size: cover;				\r\nmargin:0em 0em;				}		\r\n/*****************第4副標題footer前***************************/		\r\n#stitle3{													\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;				\r\ncolor:white;				\r\ndisplay: inblock;				\r\nbackground-color:rbga(0,0,0,0.8);				\r\nbackground-image:url(\'\');				\r\nbackground-repeat: no-repeat;				\r\nbackground-attachment: fixed;				\r\nbackground-position: bottom;				\r\nbackground-size: cover;				\r\nmargin:0em 0em;				}		\r\n/******************活動資訊*****************************/		\r\n#farmpictureback{				\r\nposition: relative;											\r\n}		\r\n#farmpicture	{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n#farmpictureback2			\r\n{				\r\nposition: relative;											\r\n}		\r\n#farmpicture2			\r\n{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n/***************************活動資訊圖文介紹hover效果***************************/											\r\n.content{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:0%;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.content2{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:30%;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.content3{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.btn {										\r\npadding: 0;				\r\nmargin-bottom: 20px;												\r\ntext-align: center;			\r\n}		\r\na.btn_color2 {								\r\ndisplay: inline-block;				\r\npadding: 10px 40px;				\r\nborder: 1px solid #fff;				\r\nfont-size: 15px;				\r\ncolor: #fff;			\r\n}								\r\n/***********************活動資訊圖文介紹hover效果2*********************************/			\r\n#animation2 {				position: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\n\r\nbackground: url(\'/userUpload/images/moxiantang/C2-2.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2:hover\r\n #imageshow2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		\r\n#animation2 a{color:white;}		\r\n#imageshow2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2:hover \r\n#imageshow3 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url(\'/userUpload/images/moxiantang/C2-2.png\');				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2:hover \r\n#imageshow4 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}			\r\n/***********************活動資訊圖文介紹hover效果2-2*********************************/			\r\n#animation2-2 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-3.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-2:hover #imageshow2-2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-2 a{color:white;}		\r\n#imageshow2-2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-2:hover #imageshow3-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url();				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-2:hover \r\n#imageshow4-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}										\r\n/***********************活動資訊圖文介紹hover效果2-3*********************************/			\r\n#animation2-3 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;				\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-4.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-3:hover #imageshow2-3 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-3 a{color:white;}		\r\n#imageshow2-3{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-3:hover #imageshow3-3 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-3{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url(\'/userUpload/images/moxiantang/C2-4.png\');				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-3:hover #imageshow4-3 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-3{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						}			\r\n.g-m-6 {				\r\npadding: 2em;}						\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{width:100%;				padding: 0.2em;}			\r\n.nav>li>a {    position: relative;    \r\ndisplay: block;    padding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;		\r\n}	</style>\r\n</p>\r\n<div class=\"row\">\r\n	<!-- .content -->\r\n	<div class=\"col-md-12\" style=\"padding-top: 0px; \">\r\n		<!--div class=\"bgw\" style=\"margin-top: 0px; padding-top: 0px; \"--></div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<div class=\"main b-box \" style=\"margin-top:-50px;\">\r\n	<!--outerWrap-->\r\n	<div class=\"g-m-12\" style=\"background-image:url(/userUpload/images/moxiantang/block1.jpg);background-repeat: no-repeat;				background-attachment: fixed;				background-position: center;				background-size: cover;\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<span style=\"font-size:48px;\"><span style=\"color:#ffa07a;\">Localtion</span></span></h4>\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					我們在哪裡</h4>\r\n				<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n					<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"700\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14708.789929833578!2d120.3156785!3d22.8321821!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1513197095236\" style=\"border:0\" width=\"100%\"></iframe>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n						&nbsp;</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"g-m-12\">\r\n	&nbsp;</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script><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\">\r\n$(document).ready(function(){ \r\n$(\"div.col-md-12 > h2.intro-text.text-center\").hide();\r\n$(\"div.col-md-12 > hr\").hide();\r\n$(\" div.bgw\").removeAttr(\"style\");\r\n$(\"#carousel01\").css(\"display\",\"none\");\r\n});\r\n\r\n\r\n$(\"ul.Nav0 li#1\").hover(function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"none\");\r\n});\r\n		$(\"#dli1-3\").hover(function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n		$(\"#dli1-4\").hover(function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css({\"top\":\"50%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n\r\n\r\n\r\n$(\"li#2\").hover(function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"none\");\r\n});	\r\n		\r\n\r\n$(\"li#3\").hover(function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"none\");\r\n});			\r\n			$(\"#dli3-0\").hover(function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css({\"top\":\"0%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-1\").hover(function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css({\"top\":\"10%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-2\").hover(function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css({\"top\":\"20%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-3\").hover(function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-4\").hover(function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css({\"top\":\"65%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n$(\"li#4\").hover(function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#5\").hover(function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#6\").hover(function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"none\");\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n   $(\'a.navbar-brand\').addClass(\'nav000\');\r\n   $(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n   \r\n   \r\n   \r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n   $(\' a.nav000\').addClass(\'navbar-brand\');\r\n   $(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<hr />\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1072,'2018-08-30 03:17:20','2018-08-30 11:17:20',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',1014,1032,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<html>\r\n<body>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n<style>\r\n  body {\r\n      font-family: Microsoft JhengHei;\r\n  }\r\n  /*sidenav*/\r\n  .sidenav {\r\n      height: 100%;\r\n      width: 200px;\r\n      position: fixed;\r\n      z-index: 1;\r\n      top: 0;\r\n      left: 0;\r\n      background-color: #111;\r\n      overflow-x: hidden;\r\n      padding-top: 20px;\r\n  }\r\n\r\n  .sidenav a {\r\n      padding: 6px 6px 6px 32px;\r\n      text-decoration: none;\r\n      font-size: 24px;\r\n      color: #F8F8FF;\r\n      display: block;\r\n    \r\n  }\r\n\r\n  .sidenav a:hover {\r\n      color: #B0C4DE;\r\n  }\r\n\r\n  .main {\r\n      margin-left: 200px; /* Same as the width of the sidenav */\r\n  }\r\n\r\n  @media screen and (max-height: 450px) {\r\n    .sidenav {padding-top: 15px;}\r\n    .sidenav a {font-size: 18px;}\r\n  }\r\n  /*近期資訊*/\r\n  .counter-test ul,\r\n  .counter-test li {\r\n    list-style: none;\r\n    font-size: 16px;\r\n\r\n  }\r\n\r\n  .list1 {\r\n    counter-reset: count\r\n  }\r\n\r\n  .list1 li {\r\n    position: relative;\r\n    box-sizing: border-box;\r\n    margin-top: 6px;\r\n    line-height: 30px;\r\n    padding-left: 40px;\r\n    background: #F0F8FF;\r\n    color: #333;\r\n    overflow: hidden\r\n  }\r\n\r\n  .list1 li:before {\r\n    content: counter(count);\r\n    counter-increment: count;\r\n    background: #00BFFF;\r\n    color: #333;\r\n    line-height: 300px;\r\n    height: 25px;\r\n    width: 25px;\r\n    overflow: hidden;\r\n    text-align: center;\r\n    border-radius: 50%;\r\n    position: absolute;\r\n    left: -6px;\r\n    top: -4px;\r\n    border: 7px solid #fff;\r\n  }\r\n</style>\r\n\r\n<div class=\"sidenav\">\r\n  <br>\r\n  <br>\r\n  <br>\r\n  <br>\r\n  <a href=\"#info\">近期資訊</a>\r\n  <a href=\"#cost\">營區費用</a>\r\n  <a href=\"#intro\">營區說明</a>\r\n  <a href=\"#unsub\">營區退訂</a>\r\n  <a href=\"#floor\">營區平面圖</a>\r\n</div>\r\n\r\n<div class=\"main\" id=\"info\">\r\n  <h2 style=\"text-align:center;font-size:18pt; border: 0px solid; border-radius: 15px; background-color:#B0C4DE; color:#fff; width:130px;\">近期資訊</h2>\r\n  \r\n  <!--近期資訊-->\r\n  <div class=\"counter-test\">\r\n    <ul class=\"list1\">\r\n      <li>08/22  營區全面開放參觀預約。</li>\r\n      <li>08/25  全新遊憩設施完工，歡迎體驗。</li>\r\n      <li>08/25  即日起至 2016/12/31 ， facebook打卡上傳照片，優惠折扣100元</li>\r\n      <li>08/30  美麗秋涼露營趣，歡迎全家來體驗農場生活。</li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n<hr style=\"color:#818181; opacity:0.2; \">\r\n<div class=\"main\" id=\"cost\">\r\n  <h2 style=\"text-align:center;font-size:18pt; border: 0px solid; border-radius: 15px; background-color:#B0C4DE; color:#fff; width:130px;\">營區費用</h2>\r\n  <img style=\"width:600px; \" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/tb02.png\" alt=\"\">\r\n</div>\r\n<hr style=\"color:#818181; opacity:0.2; \">  \r\n<div class=\"main\" id=\"intro\">\r\n  <h2 style=\"text-align:center;font-size:18pt; border: 0px solid; border-radius: 15px; background-color:#B0C4DE; color:#fff; width:130px;\">營區說明</h2>\r\n  <div style=\"font-size: 16px;\">\r\n        <b><ul>\r\n            <li style=\"font-size: 14px;\">訂位專線: 0921-592593、0921-592587 (每日預訂時間 : 08:00~22:00。)</li>\r\n            <li style=\"font-size: 14px;\">為節省顧客付費及退費麻煩，一律現場收費。</li>\r\n            <li style=\"font-size: 14px;\">進場時間15:00、退場時間次日13:00以前。</li>\r\n            <li style=\"font-size: 14px;\">晚上 22:00 後，盡量不喧嘩影響他人休息。</li>\r\n            <li style=\"font-size: 14px;\">有烤肉炊事平台，水電設備(110v插頭)、水槽等，熱水24小時供應。</li>\r\n            <li style=\"font-size: 14px;\">離開時隨手做好垃圾分類後放至指定地點。</li>\r\n        </ul></b>\r\n        <p>家營農場各項說明，含收費，進場，露營公約等，請訂位露友務必詳讀</p>\r\n        <div>\r\n            <div>\r\n                <p style=\"padding: 0 10px;\"><b>▲營位說明：</b><a id=\"a1\" href=\"javascript:;\" onclick=\"change()\">Read More</a></p>\r\n                <div id=\"d1\" style=\"display: none; padding: 0 0 10px 30px;\">\r\n                    <p>目前營位容量如下：</p>\r\n                    <div style=\"padding: 0 10px;\">\r\n                    <p>A區  &nbsp;草地區 &nbsp;8帳</p>\r\n                    <p>B區  &nbsp;櫻花草地區  &nbsp;5帳</p>\r\n                    <p>C區  &nbsp;頂鵬區  &nbsp;7帳</p>\r\n                    </div>\r\n                    <p style=\"font-size: 14px; padding: 0 20px;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/triangle.png\" style=\"height: 14px; max-width: 100%;\"><b>以上訂位時會盡量依照營友所求，並將同行露友排在同區，惟經營團隊考量園區整體營位分配，或是草皮健康情況，保有最後調整權利，並會徵求您的同意，感謝！</b></p>\r\n                </div>\r\n                <script>\r\n                var isShow = false;\r\n                function change() {\r\n                    if(!isShow) {\r\n                        isShow = true;\r\n                        document.getElementById(\'d1\').style.display=\'\';\r\n                        document.getElementById(\'a1\').innerText = \"Close\";\r\n                    }\r\n                    else {\r\n                        isShow = false;\r\n                        document.getElementById(\'d1\').style.display=\'none\';\r\n                        document.getElementById(\'a1\').innerText = \"Read More\";\r\n                    }			\r\n                }\r\n                </script>\r\n            </div>\r\n            \r\n            <div>\r\n                <p style=\"padding: 0 10px;\"><b>▲進退場時間說明：</b><a id=\"a2\" href=\"javascript:;\" onclick=\"change2()\">Read More</a></p>\r\n                <div id=\"d2\" style=\"display: none; padding: 0 0 10px 30px;\">\r\n                    <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/price_explantion.png\" style=\"height: 30px; max-width: 100%; padding: 0 0 0 160px;\">\r\n                    <div>\r\n                        <div style=\"display: inline-block; padding: 10px;\"><p>平日與一般假日</p></div>\r\n                        <div style=\"display: inline-block; vertical-align:middle; padding: 5px 13px;\"><center><p>p.m.1:00</p></center></div>\r\n                        <div style=\"display: inline-block; vertical-align:middle; padding: 5px 20px;\"><center><p>p.m.12:00</p></center></div>\r\n                    </div>\r\n                    <div>\r\n                        <div style=\"display: inline-block;\"><p>三天以上連續假日</p></div>\r\n                        <div style=\"display: inline-block; vertical-align:middle; padding: 5px 13px;\"><center><p>p.m.2:00</p></center></div>\r\n                        <div style=\"display: inline-block; vertical-align:middle; padding: 5px 20px;\"><center><p>p.m.12:00</p></center></div>\r\n                    </div>\r\n                    <p style=\"font-size: 14px; padding: 0 60px; margin: 0px;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/triangle.png\" style=\"height: 14px; max-width: 100%;\"><b>連續假期首日視營位安排狀況，如前一晚無帳可提早到10：00進場，但必須提前以私訊確認</b></p>\r\n                    <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line.png\" style=\"height: 10px; max-width: 100%;padding: 0 25px;\">\r\n                    <p style=\"font-size: 14px; padding: 0 30px; margin: 0px;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/triangle.png\" style=\"height: 14px; max-width: 100%;\"><b>夜衝說明：如果您預定假日第一天或連續假日第一天露營，您可以在前一天下午6:00後進場，這樣是加收500元，提醒您，假日或連續假日當天不論幾點進場，都無夜衝優惠哦！</b></p>\r\n                </div>\r\n                <script>\r\n                var isShow = false;\r\n                function change2() {\r\n                    if(!isShow) {\r\n                        isShow = true;\r\n                        document.getElementById(\'d2\').style.display=\'\';\r\n                        document.getElementById(\'a2\').innerText = \"Close\";\r\n                    }\r\n                    else {\r\n                        isShow = false;\r\n                        document.getElementById(\'d2\').style.display=\'none\';\r\n                        document.getElementById(\'a2\').innerText = \"Read More\";\r\n                    }			\r\n                }\r\n                </script>\r\n            </div>\r\n            \r\n            <div>\r\n                <p style=\"padding: 0 10px;\"><b>▲訂位原則：</b><a id=\"a3\" href=\"javascript:;\" onclick=\"change3()\">Read More</a></p>\r\n                <div id=\"d3\" style=\"display: none; padding: 0 0 0 30px;\">\r\n                    <p>訂位時盡量如營友的希望，營主會視團體情況調整，讓同一團體的露友能在一起，包埸以先付訂金者優先排序。</p>\r\n                    <div style=\"display: inline-block;\"><p><span class=\"glyphicon glyphicon-earphone\"></span>訂位專線：</p></div>\r\n                    <div style=\"display: inline-block; vertical-align:middle; padding: 5px 0;\">\r\n                    <p>強哥(營長): 0921-592-593</p>\r\n                    <p>農場主人: 0921-592-587</p>\r\n                    </div>\r\n                </div>\r\n                <script>\r\n                var isShow = false;\r\n                function change3() {\r\n                    if(!isShow) {\r\n                        isShow = true;\r\n                        document.getElementById(\'d3\').style.display=\'\';\r\n                        document.getElementById(\'a3\').innerText = \"Close\";\r\n                    }\r\n                    else {\r\n                        isShow = false;\r\n                        document.getElementById(\'d3\').style.display=\'none\';\r\n                        document.getElementById(\'a3\').innerText = \"Read More\";\r\n                    }			\r\n                }\r\n                </script>\r\n            </div>\r\n            \r\n            <div>\r\n                <P style=\"padding: 0 10px;\"><b>▲收費原則：</b><a id=\"a4\" href=\"javascript:;\" onclick=\"change4()\">Read More</a></P>\r\n                <div id=\"d4\" style=\"display: none; padding: 0 0 10px 30px;\">\r\n                    <div>\r\n                        <div style=\"display: inline-block;padding: 0 10px;\"><p>平日（週一～五）</p></div>\r\n                        <div style=\"display: inline-block; vertical-align:middle; padding: 5px 10px;\"><center><p>A、B區</p><p>C區</p></center></div>\r\n                        <div style=\"display: inline-block; vertical-align:middle; padding: 5px 15px;\"><p>每帳700</p><p>每帳900</p></div>\r\n                    </div>\r\n                    <div>\r\n                        <div style=\"display: inline-block;\"><p>一般及連續假期假日</p></div>\r\n                        <div style=\"display: inline-block; vertical-align:middle; padding: 5px 10px;\"><center><p>A、B區</p><p>C區</p></center></div>\r\n                        <div style=\"display: inline-block; vertical-align:middle; padding: 5px 10px;\"><center><p>每帳800</p><p>每帳1,000</p></center></div>\r\n                    </div>\r\n                    <p style=\"font-size: 14px; padding: 0 60px; margin: 0px;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/triangle.png\" style=\"height: 14px; max-width: 100%;\"><b>夜衝500，規定詳如上述，平日夜衝亦為500</b></p>\r\n                    <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/line.png\" style=\"height: 10px; max-width: 100%;padding: 0 25px;\">\r\n                    <p style=\"font-size: 14px; padding: 0 30px; margin: 0px;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/triangle.png\" style=\"height: 14px; max-width: 100%;\"><b>一帳以5人為限，含一房一廳一車位，超出人數每人加收200</b></p>\r\n                </div>\r\n                <script>\r\n                var isShow = false;\r\n                function change4() {\r\n                    if(!isShow) {\r\n                        isShow = true;\r\n                        document.getElementById(\'d4\').style.display=\'\';\r\n                        document.getElementById(\'a4\').innerText = \"Close\";\r\n                    }\r\n                    else {\r\n                        isShow = false;\r\n                        document.getElementById(\'d4\').style.display=\'none\';\r\n                        document.getElementById(\'a4\').innerText = \"Read More\";\r\n                    }			\r\n                }\r\n                </script>\r\n            </div>\r\n            \r\n            <div>\r\n                <p style=\"padding: 0 10px;\"><b>▲訂金支付原則：</b><a id=\"a5\" href=\"javascript:;\" onclick=\"change5()\">Read More</a></p>\r\n                <div id=\"d5\" style=\"display: none; padding: 0 0  10px 30px;\">\r\n                    <p>訂金支付為總價一半，當收到您的訂金後方確認訂位手續完成。</p>\r\n                    <p>訂金支付：各位露友請務必小心，由於詐騙集團猖獗，園區目前提供的訂金轉入帳戶如下：</p>\r\n                    <p style=\"padding:0 20px;\"><i class=\"fa fa-bank\"></i>轉入銀行：元大銀行 高雄分行，代號806</p>\r\n                    <p style=\"padding:0 20px;\"><i class=\"fa fa-edit\"></i>帳號：21102770234826</p>\r\n                    <p style=\"font-size: 14px; padding: 0 30px;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/triangle.png\" style=\"height: 14px; max-width: 100%;\"><b>如果您接到任何電話或是簡訊，以任何理由要求您將錢匯入其他帳戶，必定有異，請勿上當哦！</b></p>\r\n                </div>\r\n                <script>\r\n                var isShow = false;\r\n                function change5() {\r\n                    if(!isShow) {\r\n                        isShow = true;\r\n                        document.getElementById(\'d5\').style.display=\'\';\r\n                        document.getElementById(\'a5\').innerText = \"Close\";\r\n                    }\r\n                    else {\r\n                        isShow = false;\r\n                        document.getElementById(\'d5\').style.display=\'none\';\r\n                        document.getElementById(\'a5\').innerText = \"Read More\";\r\n                    }			\r\n                }\r\n                </script>\r\n            </div>\r\n            \r\n            <div>\r\n                <p style=\"padding: 0 10px;\"><b>▲家營農場露營區公約：</b><a id=\"a6\" href=\"javascript:;\" onclick=\"change6()\">Read More</a></p>\r\n                <div id=\"d6\" style=\"display: none; padding: 0 0 10px 30px;\">\r\n                    <p>1.為維護園區安全，進出營區請減速慢行並特別注意小朋友。</p>\r\n                    <p>2.攜帶寵物露營，大小便煩請隨手處理，以維護其他露友權益。</p>\r\n                    <p>3.營區草皮維護不易，營友車輛請勿開上草皮，停放車輛時，請依各區停車場指示停車，車內或個人貴重物品請妥善保管，園區不負賠償責任。</p>\r\n                    <p>4.營區草皮維護不易，如需生火，煩請自備離地30公分烤架或焚火台，不便之處敬請見諒。</p>\r\n                    <p>5.營區內的石頭為造景用，請勿任意搬動。</p>\r\n                    <p>6.為維護環境，菸蒂請勿落地。</p>\r\n                    <p>7.化妝室內之馬桶及小便池請勿丟入雜物，以確保暢通。</p>\r\n                    <p>8.營區內的電源插座僅提供小電補光用，切勿使用 重耗電器材(例如:電暖爐,電磁爐,重耗電咖啡機)。</p>\r\n                    <p>9.晚上10:00以後請勿大聲喧嘩；晚上10:00至翌日早上07.00為管制時間，禁止車輛進出。</p>\r\n                    <p>10.營區圍籬外為他人私有地，嚴禁擅闖有機農場摘果，以免被告；此外，未經他人允許，請勿擅自進入他人營位。</p>\r\n                    <p>11.請勿任意搬動營區內設施並愛惜公物(含花草樹木)，如需採果或從事任何須採集植物的活動，請務必先洽營主。</p>\r\n                    <p>12.山區取水不易，請愛惜資源並節約用水，沙坑遊戲後請用旁邊水龍頭清洗，並提醒小朋友盡量不要把沙子帶出或灑出沙坑外。</p>\r\n                    <p>13.煩請露友離開前請將各種丟棄物依照類別確實分類，垃圾放置於垃圾桶內，回收物品請稍微沖洗乾淨後放入回收桶，廚餘請倒入廚餘桶。</p>\r\n                    <p>14.兒童戲水區需大人陪同才安全喔!!!</p>\r\n                    <p style=\"font-size: 14px; padding: 0 10px;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/triangle.png\" style=\"height: 14px; max-width: 100%;\"><b>以上為家營農場公約與注意事項，為維護露友權益，請務必配合，如有重大違規經勸導不聽者，營主有退費請出園區的權利，請大家共同珍惜山上和諧的空氣，享受悠閒又有品質的露營趣!</b></p>\r\n                </div>\r\n                <script>\r\n                var isShow = false;\r\n                function change6() {\r\n                    if(!isShow) {\r\n                        isShow = true;\r\n                        document.getElementById(\'d6\').style.display=\'\';\r\n                        document.getElementById(\'a6\').innerText = \"Close\";\r\n                    }\r\n                    else {\r\n                        isShow = false;\r\n                        document.getElementById(\'d6\').style.display=\'none\';\r\n                        document.getElementById(\'a6\').innerText = \"Read More\";\r\n                    }			\r\n                }\r\n                </script>\r\n            </div>\r\n            \r\n            <p>上載各項說明家營農場經營團隊得視營運狀況擁有調整與修改權利</p>\r\n        </div>\r\n    </div>\r\n</div>\r\n<hr style=\"color:#818181; opacity:0.2; \">\r\n<div class=\"main\" id=\"unsub\">\r\n  <h2 style=\"text-align:center;font-size:18pt; border: 0px solid; border-radius: 15px; background-color:#B0C4DE; color:#fff; width:130px;\">營區退訂</h2>\r\n    <p>一個月前退訂：扣除轉帳手續費全額退費</p>\r\n    <p>14天前退訂：扣除轉帳手續費退百分之五十</p>\r\n    <p>14天內退訂：無法退費，但會為您保留這筆訂金，轉為他日消費使用</p>\r\n    <p>＊如遇天災，例如政府公告露營日當天已發佈颱風警報或停止上班上課，也一樣會扣除手續費全額退還訂金哦！</p>\r\n    <p>＊園區車位有限，僅供露營車友停車用，訪客請在營區外自行尋覓車位。</p>\r\n</div>\r\n<hr style=\"color:#818181; opacity:0.2; \">  \r\n<div class=\"main\" id=\"floor\">\r\n  <h2 style=\"text-align:center;font-size:18pt; border: 0px solid; border-radius: 15px; background-color:#B0C4DE; color:#fff; width:130px;\">營區平面圖</h2>\r\n  <center><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/map.png\" alt=\"\" style=\"height: 500px; max-width: 100%;\"></center>\r\n</div>\r\n<hr style=\"color:#818181; opacity:0.2; \">\r\n</body>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1073,'2017-12-17 20:18:43','2017-12-18 04:14:59',NULL,'2017-12-17 00:00:00','2038-01-01 00:00:00',925,929,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/*************************navbar***********************/\r\n *************************************************************** 2.  Mobile Grid *********************************************************************************************/\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\n\r\n.title1area {				\r\nwidth: 100%;				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground-color: rgba(0,0,0,0.7);			\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: #e7b623;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:#ffa100;				\r\nfont-size: 3em;				\r\nmargin-bottom: 50px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}		\r\n\r\n	\r\n/******************活動資訊*****************************/		\r\n#farmpictureback{				\r\nposition: relative;											\r\n}		\r\n#farmpicture	{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n#farmpictureback2			\r\n{				\r\nposition: relative;											\r\n}		\r\n#farmpicture2			\r\n{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n/***************************活動資訊圖文介紹hover效果***************************/											\r\n.content{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:0%;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.content2{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:30%;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.content3{						\r\npadding: 1em 1.5em 1em 1.5em;				\r\nwidth:100%;				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom:;				\r\nbackground-color:white;				\r\ncolor:black;							\r\n}		\r\n.btn {										\r\npadding: 0;				\r\nmargin-bottom: 20px;												\r\ntext-align: center;			\r\n}		\r\na.btn_color2 {								\r\ndisplay: inline-block;				\r\npadding: 10px 40px;				\r\nborder: 1px solid #fff;				\r\nfont-size: 15px;				\r\ncolor: #fff;			\r\n}								\r\n\r\n/***********************活動資訊圖文介紹hover效果2-2*********************************/			\r\n#animation2-2 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-3.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-2:hover #imageshow2-2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-2 a{color:white;}		\r\n#imageshow2-2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-2:hover #imageshow3-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url();				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-2:hover \r\n#imageshow4-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}										\r\n		\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{width:100%;				padding: 0.2em;}			\r\n.nav>li>a {    position: relative;    \r\ndisplay: block;    padding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;		\r\n}	</style>\r\n</p>\r\n<div class=\"row\">\r\n	<!-- .content -->\r\n	<div class=\"col-md-12\" style=\"padding-top: 0px; \">\r\n		<!--div class=\"bgw\" style=\"margin-top: 0px; padding-top: 0px; \"--></div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<div class=\"main b-box \" style=\"margin-top:-50px;\">\r\n	<!--outerWrap-->\r\n	<div class=\"g-m-12\" style=\"background-image:url();background-repeat: no-repeat;				background-attachment: fixed;				background-position: center;				background-size: cover;\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					Localtion</h4>\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					我們在哪裡</h4>\r\n				<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n					<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"700\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14708.789929833578!2d120.3156785!3d22.8321821!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1513197095236\" style=\"border:0\" width=\"100%\"></iframe>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n						&nbsp;</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"g-m-12\">\r\n	&nbsp;</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script><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\">\r\n$(document).ready(function(){ \r\n$(\"div.col-md-12 > h2.intro-text.text-center\").hide();\r\n$(\"div.col-md-12 > hr\").hide();\r\n$(\" div.bgw\").removeAttr(\"style\");\r\n$(\"#carousel01\").css(\"display\",\"none\");\r\n});\r\n\r\n\r\n$(\"ul.Nav0 li#1\").hover(function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"none\");\r\n});\r\n		$(\"#dli1-3\").hover(function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n		$(\"#dli1-4\").hover(function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css({\"top\":\"50%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n\r\n\r\n\r\n$(\"li#2\").hover(function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"none\");\r\n});	\r\n		\r\n\r\n$(\"li#3\").hover(function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"none\");\r\n});			\r\n			$(\"#dli3-0\").hover(function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css({\"top\":\"0%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-1\").hover(function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css({\"top\":\"10%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-2\").hover(function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css({\"top\":\"20%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-3\").hover(function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-4\").hover(function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css({\"top\":\"65%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n$(\"li#4\").hover(function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#5\").hover(function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#6\").hover(function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"none\");\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n   $(\'a.navbar-brand\').addClass(\'nav000\');\r\n   $(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n   \r\n   \r\n   \r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n   $(\' a.nav000\').addClass(\'navbar-brand\');\r\n   $(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<hr />\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1074,'2017-12-17 17:00:19','2017-12-18 00:59:55',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<header class=\"Header\">\r\n	<video autoplay=\"\" id=\"bgvid\" loop=\"\" muted=\"\" playsinline=\"\" poster=\"/userUpload/images/Alanger/Welcome.jpg\">\r\n		<!--<source src=\"~/videos/Vback.mp4\" type=\"video/mp4\">--></video>\r\n	<img class=\"img-rounded\" height=\"250\" src=\"/userUpload/images/Alanger/LOGO.jpeg\" width=\"250\" />\r\n	<hr />\r\n	<!--<p>歡迎光臨!</p>-->\r\n	<h1>\r\n		家，是最完美的咖啡館</h1>\r\n	<a class=\"Scroll\" href=\"#linkImg\"><img height=\"48\" src=\"/userUpload/images/Alanger/down.png\" width=\"48\" /></a></header>\r\n<section class=\"Intro\"  id=\"linkImg\">\r\n	<h1>\r\n		歡迎光臨 艾蘭哥爾咖啡</h1>\r\n	<hr />\r\n</section>\r\n<section class=\"LinkIn\">\r\n	<h1>\r\n		繼續</h1>\r\n	<div class=\"container\">\r\n		<div class=\"col-lg-6 col-md-6 col-sm-12 LinkImg\">\r\n			<a class=\"Scroll\" i=\"\"> </a><a href=\"http://ecloud.ewang.com.tw/index.php?Act=122&amp;MK=122&amp;PK=287\"><img src=\"/userUpload/images/Alanger/CoffeeBags.jpg\" /> </a>\r\n			<h2>\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=122&MK=287&PK=836\">逛逛咖啡商店</a></h2>\r\n		</div>\r\n		<div class=\"col-lg-6 col-md-6 col-sm-12 LinkImg\">\r\n			<a href=\"http://ecloud.ewang.com.tw/index.php?Act=122&amp;MK=122&amp;PK=286\"><img src=\"/userUpload/images/Alanger/store.jpg\" /> </a>\r\n			<h2>\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=122&MK=122&PK=286\">如何到咖啡館?</a></h2>\r\n		</div>\r\n	</div>\r\n</section>\r\n<footer class=\"foot\">\r\n	<p>\r\n		&copy; 弘宇集團 2017 (Build 1.5.2.0)</p>\r\n</footer>\r\n\r\n<div id=\"all\">\r\n  <div class=\"view view-tenth\">\r\n    <img src=\"/userUpload/images/Alanger/CoffeeBags.jpg\" />\r\n    <div class=\"mask\">\r\n      <h2>When coffee is no longer just coffee</h2>\r\n      <p>逛逛咖啡商店.</p>\r\n      <a href=\"#\" class=\"info\">Read More</a>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n\r\n<script type=\"text/javascript\">\r\n    //Turns Navbar to transparent background if user scrolled.\r\n    function checkNavPosition() {\r\n        var startYp = $(\'.navbar\').height() * 0.2;\r\n        if ($(window).scrollTop() > startYp) {\r\n            $(\'.navbar\').removeClass(\"AtTop\");\r\n        }\r\n        else {\r\n            $(\'.navbar\').addClass(\"AtTop\");\r\n        }\r\n    }\r\n	//scroll smooth\r\n	var anchor = document.querySelector(\'a[href=\"#linkImg\"]\')\r\n	var target = document.getElementById(\'linkImg\')\r\n	anchor.addEventListener(\'click\', function (e) {\r\n	  if (window.scrollTo) {\r\n		e.preventDefault()\r\n		window.scrollTo({\'behavior\': \'smooth\', \'top\': target.offsetTop})\r\n	  }\r\n	})\r\n    //Only activate function after rendering.\r\n    if ($(\'.navbar\').length > 0) {\r\n        $(window).on(\"scroll load resize\", function () { checkNavPosition(); });\r\n    }\r\n\r\n    // jQuery for page scrolling feature - requires jQuery Easing plugin\r\n    $(function () {\r\n        $(\'.Scroll\').bind(\'click\', function (event) {\r\n            if (location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') || location.hostname == this.hostname) {\r\n                var target = $(this.hash);\r\n                target = target.length ? target : $(\'[name=\' + this.hash.slice(1) + \']\');\r\n                if (target.length) {\r\n                    $(\'html,body\').animate({\r\n                        scrollTop: target.offset().top\r\n                    }, 800);\r\n                    return false;\r\n                }\r\n            }\r\n        });\r\n    });\r\n</script>\r\n<link href=\'https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\' rel=\'stylesheet\' type=\'text/css\'>\r\n<style type=\"text/css\">\r\na[ id=linkImg ]:target ~ #linkImg {\r\n        transform: translateY( -200px );\r\n    }\r\n\r\n    html, body {\r\n        height: 100%;\r\n		color: #fff;\r\n        max-width: 100%;\r\n        margin: 0;\r\n        padding: 0;\r\n        animation: fadein 2s;\r\n    }\r\n\r\n    video#bgvid {\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 49.99%;\r\n        min-width: 100%;\r\n        min-height: 100%;\r\n        width: auto;\r\n        height: auto;\r\n        z-index: -100;\r\n        -ms-transform: translateX(-50%) translateY(-50%);\r\n        -moz-transform: translateX(-50%) translateY(-50%);\r\n        -webkit-transform: translateX(-50%) translateY(-50%);\r\n        transform: translateX(-50%) translateY(-50%);\r\n        background: url(~/Welcome.jpeg) no-repeat;\r\n        background-size: cover;\r\n    }\r\n\r\n    .navbar {\r\n        transition: all 0.6s ease-out;\r\n    }\r\n\r\n        .navbar.AtTop {\r\n            background: rgba(0,0,0,0.1);\r\n        }\r\n\r\n    .navbar-default .navbar-nav:hover {\r\n        color: gray;\r\n    }\r\n\r\n    .navbar-default .navbar-brand {\r\n        color: saddlebrown;\r\n        font-weight: bold;\r\n    }\r\n\r\n        .navbar-default .navbar-brand:hover {\r\n            color: brown;\r\n            font-weight: bold;\r\n        }\r\n\r\n    section {\r\n        margin: 0;\r\n        padding: 0;\r\n        position: relative;\r\n    }\r\n\r\n    h1 {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    h2.intro-text.text-center {\r\n	    display:none\r\n						\r\n	}\r\n\r\n    .Header {\r\n        position: relative;\r\n        min-height: 100vh;\r\n        width: 100%;\r\n        enable-background: 0;\r\n        margin: 0;\r\n        padding: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n        .Header hr {\r\n            border: 0;\r\n            background-color: saddlebrown;\r\n            height: 3px;\r\n            width: 100px;\r\n        }\r\n\r\n        .Header h1 {\r\n            text-align: center;\r\n            color: white;\r\n            font-size: 70px;\r\n            font-weight: bold;\r\n            margin-bottom: 40px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .Header p {\r\n            font-weight: 500;\r\n            margin-top: 10px;\r\n            color: gainsboro;\r\n            font-size: 30px;\r\n        }\r\n\r\n        .Header a {\r\n            font-size: 22px;\r\n            background-color: transparent;\r\n            border-color: white;\r\n            color: white;\r\n            opacity: 0;\r\n            animation: fadein 1s ease-in-out 2.2s;\r\n            animation-fill-mode: forwards;\r\n        }\r\n\r\n            .Header a:hover {\r\n                color: white;\r\n            }\r\n\r\n    .Intro {\r\n        min-height: 20%;\r\n        width: 100%;\r\n        background-color: white;\r\n        margin: 0;\r\n        padding: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-content: center;\r\n        justify-content: center;\r\n    }\r\n\r\n        .Intro h1 {\r\n            color: black;\r\n            font-weight: 600;\r\n            font-size: 30px;\r\n            margin-top: 20px;\r\n            margin-bottom: 10px;\r\n            margin-left: 10px;\r\n            margin-right: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        .Intro hr {\r\n            border: 0;\r\n            background-color: saddlebrown;\r\n            height: 3px;\r\n            width: 100px;\r\n        }\r\n\r\n    .LinkIn {\r\n        min-height: 30%;\r\n        width: 100%;\r\n        color: white;\r\n        background-color: #f5f5f5;\r\n        flex-direction: column;\r\n        align-content: center;\r\n        justify-content: center;\r\n    }\r\n\r\n        .LinkIn h1 {\r\n            color: white;\r\n            font-weight: 600;\r\n            font-size: 20px;\r\n            padding-top: 20px;\r\n            margin-bottom: 10px;\r\n            margin-left: 10px;\r\n            margin-right: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        .LinkIn .container {\r\n            width: 100%;\r\n            padding: 0;\r\n            padding-top: 10px;\r\n            padding-bottom: 0px;\r\n        }\r\n\r\n    .box-caption {\r\n        color: #fff;\r\n        opacity: 0;\r\n        display: block;\r\n        background: rgba(240,95,64,.9);\r\n        position: absolute;\r\n        bottom: 0;\r\n        text-align: center;\r\n        width: 100%;\r\n        height: 100%;\r\n        transition: all .35s;\r\n    }\r\n\r\n    .LinkImg {\r\n        position: relative;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n        .LinkImg h2 {\r\n            color: white;\r\n            position: absolute;\r\n            top: 5%;\r\n            left: 5%;\r\n            font-size: 40px;\r\n            font-weight: bold;\r\n            letter-spacing: -1px;\r\n            background: rgba(0, 0, 0, 0.6);\r\n            padding: 10px;\r\n        }\r\n\r\n        .LinkImg :hover {\r\n            color: white;\r\n        }\r\n\r\n        .LinkImg img {\r\n            width: 100%;\r\n            padding: 0;\r\n        }\r\n\r\n    .foot {\r\n        width: 100%;\r\n        background-color: black;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n        .foot p {\r\n            color: grey;\r\n            padding-top: 12px;\r\n            padding-left: 10px;\r\n            padding-bottom: 12px;\r\n            font-size: 15px;\r\n            text-align: left;\r\n            margin: 0;\r\n        }\r\n\r\n    @keyframes fadein {\r\n        0% {\r\n            opacity: 0;\r\n        }\r\n\r\n        100% {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n        .navbar-header {\r\n            float: none;\r\n        }\r\n\r\n        .navbar-left, .navbar-right {\r\n            float: none !important;\r\n        }\r\n\r\n        .navbar-toggle {\r\n            display: block;\r\n        }\r\n\r\n        .navbar-collapse {\r\n            border-top: 1px solid transparent;\r\n            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            top: 0;\r\n            border-width: 0 0 1px;\r\n        }\r\n\r\n        .navbar-collapse.collapse {\r\n            display: none !important;\r\n        }\r\n\r\n        .navbar-nav {\r\n            float: none !important;\r\n            margin-top: 7.5px;\r\n        }\r\n\r\n            .navbar-nav > li {\r\n                float: none;\r\n            }\r\n\r\n                .navbar-nav > li > a {\r\n                    padding-top: 10px;\r\n                    padding-bottom: 10px;\r\n                }\r\n\r\n        .collapse.in {\r\n            display: block !important;\r\n        }\r\n\r\n        .Header img-rounded {\r\n            height: 150px;\r\n            width: 150px;\r\n        }\r\n\r\n        .Header h1 {\r\n            font-size: 30px;\r\n            font-weight: bold;\r\n            margin-bottom: 10px;\r\n            margin-top: 5px;\r\n            \r\n        }\r\n\r\n        .Header p {\r\n            font-weight: 400;\r\n            margin-top: 5px;\r\n            color: gainsboro;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .Intro h1 {\r\n            color: black;\r\n            font-weight: 400;\r\n            font-size: 20px;\r\n        }\r\n        \r\n\r\n\r\n    }\r\n\r\n.bgw{ background-color: rgba(255,255,255,0);}</style>\r\n\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.200.125',NULL,NULL,NULL,NULL,NULL,NULL),(1075,'2017-12-18 13:00:36','2017-12-18 21:00:35',NULL,'2017-09-13 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'「向太平洋日出學習的阿比」紀錄片 試映會',NULL,'<p>\r\n	<span style=\"letter-spacing: 1.3px; color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">「向太平洋日出學習的阿比」紀錄片 試映會</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"letter-spacing: 1.3px; color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">時間：106/09/17、24（日）10:30~11:30</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"letter-spacing: 1.3px; color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">地點：台東美術館-艾蘭哥爾咖啡藝文空間</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"letter-spacing: 1.3px; color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">主辦單位：艾蘭哥爾咖啡</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"letter-spacing: 1.3px; color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">~免費入場~</span></p>\r\n<p>\r\n	<span style=\"letter-spacing: 1.3px; color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E3%80%8C%E5%90%91%E5%A4%AA%E5%B9%B3%E6%B4%8B%E6%97%A5%E5%87%BA%E5%AD%B8%E7%BF%92%E7%9A%84%E9%98%BF%E6%AF%94%E3%80%8D%E7%B4%80%E9%8C%84%E7%89%87%20%E8%A9%A6%E6%98%A0%E6%9C%83.jpg\" style=\"width: 435px; height: 600px;\" /></span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<span style=\"letter-spacing: 1.3px; color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E3%80%8C%E5%90%91%E5%A4%AA%E5%B9%B3%E6%B4%8B%E6%97%A5%E5%87%BA%E5%AD%B8%E7%BF%92%E7%9A%84%E9%98%BF%E6%AF%94%E3%80%8D%E7%B4%80%E9%8C%84%E7%89%87%20%E8%A9%A6%E6%98%A0%E6%9C%831.jpg\" style=\"width: 600px; height: 338px;\" /></span></p>\r\n','','',0,'20171218「向太平洋日出學習的阿比」紀錄片 試映會1.jpg',52963,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.236.167.219',NULL,NULL,NULL,NULL,NULL,NULL),(1076,'2017-12-21 03:19:16','2017-12-21 11:19:16',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">body{font-family:微軟正黑體} .navbar-nav > li > a {padding-top: 10px;padding-bottom: 0px;line-height: 25px;font-size: 15px;}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1077,'2017-12-21 03:20:32','2017-12-21 11:20:32',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,283,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">body{font-family:微軟正黑體} .navbar-nav > li > a {padding-top: 10px;padding-bottom: 0px;line-height: 25px;font-size: 15px;}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1078,'2017-12-18 16:51:54','2017-12-19 00:51:54',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<header class=\"Header\">\r\n	<video id=\"bgvid\" poster=\"/userUpload/images/Alanger/Welcome.jpg\"></video>\r\n	<img class=\"img-rounded\" height=\"250\" width=\"250\" src=\"/userUpload/images/Alanger/LOGO.jpeg\" />\r\n	<hr />\r\n	<!--<p>歡迎光臨!</p>-->\r\n	<h1>\r\n		家，是最完美的咖啡館</h1>\r\n	<a class=\"Scroll\" href=\"#linkImg\"><img height=\"48\" width=\"48\" src=\"/userUpload/images/Alanger/down.png\" /></a>\r\n	</header>\r\n<section class=\"Intro\"  id=\"linkImg\">\r\n	<h1>\r\n		歡迎光臨 艾蘭哥爾咖啡</h1>\r\n	<hr />\r\n</section>\r\n<section class=\"LinkIn\">\r\n	<h1>\r\n		繼續</h1>\r\n	<div class=\"container\">\r\n		<div class=\"col-lg-6 col-md-6 col-sm-12 LinkImg\">\r\n			<a href=\"http://ecloud.ewang.com.tw/index.php?Act=122&MK=287&PK=836\"><img src=\"/userUpload/images/Alanger/CoffeeBags.jpg\" /> </a>\r\n			<h2>\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=122&MK=287&PK=836\">逛逛咖啡商店</a></h2>\r\n		</div>\r\n		<div class=\"col-lg-6 col-md-6 col-sm-12 LinkImg\">\r\n			<a href=\"http://ecloud.ewang.com.tw/index.php?Act=122&amp;MK=122&amp;PK=286\"><img src=\"/userUpload/images/Alanger/store.jpg\" /> </a>\r\n			<h2>\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=122&MK=122&PK=286\">如何到咖啡館?</a></h2>\r\n		</div>\r\n	</div>\r\n</section>\r\n<footer class=\"foot\">\r\n	<p>\r\n		&copy; 弘宇集團 2017 (Build 1.5.2.0)</p>\r\n</footer>\r\n\r\n<script type=\"text/javascript\">\r\n    //Turns Navbar to transparent background if user scrolled.\r\n    function checkNavPosition() {\r\n        var startYp = $(\'.navbar\').height() * 0.2;\r\n        if ($(window).scrollTop() > startYp) {\r\n            $(\'.navbar\').removeClass(\"AtTop\");\r\n        }\r\n        else {\r\n            $(\'.navbar\').addClass(\"AtTop\");\r\n        }\r\n    }\r\n	//scroll smooth\r\n	var anchor = document.querySelector(\'a[href=\"#linkImg\"]\')\r\n	var target = document.getElementById(\'linkImg\')\r\n	anchor.addEventListener(\'click\', function (e) {\r\n	  if (window.scrollTo) {\r\n		e.preventDefault()\r\n		window.scrollTo({\'behavior\': \'smooth\', \'top\': target.offsetTop})\r\n	  }\r\n	})\r\n    //Only activate function after rendering.\r\n    if ($(\'.navbar\').length > 0) {\r\n        $(window).on(\"scroll load resize\", function () { checkNavPosition(); });\r\n    }\r\n\r\n    // jQuery for page scrolling feature - requires jQuery Easing plugin\r\n    $(function () {\r\n        $(\'.Scroll\').bind(\'click\', function (event) {\r\n            if (location.pathname.replace(/^\\//, \'\') == this.pathname.replace(/^\\//, \'\') || location.hostname == this.hostname) {\r\n                var target = $(this.hash);\r\n                target = target.length ? target : $(\'[name=\' + this.hash.slice(1) + \']\');\r\n                if (target.length) {\r\n                    $(\'html,body\').animate({\r\n                        scrollTop: target.offset().top\r\n                    }, 800);\r\n                    return false;\r\n                }\r\n            }\r\n        });\r\n    });\r\n</script>\r\n<link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n<link rel=\"stylesheet\" href=\"/css/site.min.css?v=G7OG5flN0NdPJ13sNYOv3Hwkc-gAxRfBTYgtu6Sl0yk\" />\r\n<link href=\'https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\' rel=\'stylesheet\' type=\'text/css\'>\r\n\r\n\r\n<style type=\"text/css\">\r\na[ id=linkImg ]:target ~ #linkImg {\r\n        transform: translateY( -200px );\r\n    }\r\n\r\n    html, body {\r\n        height: 100%;\r\n		color: #fff;\r\n        max-width: 100%;\r\n        margin: 0;\r\n        padding: 0;\r\n        animation: fadein 2s;\r\n    }\r\n\r\n    video#bgvid {\r\n        position: fixed;\r\n        top: 50%;\r\n        left: 49.99%;\r\n        min-width: 100%;\r\n        min-height: 100%;\r\n        width: auto;\r\n        height: auto;\r\n        z-index: -100;\r\n        -ms-transform: translateX(-50%) translateY(-50%);\r\n        -moz-transform: translateX(-50%) translateY(-50%);\r\n        -webkit-transform: translateX(-50%) translateY(-50%);\r\n        transform: translateX(-50%) translateY(-50%);\r\n        background-size: cover;\r\n    }\r\n\r\n    .navbar {\r\n        transition: all 0.6s ease-out;\r\n    }\r\n\r\n        .navbar.AtTop {\r\n            background: rgba(0,0,0,0.1);\r\n        }\r\n\r\n    .navbar-default .navbar-nav:hover {\r\n        color: gray;\r\n    }\r\n\r\n    .navbar-default .navbar-brand {\r\n        color: saddlebrown;\r\n        font-weight: bold;\r\n    }\r\n\r\n        .navbar-default .navbar-brand:hover {\r\n            color: brown;\r\n            font-weight: bold;\r\n        }\r\n\r\n    section {\r\n        margin: 0;\r\n        padding: 0;\r\n        position: relative;\r\n    }\r\n\r\n    h1 {\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    h2.intro-text.text-center {\r\n	    display:none\r\n						\r\n	}\r\n\r\n    .Header {\r\n        position: relative;\r\n        min-height: 100vh;\r\n        width: 100%;\r\n        enable-background: 0;\r\n        margin: 0;\r\n        padding: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n    }\r\n\r\n        .Header hr {\r\n            border: 0;\r\n            background-color: saddlebrown;\r\n            height: 3px;\r\n            width: 100px;\r\n        }\r\n\r\n        .Header h1 {\r\n            text-align: center;\r\n            color: white;\r\n            font-size: 70px;\r\n            font-weight: bold;\r\n            margin-bottom: 40px;\r\n            margin-top: 10px;\r\n        }\r\n\r\n        .Header p {\r\n            font-weight: 500;\r\n            margin-top: 10px;\r\n            color: gainsboro;\r\n            font-size: 30px;\r\n        }\r\n\r\n        .Header a {\r\n            font-size: 22px;\r\n            background-color: transparent;\r\n            border-color: white;\r\n            color: white;\r\n            opacity: 0;\r\n            animation: fadein 1s ease-in-out 2.2s;\r\n            animation-fill-mode: forwards;\r\n        }\r\n\r\n            .Header a:hover {\r\n                color: white;\r\n            }\r\n\r\n    .Intro {\r\n        min-height: 20%;\r\n        width: 100%;\r\n        background-color: white;\r\n        margin: 0;\r\n        padding: 0;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-content: center;\r\n        justify-content: center;\r\n    }\r\n\r\n        .Intro h1 {\r\n            color: black;\r\n            font-weight: 600;\r\n            font-size: 30px;\r\n            margin-top: 20px;\r\n            margin-bottom: 10px;\r\n            margin-left: 10px;\r\n            margin-right: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        .Intro hr {\r\n            border: 0;\r\n            background-color: saddlebrown;\r\n            height: 3px;\r\n            width: 100px;\r\n        }\r\n\r\n    .LinkIn {\r\n        min-height: 30%;\r\n        width: 100%;\r\n        color: white;\r\n        background-color: #f5f5f5;\r\n        flex-direction: column;\r\n        align-content: center;\r\n        justify-content: center;\r\n    }\r\n\r\n        .LinkIn h1 {\r\n            color: white;\r\n            font-weight: 600;\r\n            font-size: 20px;\r\n            padding-top: 20px;\r\n            margin-bottom: 10px;\r\n            margin-left: 10px;\r\n            margin-right: 10px;\r\n            text-align: center;\r\n        }\r\n\r\n        .LinkIn .container {\r\n            width: 100%;\r\n            padding: 0;\r\n            padding-top: 10px;\r\n            padding-bottom: 0px;\r\n        }\r\n\r\n    .box-caption {\r\n        color: #fff;\r\n        opacity: 0;\r\n        display: block;\r\n        background: rgba(240,95,64,.9);\r\n        position: absolute;\r\n        bottom: 0;\r\n        text-align: center;\r\n        width: 100%;\r\n        height: 100%;\r\n        transition: all .35s;\r\n    }\r\n\r\n    .LinkImg {\r\n        position: relative;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n        .LinkImg h2 {\r\n            color: white;\r\n            position: absolute;\r\n            top: 5%;\r\n            left: 5%;\r\n            font-size: 40px;\r\n            font-weight: bold;\r\n            letter-spacing: -1px;\r\n            background: rgba(0, 0, 0, 0.6);\r\n            padding: 10px;\r\n        }\r\n\r\n        .LinkImg :hover {\r\n            color: white;\r\n        }\r\n\r\n        .LinkImg img {\r\n            width: 100%;\r\n            padding: 0;\r\n        }\r\n\r\n    .foot {\r\n        width: 100%;\r\n        background-color: black;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n        .foot p {\r\n            color: grey;\r\n            padding-top: 12px;\r\n            padding-left: 10px;\r\n            padding-bottom: 12px;\r\n            font-size: 15px;\r\n            text-align: left;\r\n            margin: 0;\r\n        }\r\n\r\n    @keyframes fadein {\r\n        0% {\r\n            opacity: 0;\r\n        }\r\n\r\n        100% {\r\n            opacity: 1;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 1100px) {\r\n        .navbar-header {\r\n            float: none;\r\n        }\r\n\r\n        .navbar-left, .navbar-right {\r\n            float: none !important;\r\n        }\r\n\r\n        .navbar-toggle {\r\n            display: block;\r\n        }\r\n\r\n        .navbar-collapse {\r\n            border-top: 1px solid transparent;\r\n            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            top: 0;\r\n            border-width: 0 0 1px;\r\n        }\r\n\r\n        .navbar-collapse.collapse {\r\n            display: none !important;\r\n        }\r\n\r\n        .navbar-nav {\r\n            float: none !important;\r\n            margin-top: 7.5px;\r\n        }\r\n\r\n            .navbar-nav > li {\r\n                float: none;\r\n            }\r\n\r\n                .navbar-nav > li > a {\r\n                    padding-top: 10px;\r\n                    padding-bottom: 10px;\r\n                }\r\n\r\n        .collapse.in {\r\n            display: block !important;\r\n        }\r\n\r\n        .Header img-rounded {\r\n            height: 150px;\r\n            width: 150px;\r\n        }\r\n\r\n        .Header h1 {\r\n            font-size: 30px;\r\n            font-weight: bold;\r\n            margin-bottom: 10px;\r\n            margin-top: 5px;\r\n            \r\n        }\r\n\r\n        .Header p {\r\n            font-weight: 400;\r\n            margin-top: 5px;\r\n            color: gainsboro;\r\n            font-size: 20px;\r\n        }\r\n\r\n        .Intro h1 {\r\n            color: black;\r\n            font-weight: 400;\r\n            font-size: 20px;\r\n        }\r\n        \r\n\r\n\r\n    }\r\n\r\n.bgw{ background-color: rgba(255,255,255,0);}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.187.141',NULL,NULL,NULL,NULL,NULL,NULL),(1079,'2017-12-21 22:18:49','2017-12-22 06:18:49',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1038,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<div class=\"container-fluid\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 bg1\" style=\"padding-left: 0px; padding-right: 0px;\">\r\n			<video autoplay=\"\" id=\"myVideo\" loop=\"\" muted=\"\" style=\"width: 100%; height: 100%;\">\r\n				<source src=\"http://210.240.164.114:8000/tmp/movie.mp4\" type=\"video/mp4\"> Your browser does not support HTML5 video. </source></video>\r\n			<div class=\"content\">\r\n				<h1>\r\n					國立臺東大學-2017年樂活產業創新</h1>\r\n			</div>\r\n		</div>\r\n		<div class=\"row bg2\">\r\n			<div class=\"col-md-12 \">\r\n				<div class=\"box\">\r\n					<h1 style=\"color: white; text-align: center;\">\r\n						平台宗旨</h1>\r\n					<hr />\r\n					<h3 class=\"boxtext\">\r\n						國立臺東大學執行教育部104-106年特色大學試辦計畫，旨在建構完整的「臺東大學學園及產學策略聯盟」。經由以利害關係人思維，建立與地方政府、產業、高中職合作模式，達成聯盟優化成效及協助地方發展資源，並且發展出以臺東大學為知識中心的區域學園及創新加值中心之特色，透過各領域的策略聯盟與大學協助，以多元方式呈現優質學習成效，活絡地區產業，協助本校在生源短少下轉型成功增加10%就近入學率，以立足東臺，放眼國際。</h3>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"row bg2\" style=\"background-image: url(\'/userUpload/images/platfom/DSCF2599.JPG\');\">\r\n			<div class=\"col-md-12 \">\r\n				<div class=\"box\" style=\"margin-right: 12%; float: right;\">\r\n					<h1 style=\"color: white; text-align: center;\">\r\n						樂活產業創新分項計畫說明</h1>\r\n					<hr />\r\n					<h3 class=\"boxtext\">\r\n						臺東地區有許多深具特色的微型產業，若能透過適當的深化或轉型，都可能成為樂活產業發展典範。本校於特色大學試辦計畫，針對臺東地區具樂活產業發展潛力之微型產業，進行訪察、資料蒐集、及資料庫建置，並配合經濟部4G寬頻應用軟體創新創業園區發展計畫，結合產官學資源，積極推動TTMaker台東創客園區。本分項計畫執行團隊並著手建置區域雲端中心，連結資管、資工學群及相關課程，提供本校與臺東地區樂活產業進行產學合作的基礎建設。同時，將進一步結合本校師生與區域學園，匯聚對臺東地區樂活產業創新有熱誠的教師與學子，形成樂活產業專業社群，參與樂活產業創新加值研發與服務，促進臺東地區樂活產業產學聯盟的發展，提升本校學用合一與產學合作的教學研究能量，使本校成為足以支持臺東地區樂活產業生態系永續發展與創新加值的區域整合中心。</h3>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	<source src=\"http://210.240.164.114:8000/tmp/movie.mp4\" type=\"video/mp4\">\r\n	<p>\r\n		<source src=\"http://210.240.164.114:8000/tmp/movie.mp4\" type=\"video/mp4\">\r\n		<p>\r\n			<source src=\"http://210.240.164.114:8000/tmp/movie.mp4\" type=\"video/mp4\">\r\n			<style type=\"text/css\">\r\n.row {\r\n            margin: 0px;\r\n        }\r\n\r\n        body, .container-fluid, .col-md-12 {\r\n            padding: 0px !important;\r\n        }\r\n\r\n        .content {\r\n            background: rgba(0, 0, 0, 0.5);\r\n            color: #f1f1f1;\r\n            width: 100%;\r\n            padding: 20px;\r\n            position: -webkit-sticky;\r\n            position: sticky;\r\n            bottom: 0;\r\n            top: 0;\r\n            z-index: 999;\r\n        }\r\n\r\n        .bg1 {\r\n            background-image: url(\"/userUpload/images/platfom/WEB%E5%BA%95.jpg\");\r\n            background-position: bottom;\r\n            background-size: cover;\r\n            background-attachment: fixed;\r\n            clear: both;\r\n        }\r\n\r\n        .bg2 {\r\n            background-image: url(\"/userUpload/images/platfom/_DSC0017.JPG\");\r\n            background-position: bottom;\r\n            background-size: cover;\r\n            background-attachment: fixed;\r\n            clear: both;\r\n        }\r\n\r\n        .box {\r\n            float: left;\r\n            min-height: 700px;\r\n            margin-left: 12%;\r\n            width: 60%;\r\n            background: rgba(0,0,0,0.6);\r\n            padding: 150px 30px 60px 30px;\r\n        }\r\n\r\n            .box .boxtext {\r\n                color: white;\r\n                text-indent: 30px;\r\n                letter-spacing: 2px;\r\n                text-align: justify;\r\n            }			</style>\r\n			</source></p>\r\n		</source></p>\r\n	</source></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.164.114',NULL,NULL,NULL,NULL,NULL,NULL),(1080,'2018-11-21 07:18:39','2018-11-21 15:18:39',NULL,'2017-12-19 00:00:00','2038-01-01 00:00:00',1038,1041,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'文化創意產業',NULL,'<div class=\"container\">\r\n	<div class=\"row\">\r\n		<div class=\"col-sm-6 col-md-4\">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/workshop0106-min.jpg\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						九鳥陶燒</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						九鳥陶燒工作室融合了「排灣族」和日本「志野燒」陶藝文化，不同的燒窯方式和創作特色，進行文化的交織，創作出具獨特性陶藝品。</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=45\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-sm-6 col-md-4\">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/171121009101338550-0001.jpg\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						墨仙堂</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						一切都從春江三月試新茶開始，一個清爽的午後，一個瓷器與書畫的邂逅，一直延續千年詞意與書畫的慧命&hellip;讓文人雅士能賞畫、讀詩亦能品茶。</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=104\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<style type=\"text/css\">\r\n.thumbnail img {\r\n            width: 100%;\r\n            height: 188px;\r\n        }\r\n\r\n        .thumbnail p {\r\n            width: 100%;\r\n            height: 150px;\r\n        }</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,4000,NULL,1,NULL,NULL,'60.248.124.84',NULL,NULL,NULL,NULL,NULL,NULL),(1081,'2018-11-21 07:19:56','2018-11-21 15:19:56',NULL,'2017-12-19 00:00:00','2038-01-01 00:00:00',1038,1041,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'有機農業',NULL,'<div class=\"container\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-4 col-sm-6 \">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/1.JPG\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						銘泉生態休閒農業</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						追著風、賞著景，奔馳在沿山公路上，霎那，視野豁然開朗，無邊無際的鳳梨田眼前一展而開，就是進入銘泉的天然路標， 廣達20餘公頃的田園，交織台灣版的拾穗，此時，就得放慢速度，進入慢食、慢活、慢遊的銘泉生態農場。</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=125\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-6 \">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/130607-1-3.gif\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						台灣佳芳有機茶園</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						&nbsp;</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=120\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-6 \">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/2.JPG\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						艾蘭哥爾</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						台灣，一個美麗的島嶼，有著「福爾摩莎」的美名，早在16世紀時葡萄牙人就給了台東一個美麗的稱號-ALANGER。我們是一群ALANGER﹝艾蘭哥爾﹞的子女，想要做自己，期望愛喝咖啡的你也能享受這風味特殊且健康無負擔的咖啡。</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=122\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-6 \">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/photo.jpg\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						‵Avuwan灶咖計畫</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						● 透過批判性多元文化主義反思「台東」作為多元文化生活現場的價值，建構地方知識<br />\r\n						● 以「飲食有文化，文化在飲食」作為在台東從事多元文化體驗的途徑，落實文化行動<br />\r\n						● 培養「社會企業精神」面對社會問題</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=254\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-6 \">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/timeline_20180305_091101.jpg\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						荖濃家營農場</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						荖濃家營農場，位於高雄市六龜區田營的蓮霧故鄉，是個佔地一公頃的農地，好幾年來一直堅持有機耕種，每年定期作無農藥殘留檢驗，產品不僅有占地兩分的玉女、澄蜜番茄，還有芭樂，以及銷至國外的金煌芒果。於2016年打造成一片能與民眾互動的快樂農場， ，海拔高度約355公尺，是一個適合親子露營的場地</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=1014\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n		<div class=\"col-md-4 col-sm-6 \">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/productguava.jpg\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						芳林芭樂莊園</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						芳林芭樂莊園所生產的芭樂，鄭宗林以對土地較友善的種植方式，嚴謹的管理及記錄生產過程，並讓它以最自然的方式自然生長，讓它擁有該有的原始風味，就像眾給自己家人吃一樣，希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=925\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<style type=\"text/css\">\r\n.thumbnail img {\r\n            width: 100%;\r\n            height: 188px;\r\n        }\r\n\r\n        .thumbnail p {\r\n            width: 100%;\r\n            height: 150px;\r\n        }</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,3000,NULL,1,NULL,NULL,'60.248.124.84',NULL,NULL,NULL,NULL,NULL,NULL),(1082,'2018-11-21 07:20:33','2018-11-21 15:20:33',NULL,'2017-12-19 00:00:00','2038-01-01 00:00:00',1038,1041,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'特色旅遊',NULL,'<div class=\"container\">\r\n	<div class=\"row\">\r\n		<div class=\"col-sm-6 col-md-4\">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/IMG_1991.JPG\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						庭翊民宿</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						進入庭翊，座落於40年代的建築，走過時代的變遷，看著城市的興盛，現在讓我帶您走進傳統回憶的時光。</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=185\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<style type=\"text/css\">\r\n.thumbnail img {\r\n            width: 100%;\r\n            height: 188px;\r\n        }\r\n\r\n        .thumbnail p {\r\n            width: 100%;\r\n            height: 150px;\r\n        }</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2000,NULL,1,NULL,NULL,'60.248.124.84',NULL,NULL,NULL,NULL,NULL,NULL),(1083,'2018-11-21 07:20:50','2018-11-21 15:20:50',NULL,'2017-12-19 00:00:00','2038-01-01 00:00:00',1038,1041,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'智慧生活',NULL,'<div class=\"container\">\r\n	<div class=\"row\">\r\n		<div class=\"col-sm-6 col-md-4\">\r\n			<div class=\"thumbnail\">\r\n				<img src=\"/userUpload/images/platfom/3.JPG\" />\r\n				<div class=\"caption\">\r\n					<h3 style=\"font-weight: bolder;\">\r\n						潔拭拖</h3>\r\n					<p style=\"font-size: medium; text-align: justify;\">\r\n						在台東的某天下午，有一位長者正使用著拖把清掃著地板，當年幼的孫子蹦蹦沓沓的跑進家裡，長者的清掃只到一半。為了年幼孫子，每天進行清掃的長者心中懊惱，總是無法在孫子回家前將家裡清掃完，孩子遊玩的地方地板著實太寬敞了，拖把的效率又不高，怎麼辦呢&hellip;&hellip;</p>\r\n					<a class=\"btn btn-success\" href=\"index.php?Act=124\" role=\"button\">進入</a></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<style type=\"text/css\">\r\n.thumbnail img {\r\n            width: 100%;\r\n            height: 188px;\r\n        }\r\n\r\n        .thumbnail p {\r\n            width: 100%;\r\n            height: 150px;\r\n        }</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'60.248.124.84',NULL,NULL,NULL,NULL,NULL,NULL),(1084,'2017-12-19 15:48:20','2017-12-19 23:30:26',NULL,'2017-12-19 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">不同植物共生於一個區塊間，組成了植物社會，立地條件越佳者植物種類越多，條件嚴苛者甚至只有一種得以生存。在穩定的植物社會中，有高中低木灌木與地被植物共存，但只有高木能獲得大多數的日照資源，但社會中的成員並未一面倒的採取向上發展的演化趨勢，顯見此一社會的成員間有某種互相為用的關係存在。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">人類從植物社會中選取部分種類予以栽培，開啟了農耕時代，隨著農法的演化，栽培作物與人類同步的與自然環境漸行漸遠，現代工業化的農業，所生產的食物中存在著許多自然界不存在的人造物質，給食用的人類帶來無法預期的災難，因此萌發了有機農法，以對自然較為友善的方式從事農業生產，但仍使用藥劑防治病蟲害，勉強算是半套的自然農法。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">當作物被強行移植於一區塊中從事生產，工業化的農法會將原本生存於此區塊中的生物全數滅絕，並且持續到作物收成。但諷刺的是這些作物像扶不起的阿斗，必須不斷的為它們剷除異己，以致形成一惡性循環，造成自然運行失衡，生產力不斷減少。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">自然農法的方式是依作物的特性，採取輔助措施使其融入移居地的植物社會與生態環境中，而自然運行的力量，能使移入地迅速的重獲動態平衡，故栽培作物能健康的生育，被自然環境淘汰的機率反而較低。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">因此植物的特性在自然農法中相當重要，這些特性是植物在原生地經漫長歲月演化而成的，而且不同的生命階段有不同的特性，如立地條件與其特性南轅北轍，勉強移入難免漫長的馴化過程，事倍功半是可以預期的。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">這些特性主要包含對土壤、溫度、日照、水分等自然條件變化的適應方式，及在植物社會與生態、土壤環境中的共生關係與伴生關係等，這些特性就算是慣行農法亦不容忽視，採行自然農法時大部分的資訊皆可從中獲得。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">雖然自然環境是如此的複雜多變，但大多數的植物只要有土壤與日照便能生長，所以用自然農法栽培作物並不困難，只要好好培養土壤與管理日照，作物便能獲得良好的生長。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">土壤由不同粒徑的岩石與有機質組成，有很多的孔隙，讓水與空氣蘊藏其中，而且土壤中的岩石仍不斷的崩解以釋出礦物質供生物利用，但除了被生物固定的養分外，其餘的都會隨著降雨而移向湖泊海洋；而被作物固定的養分會有部分成為農產品而移出。因此必須適時補充自然資材，以持續釋出養分供應後續作物利用。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">植物能將日照的能量轉化為碳水化合物儲存於植物體中，使植物不斷的生長繁衍，但並非所有的植物都需要完全的日照，亦非生育全程都需要相同的日照量，因此必須依據植物的階段需求調節日照的供應量，才能使植物獲得最佳的生育環境。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">雖然作物大多可以適應在全日照環境下生育，且可獲得最高產量，但是作物的品質往往是較差的，而且常在馴化的過程中不敵其他植物的競爭，勢必增加田間管理的工作量。自然農法參考作物的日照需求與立地的日照條件而採行人為措施以調節最佳日照量，使作物能融入立地環境中。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">土壤是植物賴以維生的基礎，在高溫多雨的地區通常是強酸性的，對大多數作物並不適合，因此有必要施用鹼性礦物質來改善，但若一次施用太多，土壤中的生物及其上的植物與昆蟲均會大受影響，造成生態系統急遽失衡，因此施用時仍需以漸進或局部的方式為之。</span></span></p>\r\n<div class=\"article-inread-ad\" style=\"margin: 0px; padding: 0px; text-align: center;\">\r\n	&nbsp;</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">植物在自然環境中發展出對抗逆境的防禦機制，其中也包含了對昆蟲野獸與微生物侵襲的防禦，只在衰弱時會受其危害，導致衰弱的原因有新梢生長、枝葉過密、環境逆境，但在自然運行維持平衡狀態下，植物短暫衰弱時卻少有受害嚴重情形，因為取食的昆蟲有限，如輔以適當的人為措施，可望獲得良好之生育。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">人為措施包含：</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">抽梢時期停止人為灌溉，使各種養分能均衡的送達新稍，減少新梢內碳水化合物的比例，雖然生長量會稍減，但昆蟲取食的喜好度會降低，轉而取食其他植物。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">修剪過密的枝條，使存留的枝葉能累積更多的光合產物，增強防禦體系，但修剪會產生新傷口，暫時弱化植體，此時易為害的是微生物，故需在晴天時實施。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">種苗移植時，常伴隨根系減少、水分減少與日照增加、傷口增加等情形，故必須先採取防範措施，減少移植衝擊，協助植物迅速恢復防禦能力，最好能自設苗圃自製易腐爛分解的植栽容器育苗，可在停梢期經斷水後不經修剪直接移植。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">種植適當的伴生植物，以發揮提供昆蟲天敵棲身之所、協助與草類競爭、提供適度的遮蔭、改善移居地的微氣候等功能。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">植物體內的有機物質組成複雜，但均由元素所化成，碳、氧、氫、氮含量高，且均可由大氣獲得(現在硫也可以)，其他元素含量較少，皆由土壤獲得，自然狀態下無須額外補充，但因1.栽培作物收穫後，部分元素移出栽培地，自然循環補充的速度無法滿足長期栽培的需求2.所有原素並非都處於作物可吸收狀態3.作物大部分均非原生物種，栽培地土壤的個別元素含量不一定足夠所需，因此為土壤補充元素成為各種栽培法之必需。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">自然農法為土壤補充元素的方式是施用自然資材，可概分為固體的堆肥、礦石粉及液體的水與液肥。配合作物生長情況適時施用，使資材中的元素可迅速納入自然的循環，不斷的補充作物所需。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">自然農法之精神在於使作物融入栽培地的生態體系，雖然仍無可避免的影響原有的平衡，但和緩的改變使自然運行的力量較易迅速重獲平衡。因此，不能自然生成存在的物質，包含人工基因改良的作物、賀爾蒙、抗生素、殺蟲劑、殺草劑等人類創造的物質均在禁用之列；而自然資材亦需考量對栽培地的影響酌量使用。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">不同的物種伴隨其立地條件的變化，產生獨特對抗逆境的方式，而得以與自然運行融為一體，不斷繁衍進化，也因為各有不同的生存本領，相互競爭有限資源但卻能共生於一處，沒有一物種能獲得絕對的生存優勢，均仰賴別的物種獲得食物，本身亦成為其他物種的佳餚，構成完全利用的生態循環系統，這便是自然運行的平衡。</span></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">一片廢耕的土地，會由小型草類盤據，再依次由大型草類、陽性木本植物、陰性木本植物逐漸演化而成森林，這個過程不斷的變化亦不斷的產生平衡，在某個演化階段中也不難發現栽培作物的近親自然茂盛的成長，因此只要用雙腳實地體察這些變化，就能知道栽培作物適合的生長環境，以及生長的物候期。</span></span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1085,'2017-12-19 15:48:45','2017-12-19 23:31:06',NULL,'2017-12-19 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'現代產值的創造者\r\n\r\n慣行農業大量使用除草劑、化學肥料與農藥，破壞了自然運行，而所生產的食物供人食用後，產生了各式各樣的文明病，讓醫療產業蓬勃發展，只是這樣的人為經濟生態鏈，肥了廠商，傷了生產者與食用者，受了毒害還求償無門。\r\n\r\n雖然是不好的經濟生態鏈，但它卻是日益鞏固，因為食用者在乎的是農產品的外表，生產者在意的是收成時的獲利。\r\n\r\n認證與檢測無法提供保障\r\n\r\n現有的法規規範農產品的農藥殘留量，也禁止某些藥劑使用，但現在能用的藥劑不保證以後仍可使用，而檢測亦無法全面實施，偶而抽檢總有超過標準者已被食用。有機農法亦是循此模式，不過多了許多認證，亦對環境友善些。但是生產者牟取提高產量以增加獲利的心不變，所以只換了方式來除害蟲，殺蟲的意志仍舊不變。\r\n\r\n改變從心開始\r\n\r\n人類自詡為萬物的主宰，人定勝天的觀念被大肆宣揚，為了豐裕生活所需，肆無忌憚的取用自然資源，環境惡化速度加劇，逐漸影響日常生活，選擇生活環境的自由日益喪失。\r\n\r\n雖然農業用地只占陸地面積的一部分，卻是人類最接近自然的環境，但在主宰者的意識下，極盡殺戮之能事，除作物外寸草不生，當然更容不得昆蟲的存在，以致地上所生產的食物存在著各式各樣的人造物質，讓食用者膽顫心驚。\r\n\r\n人亦是自然界的一份子，且個體差異極大，對人造物質與天然毒物的忍受力亦是如此，因此改變農業生產方式製造無毒的食物漸被重視與採用，其中最為普遍的是有機農法，但生產者亦是以殺害「害蟲」的方式來確保收成，至於使用何種藥劑則無法一窺究竟，只衍生出一堆認證，達成某些人造物質不得檢出的共識而已，但這樣的標準仍經不起檢測。\r\n\r\n因此要生產自然健康的食物必須從心開始，放棄主宰者的心態，讓作物在自然環境中成長以至收成。這樣的農業生產方式便是自然農法。\r\n\r\n天體運行是自然運行的基礎\r\n\r\n與我們息息相關的天體有地球、月球及太陽。地球的自轉一圈是一日，有日夜的變化也引起板塊運動；繞行太陽一周的時間是一年，繞行期間帶來了四季變化；月亮繞地球一周是一月，它的引力能產生潮汐變化、盈虧所反射的太陽能亦對生物產生影響。這些運行相當規律，周而復始的循環，人類體察這些變化現象而制訂曆法與節氣以為作息農耕之依據；而其他生物亦依此運行規律各有不同的作息方式，並內化於基因中，得以永續繁衍，成就現在的大千世界。\r\n\r\n天體運行衍生的循環便是自然運行\r\n\r\n天體運行本身是個循環系統，太陽供應能量、月亮改變磁場、地球提供原料，所有的生物均仰賴此三者始能成形，所有生物死後也盡歸塵土，這過程中，植物的生育有規律性的周期變化，微生物與動物的生育亦然，三者所共構的生態鏈亦是一個循環系統。因此在自然運行下的萬物是個天生我材必有用的社會，少了一個就會暫時失衡，所有成員都會受到影響。\r\n\r\n農業活動是人類生存的本能\r\n\r\n人類學會栽培作物與圈養動物後，逐漸進入衣食無缺的農業社會，但人們仍是在自然環境中求生存並與其和諧共存。進入工業時代後，農業也工業化，講究科學~但僅侷限在化學領域，只以化學肥料和化學藥劑來栽培作物，由於這種偏頗，將農業與自然分割，農地變成植物工廠，嚴重干擾自然運行，僅數十年間便已弊病叢生。\r\n\r\n慣行農法已成化學農法\r\n\r\n因為慣用化學物質栽培作物，現代的農業已成化學農業，慣行農法已成化學農法，將農業化學簡化為化學農業，這是嚴重的以偏概全，讓農業生產者逐漸遠離自然，與作物越來越生疏，這使原本可以讓人養生的農產變成僅能滿足口腹之慾的毒物，也讓原本應該是最健康安全的農業操作員成了危險的職業。\r\n\r\n農業與自然同樣是完整的科學領域\r\n\r\n自然與農業都能以科學的方法加以研究，它們包羅萬象，雖然有些不可思議的現象，令人無法一窺奧秘，但這只是人類目前的科學能力不足所致。所以自然農法也是科學的農法，且較目前的慣形農法更周延，更與宗教無關，人人皆可行。\r\n\r\n向傳統農法取經\r\n\r\n在沒有「科學」的時代，人們經由對自然細心的觀察與不斷的驗證，使農耕技術不斷的進步，他們只使用自然的材料與世代累積的經驗，便能從事農業操作養家活口，而且能持續生產力數千年，支持人類不斷繁衍，這種永續的農業已成自然運行的一部分。\r\n\r\n當時的農業是農林漁牧混合經營的型態，沒有專業的分工，但無形中已促成豐富完整的生態鏈，沒有任何的垃圾產生；雖然目前的社會形態已難免專業的分工，但仍可依自身的條件採取合適的應對措施，以適應新的環境。\r\n\r\n從能掌握的部分開始\r\n\r\n天體運行雖然規律但非一成不變，環境逆境經常發生，這是人力無法改變的，所有生物皆莫可奈何，所以生物皆有對抗逆境的本領，自然成長的植物常較人為栽培的作物強健且具競爭力。向自然學習如何適應環境逆境便是我們所能掌握的部分。\r\n\r\n現在農業的經營環境已無可避免會受到汙染，因為水與空氣都是循環的，人造的化學物質會透過這兩個媒介進到地球的每個角落，直到它們被分解為止。而土地的立地條件無法改變、作物的原種已難查考，所以現在農業經營所能掌握的只剩自然資材一項而已。\r\n\r\n現代農業分工精細，提升生產力所需的自然資材不可能都自行生產，但每個農業生產者都掌握能生產的土地，可以運用這塊土地生產部分自然資材，不足的才自外地取得，尤其在慣行農法盛行的地區這是最佳的方式，可以避免人造化學物質干擾自然農法的操作。\r\n\r\n體察自然運行\r\n\r\n天體運行創造了很多自然現象，但在不同的地方有不同的現象，農業經營必須了解的氣溫變化、日照長短、降雨多寡、風力風向、地質條件…等，光靠大區域的數據常與現地相差甚遠，沒有實地的體察無法了解的。\r\n\r\n因為自然農法不使用任何藥劑保護作物，完全仰賴生態平衡下物種相生相剋的力量來生產健康無毒的食物，因此更需了解當地自然運行所衍生錯綜複雜的生態鏈結，如植物的種類及其物候期、覓食昆蟲的種類及其天敵…等，才能採行適當的人為措施來增強作物的競爭力。\r\n\r\n讓作物融入自然而非操縱自然\r\n\r\n作物來自於自然界，雖有競爭者與取食者，但在物競天擇的環境中能激發物種的潛能，以確保生生不息的繁衍，只有在虛弱時或脆弱的部位容易招來覓食者，但也同時招來覓食者的天敵，因此少有嚴重受害的情形；但若除去作物栽培地中所有的雜草與昆蟲、微生物又給足了營養物質，在此優渥的環境中，植物會急速生長，甚至吸取的養分都來不及轉化為植體，它就會被外來的昆蟲蹂躪到體無完膚，只得不斷為它剷除異己，結果藥劑使用頻率越來越密，濃度越來越高，因為昆蟲也以同樣的速度在適應藥劑。\r\n\r\n學習與植物溝通\r\n\r\n健康的植物少有病蟲害，要栽培出健康的作物就必須先了解作物的環境需求與生理需求，才能採取符合作物需要的作為，使作物健康的生長，因此與作物溝通是栽培者的必要技能，但作物不會言語，因此必須透過察顏觀色來與作物溝通。\r\n\r\n首先要了解作物健康時是何模樣？它的地上部是最容易觀察的，如葉的顏色、形狀、強度，莖的色澤與長度等，一般從所栽培的作物中找出最強壯、沒有昆蟲取食的植株即可，仔細觀察並在腦海中記下它的模樣，並在不同的物候期重覆觀察與記錄，以作為比對之用。\r\n\r\n當植物營養失衡時，葉片會呈現不同徵狀，如葉色較淡，可能是缺氮素或缺水所致；葉的厚度變薄，可能是元素缺乏也可能是日照不足，每個栽培品種都有不同的表徵，需要花心思摸索，一但累積足夠經驗後，便能用自然資材或以人為措施來協助作物健康的生長。\r\n\r\n從土壤培養做起\r\n\r\n土壤是大自然的培養基，植物生長所需的所有營養物質在土壤中都已具備，完整的土壤組成包含岩石、有機質、空氣與水，只要讓它維持在良好狀態，植物生長所需的養分便不虞匱乏；改變它的組成，生存其中的微生物與植物優勢種類亦會改變。\r\n\r\n開發土壤的生命力\r\n\r\n土壤的表層因有機質與空氣多，微生物的數量較多，能固定較多營養物質，因此較底層土壤肥沃，而肥沃的土層厚度能有多厚，則需賴土壤中的小生物促成，其中最廣為人知的是蚯蚓，只要持續補充自然資材，它便能持續的為人們鬆軟土壤，增加沃土的厚度，幫助植物根深葉茂。\r\n\r\n化學肥料的適用性\r\n\r\n化學肥料的製造耗費很多能源，但其原料與製程在自然界中亦存在，實不需特別忌諱，不過它具有礦物質種類少但純度高的特點，無法提供植物均衡的營養，另一方面因環境汙染，由空氣與雨水補充的硫、氯元素已足供植物使用，故硫、氯的化合肥料需避免使用。其它肥料只要依據比例原則，當作製造堆肥的添加劑，其安全性與便利性較畜牧廢棄物為佳，因為它們不含人造的賀爾蒙與抗生素。\r\n\r\n就地取材製作堆肥\r\n\r\n實行自然農法後，自製堆肥安全又便宜，它的主原料是有機質，農場的雜草與作物殘體均是良好的素材，只要調整好碳氮比，補充因收成移出的礦物質及降低土壤酸度的礦石粉後壓實，並適時澆水翻堆，便可製成營養物質均衡的堆肥。最好能加入過篩的園土，因為它含有豐富的微生物與足夠的微量元素，能加速堆肥形成，而過程中亦會將土中微量元素轉化為有效態。\r\n\r\n基因改良作物與畜牧廢棄物要腐熟後才使用\r\n\r\n基因改良作物最常見的是黃豆，豆粕則是泛用的有機氮肥，畜牧廢棄物亦是常用有機氮肥，但若為使用配方飼料所產生者，抗生素與賀爾蒙含量甚高。若使用此兩種氮源製作堆肥，需經微生物分解至完全腐熟後使用，始可避免破壞土壤生態。\r\n\r\n為自然留一塊淨土\r\n\r\n自然農法本身也會干擾自然的運行，透過新的井田制度，將其中一個區域還給大自然，不再有人為的干擾，不久它便會孕育出平衡的生態系統，可迅速修補自然農法帶來的干擾，或四鄰採用慣行農法所造成的傷害。\r\n\r\n一窪淺塘的功效\r\n\r\n很多肉食性昆蟲與動物都需在水中生存一段時日，因此在田間的供排水渠道設個淺塘，或低窪處設個積水坑，都能豐富田間生態鏈，而且所蓄留的土壤相當肥沃，可直接施用於田間或作堆肥的添加材料，也可直接在淤積的淺塘中種植蔬果，是相當划算的田間設施。\r\n\r\n植物也有社會結構\r\n\r\n自然環境中，除了立地條件嚴苛的區域外，植物社會鮮少由單一種類組成；除了剛荒撫的土地，罕見由草類單獨形成植物社會。健全的植物社會中，有好陽的高木、中性的中低木與耐蔭的地被植物，彼此各取所需相互競爭與扶持。但栽培作物常被迫組成單一種類的植物社會，少了其他植物相伴，生物鏈脆弱易失衡，常見覓食者大量繁衍造成危害。\r\n\r\n植物社會的改變要和緩\r\n\r\n植物社會結構的改變對所在的自然環境必定會造成衝擊，包含生態、土壤與微氣候均會改變，越劇烈的改變越大，自然重獲平衡的時間便越長，因此要伐除樹木或地被以挪出空間給作物時要漸進為之；實施替代植生時也是如此，最好能從小苗或播種開始，畢竟經由競爭而替代對作物是最好的。\r\n\r\n有心栽花花不開，無心插柳柳成蔭\r\n\r\n這是拈花惹草的人們常會遇到的問題，而成敗的原因只在於得不得時，自然運行有規律的四季與日夜的變化，植物也有相對應的生存法則，以克服嚴冬酷暑，綿延生命，只要配合自然運行的節奏來栽培植物，就不需要耗費太多的精神去照顧它們的。\r\n\r\n配合自然運行作田間管理\r\n\r\n規律的自然運行造就了規律的生態循環，植物有生老病死，動物也是，自然界中兩者搭配得天衣無縫，幼小的毛毛蟲總有嫩葉可吃，破蛹的蝶總能採到花蜜，這絕非它們運氣好，而是兩者在自然運行下所演化形成的生態鏈，有著互利共生的關係。\r\n\r\n植物在種子階段，便能感受自然運行，然後在最適當時機破甲而出，生根展葉，快速茁壯。在成長期中，根生長與枝葉生長都有一定的規律；進入生育期後，開花期與果熟期亦有規律，這種規律就是植物的物候期，同一種植物因立地條件不同，而有不同的物候期。\r\n\r\n田間管理無非是要給植物一個適當的生育環境，配合立地自然運行的節奏來播種、移植、施肥、灌溉、修剪、採收等田間管理作業，將可獲得最佳效果。\r\n\r\n日照是能量轉換的必要條件\r\n\r\n植物能利用日照提供的能量將大氣與土壤中的養分轉化為碳水化合物，再合成其他物質儲存於植體內，以供再次生長所需，因此植物的生長必須仰賴日照，但有的植物需要直接照射的光源才能行光合作用，稱為陽性植物；只要有漫射光源便能光合作用的植物，稱為陰性植物。但其實這是兩極分法，大部分的植物均在兩極之間，對直射與漫射光源均能運用，而且不同生長階段有不同的光需求。\r\n\r\n月亮的光也具有能量\r\n\r\n月亮的光是太陽光的折射，很溫和但亦具有能量，它的亮度在滿月時達到最大量，同時也是月球引力影響最大的時間，動物與植物均受其影響，但因難以量化其影響力，而蒙上一層神秘面紗。\r\n\r\n農藝作物未必需要全日照\r\n\r\n農藝作物是指生長期短的作物，所以作物自然高度不高，可以密植以獲最高產量，是糧食與蔬果重要的來源。但大多數的農藝作物在原生地的社會結構中均屬日照較少的地被植物，只在開花結果期需要較多的日照。這些作物經由人類不斷的選育改良，多數已能適應全日照環境，以利大面積栽培，但亦必須投入更多心力去照顧。\r\n\r\n作物的本土化\r\n\r\n現今所栽培的作物幾乎都是當地植物社會中的外來移民，它們必須適應立地的環境後，才能在自然環境中生育，這個過程又稱馴化，馴化程度越低越離不開人為的照顧，越難以自然農法栽培。植物難以在當代完成馴化，大多數是內化為基因，透過種子去改善後代的適應力。\r\n\r\n自行採種育苗的必要\r\n\r\n在以獲利為目標的農業環境中，必須迎合消費者喜好來生產產品，因此選種亦以此為前提，而種苗的問題再以藥劑來幫它解決。自然農法栽培的種苗最好取用在地植物的種子，如果必須使用外來的種子，那就選自然條件較相符的品種來種，在收成時留健壯的植株，讓它開花結果，然後自行採收種子，待適當時機播種栽培，經歷的世代越久，所栽培的作物越具在地的競爭力。\r\n\r\n移植與移植效應\r\n\r\n為便於田間管理，作物常經育苗後才移至田間定植，但種苗在苗圃中的環境與田間的環境差異甚大，常有生長停滯或枯死的情況發生，這種現象就是移植效應，主因有地上部與地下部比例失衡、因移植產生新傷口、土壤介面不良等。\r\n\r\n木本植物移植時常會修剪根系與枝葉，而此修剪會造成傷口，在乾燥時不易衍生為病害，但如果立即移植並澆水，常會成為病菌進入並孳生的管道，只要修剪後停止澆水並隔2-3天傷口癒合後再定植，便可避免。草本植物根系鮮嫩，採用容器育苗便可避免根系因移植受損。\r\n\r\n育苗環境常較陰濕，有利種苗之高生長，而容器育苗可帶土團移植，成活較佳，廣被採用。如容器苗取出後有團土碎裂情形，表示根系發育不良，最好先在田間接受日照，刺激根生長後再定植；而根系盤生盆底時表示容器太小或移植太慢，育苗前應先行評估，移植前將盤底主根切斷有利爾後之根系發育。\r\n\r\n在新梢生長的停滯期移植對作物最佳，因為此時的葉片不易被昆蟲啃食，且已能生產養分供根系生長之需，是植物最強健的時期。以季節而論，春季未萌芽前是最佳移植時機，其次是秋季開始結露後，這兩時期特徵為氣溫較低而水氣充足，甚至可以不修剪不澆水而成功移植。\r\n\r\n作物定植後，極為仰賴根系自土壤吸收水分與養分來促進生長，如定植時土壤太濕，耕鋤時會使土壤結塊，壓實根系時也會，這個現象會使根系無法伸展，以致生長遲緩；另外黏土與泥炭要避免單獨使用作育苗介質，以免與田間土壤產生界面效應，嚴重的會讓根系渴死或溺斃。\r\n\r\n庇蔭樹與地被植物的運用\r\n\r\n既然多數植物屬於森林，也不需要全日照環境，採用自然農法後，已無機械化耕耘的必要，種植庇蔭樹與地被植物將有助於微氣候之改善，還給作物一個舒適的生活空間，也讓辛勤耕作的園丁有一個舒適的工作環境。\r\n\r\n庇蔭樹的選擇必須能與主作物互補，避免使用同屬或同科的植物，以免純化生態系；能配合作物需求提供適當的日照量，最好能在作物之花果期落葉，一則補充有機質，一則供應最佳日照，有利於果實品質提升。\r\n\r\n而地被植物它們的功能為割下後當栽培作物的敷蓋材料，及作堆肥的有機質，因此要選擇不同科屬的草類，而以吸肥能力強，生長快速的草類為佳，因為這類草類具有深廣的根系，能深層補充有機質活化土壤，並較作物快速分解與吸收土壤岩塊中的礦物質將其固定於植體中，是很好的肥田作物，但要注意其自播性，以免造成管理的困擾。\r\n\r\n合理的空間配置\r\n\r\n每種植物都需要生長空間，生長空間過密會使植物衰弱，招來昆蟲覓食並提供良好的隱蔽處所；而寬闊的空間不僅產量降低，也會增加天候逆境造成的損失。自然農法需避免同科屬植物大面積種植，因此不同作物間的空間配置以同行異列的配置方式較便於管理。\r\n\r\n水的形態\r\n\r\n水是植體中含量最多的物質，除了液態可見的水之外，氣態的水是大氣的重要成分，而土壤中也吸附了大量的水，可以說是無所不在唾手可得的物質，但生長在全日照且表土裸露的作物常需額外供水才能存活，這是不自然環境所造成的。\r\n\r\n水的過與不及\r\n\r\n在自然環境下生長的植物罕見因乾旱而死亡，但除了天降甘霖外，它們無法獲得灌溉，會有這麼大的差異主要來自於立地土壤的保水力及樹木提供的遮蔭；市場裡的蔬果幾乎都是水份過多的商品，像灌了水的豬肉，淡而無味且易腐爛。這與栽培者的獲利有關，因為過量的水能讓作物虛胖而增加重量，又可避免作物因乾旱而老化，降低商品價值。\r\n\r\n適當的水分供應\r\n\r\n水是植體養分輸送的載體，適量的水分能使土壤中的養份有效溶解而不流失，讓根系吸收運用，如果土壤已培養得像海綿，水分能迅速擴散滲透到達根部，直到土表結構被破壞才會形成逕流，當水滴太大直接衝擊土壤表層，常使表土結構瞬間瓦解，而土壤覆蓋能有效減緩此衝擊。\r\n\r\n水分供應設備是相當經濟實惠的田間設施，但只有適時適量的供水能使作物健康的成長，不會讓人食之無味或難以下嚥。除非遇到夏季乾旱的情況才需每日灌溉，否則只在新梢停止生長葉色不再轉濃的時期定期澆水，以促進作物吸收養分儲存下次生長的能量。每次澆水以地表水珠集結至開始匯流之程度即可。\r\n\r\n雨天是自然農法的休假日\r\n\r\n如果遇到下雨天便不需供水，而且也不要下田工作，因此時的土壤含水量高，被人踐踏後會變成十分密實的泥巴，待乾燥時會變成根系難以伸展穿透的人造泥岩，使土壤喪失活力，而恢復至原狀需時甚久，努力的工作卻適得其反。\r\n\r\n地表敷蓋的功用\r\n\r\n土壤是微生物的棲地，但地表常因栽培作物而裸露，使土溫日夜急遽變化，土壤中的水分也因此快速蒸散，不利微生物與作物根系的生長，為改善這種現象，實施地表敷蓋是最有效的人為措施，而敷蓋材料以自然資材為佳，除了能緩和地溫與水分的變化，在分解的過程中也會不斷釋出養分以供作物使用。\r\n\r\n如果是就地取材，割取作物周邊的草類來敷蓋，還可抑制與作物競爭的草類生長，施用這類敷蓋材料不需擔心分解時與作物爭氮的情形發生，因為它並非施入土中，就算碳氮比略高，分解它的微生物也會從空氣中取得足夠的氮源。\r\n\r\n耕犁的影響\r\n\r\n在自然農法中，耕犁是非必要的，耕犁的目的在疏鬆土壤並將較肥沃的表土與底層土壤置換，使作物根部能吸收更多養分；但耕犁除了殺死土中蚯蚓外，無可避免的會破壞土壤結構，使微細的土粒更向下移動聚集，這會改變微生物相並形成積水層，使作物根部易因缺氧腐爛進而被微生物入侵造成危害。如需耕犁時，點狀較條狀更較全面處理佳；以人力較牛耕更較農機處理為佳，使用重機耕犁是最糟的。\r\n\r\n蚯蚓是專業的自耕農\r\n\r\n蚯蚓喜歡細、爛、濕的食材，敷蓋的材料在分解細化後，便成為蚯蚓最佳的食材，而所排出的蚓糞則成植物最佳的有機肥，而其活動會促使土壤團粒化，增加土壤的保水與排水能力並提供中性的蚓糞。土壤中只要有充足的蚯蚓活動，便可取代人為的耕鋤，而且沒有耕鋤的負面影響。\r\n\r\n泥足深陷是健康的土壤\r\n\r\n當蚯蚓與微生物健康的生存於土中，土壤會變得鬆軟，像海綿一樣，人們踏上這樣的土壤會感覺到它的彈性，且凡走過必留下痕跡；在健康的土壤上栽培作物，不需費力的耕鋤整地，只需挖一個小坑將作物植入便可，是最省力省工的栽培環境。\r\n\r\n耘的時機與範圍\r\n\r\n耕是將土翻鬆以利種植，而耘是將作物周邊的小草去除，以利生長。耘是農藝作物栽培的必要工作，這是因作物移植後的初期生長比其他草類慢，若不耘草，作物生長必劣，現在的農業大多以藥劑抑制草類萌生，以減輕耘草的工作量，但這是不健康的農業方式。自然農法還是得完全依賴人力來耘草，在種植前全面耘草一次後立即種植作物，然後實施敷蓋以抑制草仔萌發，其後稀疏生長的草類再以人工耘草一次便可，此時僅需將植株下的小草耘除即可，如有宿根草類則以割除的方式抑制生長，以免傷害作物根系。\r\n\r\n如果栽培大型草本或木本作物，只需將植坑上的幼草耘除，外圍的雜草用割或壓伏的方式抑制生長即可。\r\n\r\n自然資材的使用問題\r\n\r\n自然農法使用的資材侷限在能自然形成與存在的物質，但都是經過人為的處理，有機農法使用某些自然的資材來防治病蟲害，與自然農法不作病蟲害防治有相當大的不同，另防治病蟲害的自然資材有部分是有毒物質，殘留的問題仍不可輕忽；自然農法可在生物轉換的機制下使用化學肥料，因為這些化學肥料基本上是經人為精製的礦物質，仍屬於自然資材，使用上的考量是營養素的均衡完整，因此硫氯製成的肥料不宜使用，如硫酸銨、氯化鉀，雖是最便宜的氮與鉀素來源，但其硫氯含量高於植物需求甚多，施用後勢必衝擊環境生態。\r\n\r\n自然資材的運用\r\n\r\n自然資材種類繁多，自然農法中可分為四類：調節植物生長速度的水；供應土中生物食材的碳水化合物；庇護土中生物生息的耐久有機質；均衡土壤養分比例的肥料。\r\n\r\n碳氫氧三元素雖然大量存在空氣中而不虞匱乏，但根系才是植物主要的吸收器官，在土壤中補充碳水化合物可幫助作物生長。主要的碳水化合物包含醣類、脂肪與蛋白質及核酸，以液態施入土中可快速被微生物利用，產生二氧化碳與氧並釋放熱能，這些氣體能使土疏鬆似海綿體，但熱量卻能使土壤增溫並改變微生物相製造有毒氣體產生危害，因此需注意施用濃度，尤其是高蛋白配方更須注意，若運用得當會有理想的深耕效果。\r\n\r\n有機質也是碳水化合物，但是分解緩慢，能持續均勻的釋出完整養分以滋養土地，但其最大效益在於改善土壤的物理性，調節水分與土壤密度並為微生物良好居所，讓土中的生物得以均衡生長，可增加植物抗逆性並減少微生物為害根部。這類資材皆為固體，以表施與敷蓋為主，常見的有植物殘體及泥碳等，可加入堆肥中施用。\r\n\r\n作物在不同生長階段有不同的營養需求，而土中供應的營養比例固定，釋出速度均勻，常需補充適當的營養素才能供應栽培作物生長所需，因此需依據作物需求與土壤現況製作堆肥與液肥來補充完整均衡的營養，但有很多自然資材不易購得或價格太高，此時化學肥料如石灰、苦土、過磷酸鈣、硝酸銨、硝酸鉀、尿素、珍珠灰、氫氧化鉀、磷酸鉀、磷酸鈣等便成經濟實用的替代物，以適當比例加入堆肥材料中製成堆肥，亦可製作出養分均衡完整的堆肥。\r\n\r\n人為措施執行原則\r\n\r\n植物生長環境必須要有陽光、土壤、空氣與水，人為措施是要營造最適合栽培作物的環境，除已介紹的主要措施如栽種密度、空間配置、灌溉系統、土壤培育四項外，尚有枝葉修剪一項。\r\n\r\n枝葉修剪主要用於園藝作物，如果樹、林木、庭園樹等木本植物，透過枝葉修剪措施能提升光合效率、促進空氣流通、減少養分虛耗，可有效健化作物避免昆蟲取食。但如枝葉修剪不當，微生物會由傷口入侵植株，及新梢密生等弱化植株的問題。\r\n\r\n在陰雨天修剪枝葉，因濕度高有力微生物繁殖，而植體抗生物質合成減少又被水分稀釋，故易受害，因此必須選擇晴天時作業；另外枝葉稀疏的植株亦不可實施此作業，以免樹體更衰弱；而修剪時期需避開日照強烈的夏季，以免使樹幹暴露在強日照下，易遭曬傷或萌生脆弱的不定芽；自然農法不做以產期調節為目的的修剪，因為它嚴重干預自然運行，並使果樹夭折。\r\n\r\n修剪枝條必須減少傷口面積，讓癒合組織得以快速包覆裁切面，避免微生物在切口繁衍，修剪部位在枝條交會處或芽點之稍上方，可避免日照改善後不定芽叢生，因不定芽所形成的枝條耐風力差，易受風害。生長衰弱的密生枝必須疏剪，僅留生長勢較強的枝條，徒長枝除保留欲誘引至無枝葉空間者，其餘自基部或近基部之芽點上方剪除，以免因強勢生長而弱化其它部位之枝葉。\r\n\r\n與修剪功效相當的作業有誘引、捻枝、拿枝等。誘引是用繩索或木竹將枝條暫時固定其生長方向，讓園內空間合理配置，使產量增加，但需注意誘引角度勿過於水平，以免不定芽滋生；捻枝是在新梢生長停止而尚未木質化時，對直立的強勢梢施以旋轉彎折至剩餘空間，以抑制生長並合理分配空間的手法，適時操作不會折斷枝條產生傷口，折彎部位木質化後會更強健；拿枝是在新梢生長已木質化但尚未老化時將直立強勢生長枝自基部與中段分別握住作ㄇ形彎折，以減緩生長勢的作業，適時操作亦不會折斷造成傷口。\r\n\r\n運用化學肥料調配營養素完整均衡的資材\r\n\r\n自然農法用在培育土壤的資材講究營養素的完整與均衡，調配是依據植物體營養素所佔的比例，碳約占45%，氮約佔1.5%，碳氮比約30倍，而植物殘體的碳氮比常高於此倍數，這是在乾燥時損失了部分的碳水化合物與氮所致，而其它的營養素耗損甚少，因此需添加氮素調整至20~30倍間，以利堆肥製作，添加的氮素如為精製的化學肥料，則會與其他營養素產生比例上的失衡，此時可依添加氮肥的量依氮3：磷酐1：氧化鉀4：氧化鈣2：氧化鎂1的比例添加其他四種元素，而其他的微量元素可自過磷酸鈣獲得或另加粉末狀的土壤補充，經微生物作用後會使這些養分固定於堆肥中，緩慢釋出供植物吸收。\r\n\r\n而不同生長時期所需的養分，以利用液肥當追肥較快速有效，製作時可以健康的土壤當菌種來源，以粗榖粉或豆粉當微生物繁衍基質，用糖蜜當碳與微量元素來源，調好碳氮比，再依生長時期的氮磷鉀需求比例來添加磷鉀肥，如用豆粉，其氮素高，需以所含蛋白質比率乘17.5%計算其氮含量，不足時再以化學肥料補足；因碳氮比固定在20-30倍，需注意水溶液中的碳含量不可超過8%(含糖類為20%)，以免發酵困難，發酵時漸歇性打氣，以平衡好氧與厭氧菌之生長，約2周即可稀釋使用，注意稀釋液之氮磷鉀總和含量不要超過千分之二即可避免肥傷或過度干擾土壤生態。\r\n\r\n微生物對有機質的作用\r\n\r\n土中微生物有細菌、真菌、藍綠藻與原生動物、輪蟲、線蟲等，種類相當豐富，當土壤之物理、化學性質改變，便會使微生物相的均衡改變，而土壤溫度與濕度常受天候變化影響，使某些微生物大量繁殖而危害到作物。因此改善土壤環境會較以藥劑控制病害來的有效。\r\n\r\n微生物分解複雜的有機物常由多種微生物協力完成，當有機物的營養素不均衡時，微生物亦會自所在環境如岩石、空氣與水中獲得。不同的有機質來源其營養元素組成差異甚大，單一有機質來源的營養元素對作物而言是不均衡的，因此常利用微生物能分解重組有機質的特性，用不同的有機質來調配出適合植物所需的有機質肥料。\r\n\r\n以組成較簡單的有機質如蛋白質、澱粉等來培養微生物，常可使少數微生物大量繁殖，而製成特定的產物，如酒、醋、醬油等，因此如欲以簡單的有機質製作營養均衡的自然肥料，則需添加無機營養元素，如礦石粉、化學肥料，讓多種微生物能共同循環使用碳源，並藉由生物體固定無機營養元素。\r\n\r\n微生物在健康的土壤中不僅為數眾多，而且種類豐富，非商業化的菌種商品所能比擬的，而且其中的菌種有在地優勢，更能適合當地的自然環境，而土壤中的岩石粉粒亦能提供豐富完整的營養元素，補足有機物欠缺的營養元素，是相當經濟實惠的菌肥接種材料。\r\n\r\n每種微生物都有最適合的生育環境，當遇環境逆境時，便會停止繁殖，因此可藉由環境控制來促進或抑制微生物，其中最易人為控制的是通氣與溫度，在自然農法要求的是微生物相的均衡，因此製作堆肥或液肥時亦須實施人為的環境控制。\r\n\r\n另微生物使植物致病亦需自然環境配合，大量滋生後才會致病，在均衡的微生物相中，反而有利植物對能致病的微生物產生抗生物質，因此不必在乎自然資材中有能使植物致病的微生物存在。\r\n\r\n實現永續利用且漸入佳境\r\n\r\n施行自然農法後，土壤與區域生態均會逐漸改變，使栽培作物在地化，具有較強的環境適應力，而提升生產力。土壤經由不斷的培育，地力會逐漸提升，肥沃而有彈性，微生物失衡致病的頻率則會持續降低；區域生態之歧異度增加，每種昆蟲的天敵種類會逐漸增加，單一種類的昆蟲不易大量繁殖，作物的覓食昆蟲為害性亦會漸次降低，農產的良率可獲提升。\r\n\r\n生態平衡需要時間\r\n\r\n當生態鏈中某一物種族群急速增加或減少，均會影響與其相關的物種繁衍，但其影響會有延遲效應，需經一段時間會顯現其後果，整個生態鏈結重新獲得穩定的平衡需要時間，因此在農耕區的生態會與自然的生態有所不同，有規律的栽培作業較有利於生態平衡的穩定，縮短生態變化的衝擊時間。\r\n\r\n昆蟲也會挑嘴\r\n\r\n當人們一起到野外時，有的人會被蚊子叮咬，有的人不會，此一現象有人認為是體質差異；而當植物群聚時，可發現部分植物會受昆蟲取食，而部分植物安然無恙，此現象有人認為健康的植物比較不會被昆蟲覓食，因為它們能分泌覓食昆蟲所不喜歡的物質。但有昆蟲覓食的植物不一定不健康，因為如果覓食昆蟲族群龐大或有特定的取食植物太少，亦會使作物被昆蟲取食。所以判斷植物健康與否不可僅以昆蟲取食與否為依據。\r\n\r\n土壤培育後植物社會亦會重組\r\n\r\n依栽培作物需求而培育土壤，雖然母岩性質不變，但土壤的理化性質會改變，不僅微生物相會變化，植物社會亦會因此重組，如土壤變鬆軟後，生長在堅硬土壤的植物會被其他植物取代，土壤酸鹼值改變亦會產生此現象，這些改變將使仰賴植物維生的昆蟲相起連動變化，因此土壤培育亦應逐步為之，才不致使區域生態嚴重失衡。\r\n\r\n水土保持能幫助培育土壤\r\n\r\n耕作的土壤是由有機質與岩石組成，自然生成的速度緩慢，經由不斷的耕作可加速生成，雖然生成速度加速，但如採取清園的方式栽培作物，土壤流失的速度將遠大於生成速度，使土壤日漸貧瘠。\r\n\r\n要避免得之不易的土壤流失，最有效的方式是做水土保持，透過田間敷蓋、植草等自然方式或水平階段、集水溝渠等工程方式均能減緩土壤流失速率，栽培作物時應一併規劃實施，方能讓土地經由耕作而更加肥沃。\r\n\r\n生產力提升的負面效應\r\n\r\n現代物資充裕歸功於生產力的提升。大量的天然資源被開採出來當作能源與原料，似乎可以無限制的供應人類所需；農業方面一個農夫的生產力提昇到可以供養一百人以上，化學農業居功厥偉；工業方面生產力提升更速，自動化與機械化的生產模式，所需工人越來越少。如此高的生產力理應大幅改善人類生活，但實則不然，充裕的物資造成資源浪費與環境汙染；價格競爭下需要更多的產量才能損益平衡，導致偷工減料的黑心商品充斥；而生產所需的人力精簡，讓更多人無所事事，找不到安身立命之道，衍生社會亂象。\r\n\r\n製程必須講究\r\n\r\n生產毒酒的廠商經過合法程序設立，但它們不需釀造設備，也不需專業技術，因此會把工業酒精~甲醇拿來直接分裝販售，或是將加了甲醇或正己烷的變性酒精分餾後加香料與染料後變為各類飲用酒，如果是經由釀造製成的酒，就不會有這些毒害了，但釀造的成本無疑的高了很多。農業生產亦是如此，當鮮乳是以蛋白質含量為依據，三聚氰胺是便宜的蛋白質代用品，只要加水就能當鮮乳賣，所以就被拿來大量使用。這些產品都具有價格競爭力，但產品對食用者而言卻有毒害作用，所以產品的製程相當重要。      \r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1086,'2017-12-20 17:44:44','2017-12-21 01:44:44',NULL,'2017-12-19 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div style=\"Background-color:#FFFFFF\">\r\n	<div class=\"load\" id=\"welcome\">\r\n		<div class=\"row load\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 title load\">\r\n				<h2 style=\"text-align: center;\">\r\n					<span style=\"color:#000000;\">影片觀賞</span></h2>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12 load\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n					<div class=\"videoWrapper load\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" src=\"https://www.youtube.com/embed/Nm2RaF-EXp8?list=PLCc0mC90ipstDP0H5HBJW169jc1qVIqCI\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-10 col-sm-10 col-xs-10 load\">\r\n					<h3>\r\n						自然農法多層次作物栽培<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12 load\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n					<div class=\"videoWrapper load\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" gesture=\"media\" src=\"https://www.youtube.com/embed/DHe-1iQxH0g?list=PLCc0mC90ipstDP0H5HBJW169jc1qVIqCI\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-10 col-sm-10 col-xs-10 load\">\r\n					<h3>\r\n						向太平洋日出學習的阿比 農民版 配樂版<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12 load\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n					<div class=\"videoWrapper load\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" src=\"https://www.youtube.com/embed/fTeulroZZ28?list=PLCc0mC90ipstDP0H5HBJW169jc1qVIqCI\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-10 col-sm-10 col-xs-10 load\">\r\n					<h3>\r\n						台灣首座生態吧檯-「阿比野台戲」<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n					<div class=\"videoWrapper load\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" scrolling=\"no\" src=\"https://www.youtube.com/embed/Tc04uM5zFuw\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-10 col-sm-10 col-xs-10 load\">\r\n					<h3>\r\n						自然農法多層次作物栽培<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1087,'0000-00-00 00:00:00','2017-12-20 01:19:02',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<h1 style=\"text-align: center;\">\r\n	現代產值的創造者</h1>\r\n<p>\r\n	<span style=\"font-size:20px;\">慣行農業大量使用除草劑、化學肥料與農藥，破壞了自然運行，而所生產的食物供人食用後，產生了各式各樣的文明病，讓醫療產業蓬勃發展，只是這樣的人為經濟生態鏈，肥了廠商，傷了生產者與食用者，受了毒害還求償無門。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">雖然是不好的經濟生態鏈，但它卻是日益鞏固，因為食用者在乎的是農產品的外表，生產者在意的是收成時的獲利。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">認證與檢測無法提供保障</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">現有的法規規範農產品的農藥殘留量，也禁止某些藥劑使用，但現在能用的藥劑不保證以後仍可使用，而檢測亦無法全面實施，偶而抽檢總有超過標準者已被食用。有機農法亦是循此模式，不過多了許多認證，亦對環境友善些。但是生產者牟取提高產量以增加獲利的心不變，所以只換了方式來除害蟲，殺蟲的意志仍舊不變。</span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1088,'0000-00-00 00:00:00','2017-12-20 01:19:34',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<h1 style=\"text-align: center;\">\r\n	改變從心開始</h1>\r\n<p>\r\n	<span style=\"font-size:20px;\">人類自詡為萬物的主宰，人定勝天的觀念被大肆宣揚，為了豐裕生活所需，肆無忌憚的取用自然資源，環境惡化速度加劇，逐漸影響日常生活，選擇生活環境的自由日益喪失。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">雖然農業用地只占陸地面積的一部分，卻是人類最接近自然的環境，但在主宰者的意識下，極盡殺戮之能事，除作物外寸草不生，當然更容不得昆蟲的存在，以致地上所生產的食物存在著各式各樣的人造物質，讓食用者膽顫心驚。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">人亦是自然界的一份子，且個體差異極大，對人造物質與天然毒物的忍受力亦是如此，因此改變農業生產方式製造無毒的食物漸被重視與採用，其中最為普遍的是有機農法，但生產者亦是以殺害「害蟲」的方式來確保收成，至於使用何種藥劑則無法一窺究竟，只衍生出一堆認證，達成某些人造物質不得檢出的共識而已，但這樣的標準仍經不起檢測。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">因此要生產自然健康的食物必須從心開始，放棄主宰者的心態，讓作物在自然環境中成長以至收成。這樣的農業生產方式便是自然農法。</span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,999,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1089,'0000-00-00 00:00:00','2017-12-20 01:20:04',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<h1 style=\"text-align: center;\">\r\n	天體運行是自然運行的基礎</h1>\r\n<p>\r\n	<span style=\"font-size:20px;\">與我們息息相關的天體有地球、月球及太陽。地球的自轉一圈是一日，有日夜的變化也引起板塊運動；繞行太陽一周的時間是一年，繞行期間帶來了四季變化；月亮繞地球一周是一月，它的引力能產生潮汐變化、盈虧所反射的太陽能亦對生物產生影響。這些運行相當規律，周而復始的循環，人類體察這些變化現象而制訂曆法與節氣以為作息農耕之依據；而其他生物亦依此運行規律各有不同的作息方式，並內化於基因中，得以永續繁衍，成就現在的大千世界。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">天體運行衍生的循環便是自然運行</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">天體運行本身是個循環系統，太陽供應能量、月亮改變磁場、地球提供原料，所有的生物均仰賴此三者始能成形，所有生物死後也盡歸塵土，這過程中，植物的生育有規律性的周期變化，微生物與動物的生育亦然，三者所共構的生態鏈亦是一個循環系統。因此在自然運行下的萬物是個天生我材必有用的社會，少了一個就會暫時失衡，所有成員都會受到影響。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">農業活動是人類生存的本能</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">人類學會栽培作物與圈養動物後，逐漸進入衣食無缺的農業社會，但人們仍是在自然環境中求生存並與其和諧共存。進入工業時代後，農業也工業化，講究科學~但僅侷限在化學領域，只以化學肥料和化學藥劑來栽培作物，由於這種偏頗，將農業與自然分割，農地變成植物工廠，嚴重干擾自然運行，僅數十年間便已弊病叢生。</span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,888,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1090,'0000-00-00 00:00:00','2017-12-20 01:22:06',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<h1 style=\"text-align: center;\">\r\n	學習與植物溝通</h1>\r\n<p>\r\n	<span style=\"font-size:20px;\">健康的植物少有病蟲害，要栽培出健康的作物就必須先了解作物的環境需求與生理需求，才能採取符合作物需要的作為，使作物健康的生長，因此與作物溝通是栽培者的必要技能，但作物不會言語，因此必須透過察顏觀色來與作物溝通。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">首先要了解作物健康時是何模樣？它的地上部是最容易觀察的，如葉的顏色、形狀、強度，莖的色澤與長度等，一般從所栽培的作物中找出最強壯、沒有昆蟲取食的植株即可，仔細觀察並在腦海中記下它的模樣，並在不同的物候期重覆觀察與記錄，以作為比對之用。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">當植物營養失衡時，葉片會呈現不同徵狀，如葉色較淡，可能是缺氮素或缺水所致；葉的厚度變薄，可能是元素缺乏也可能是日照不足，每個栽培品種都有不同的表徵，需要花心思摸索，一但累積足夠經驗後，便能用自然資材或以人為措施來協助作物健康的生長。</span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,777,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1091,'0000-00-00 00:00:00','2017-12-20 01:24:04',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<h1 style=\"text-align: center;\">\r\n	就地取材製作堆肥</h1>\r\n<p>\r\n	<span style=\"font-size:20px;\">實行自然農法後，自製堆肥安全又便宜，它的主原料是有機質，農場的雜草與作物殘體均是良好的素材，只要調整好碳氮比，補充因收成移出的礦物質及降低土壤酸度的礦石粉後壓實，並適時澆水翻堆，便可製成營養物質均衡的堆肥。最好能加入過篩的園土，因為它含有豐富的微生物與足夠的微量元素，能加速堆肥形成，而過程中亦會將土中微量元素轉化為有效態。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">基因改良作物與畜牧廢棄物要腐熟後才使用</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">基因改良作物最常見的是黃豆，豆粕則是泛用的有機氮肥，畜牧廢棄物亦是常用有機氮肥，但若為使用配方飼料所產生者，抗生素與賀爾蒙含量甚高。若使用此兩種氮源製作堆肥，需經微生物分解至完全腐熟後使用，始可避免破壞土壤生態。</span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,666,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1092,'0000-00-00 00:00:00','2017-12-20 01:24:56',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<h1 style=\"text-align: center;\">\r\n	配合自然運行作田間管理</h1>\r\n<p>\r\n	<span style=\"font-size:20px;\">規律的自然運行造就了規律的生態循環，植物有生老病死，動物也是，自然界中兩者搭配得天衣無縫，幼小的毛毛蟲總有嫩葉可吃，破蛹的蝶總能採到花蜜，這絕非它們運氣好，而是兩者在自然運行下所演化形成的生態鏈，有著互利共生的關係。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">植物在種子階段，便能感受自然運行，然後在最適當時機破甲而出，生根展葉，快速茁壯。在成長期中，根生長與枝葉生長都有一定的規律；進入生育期後，開花期與果熟期亦有規律，這種規律就是植物的物候期，同一種植物因立地條件不同，而有不同的物候期。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">田間管理無非是要給植物一個適當的生育環境，配合立地自然運行的節奏來播種、移植、施肥、灌溉、修剪、採收等田間管理作業，將可獲得最佳效果。</span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,555,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1093,'0000-00-00 00:00:00','2017-12-20 01:26:27',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<h1 style=\"text-align: center;\">\r\n	能量轉換的必要條件(日照、月亮光)</h1>\r\n<p>\r\n	<span style=\"font-size:20px;\">植物能利用日照提供的能量將大氣與土壤中的養分轉化為碳水化合物，再合成其他物質儲存於植體內，以供再次生長所需，因此植物的生長必須仰賴日照，但有的植物需要直接照射的光源才能行光合作用，稱為陽性植物；只要有漫射光源便能光合作用的植物，稱為陰性植物。但其實這是兩極分法，大部分的植物均在兩極之間，對直射與漫射光源均能運用，而且不同生長階段有不同的光需求。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<span style=\"font-size:20px;\">月亮的光是太陽光的折射，很溫和但亦具有能量，它的亮度在滿月時達到最大量，同時也是月球引力影響最大的時間，動物與植物均受其影響，但因難以量化其影響力，而蒙上一層神秘面紗。</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">農藝作物未必需要全日照</span></p>\r\n<p>\r\n	<span style=\"font-size:20px;\">農藝作物是指生長期短的作物，所以作物自然高度不高，可以密植以獲最高產量，是糧食與蔬果重要的來源。但大多數的農藝作物在原生地的社會結構中均屬日照較少的地被植物，只在開花結果期需要較多的日照。這些作物經由人類不斷的選育改良，多數已能適應全日照環境，以利大面積栽培，但亦必須投入更多心力去照顧。</span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,444,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),