(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),(1094,'2017-12-20 01:09:47','2017-12-20 09:09:37',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,289,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<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>\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	',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1095,'2017-12-20 01:10:13','2017-12-20 09:09:52',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,289,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<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>\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),(1096,'2017-12-20 01:16:43','2017-12-20 09:10:23',NULL,'2017-12-20 00:00:00','2038-01-01 00:00:00',122,289,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',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,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1097,'2017-12-21 02:46:37','2017-12-21 10:46:37',NULL,'2017-04-25 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'艾蘭哥爾慶祝母親節優惠活動',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E6%AF%8D%E8%A6%AA%E6%9C%881.jpg\" style=\"width: 600px; height: 267px;\" /></p>\r\n<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E6%AF%8D%E8%A6%AA%E6%9C%882.jpg\" style=\"width: 600px; height: 293px;\" /></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: 新細明體;\">即日起至5月15 日止，凡持本券至以下指定商店購買艾蘭哥爾相關產品，滿千元即贈送艾蘭哥爾特用作物手工皂1顆。(原價180元，可任選種類)</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: 新細明體;\">艾蘭哥爾咖啡總店 &nbsp; &nbsp; 艾蘭哥爾藝文咖啡館 &nbsp; &nbsp; &nbsp;知本老爺酒店藝品店、機場餐廳</span></span></p>\r\n','','',0,'20171221母親月2.jpg',43591,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1098,'2017-12-21 02:51:35','2017-12-21 10:51:35',NULL,'2017-04-23 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'「看到台灣赢回台灣人」系列講座',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E3%80%8C%E7%9C%8B%E5%88%B0%E5%8F%B0%E7%81%A3%E8%B5%A2%E5%9B%9E%E5%8F%B0%E7%81%A3%E4%BA%BA%E3%80%8D%E7%B3%BB%E5%88%97%E8%AC%9B%E5%BA%A7.jpg\" style=\"width: 379px; height: 600px;\" /></p>\r\n<p style=\"margin: 0px 0px 6px; padding: 0px; letter-spacing: 1.3px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">吳秀娟老師繼「扭轉的力量」、「老鷹想飛」、「最好的台灣」、「台灣之心1-出發」&middot;&middot;&middot;等知名紀錄片作品後，將於5月份來台東南迴線拍攝「向日出學習的阿比」，並在艾蘭哥爾藝文咖啡館舉辦「看到台灣赢回台灣人」系列講座，本系列講座不收任何費用，歡迎從事觀光業、服務業或對生態應用學程有興趣的朋友們踴躍參加（若為單位團體，請提早報名）。日期、時間及主題如下：<br style=\"letter-spacing: normal;\" />\r\n	5月06日 下午14:00-17:00 2014年 「台灣森巴阿嬤的春天」<br style=\"letter-spacing: normal;\" />\r\n	一把種在礦區被蟲吃過的青菜，登上五星級服務評鑑首獎的飯店餐桌</span></span></p>\r\n<p style=\"margin: 6px 0px; padding: 0px; letter-spacing: 1.3px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">5月13日 下午14:00-17:00 2015年「青蚵嫂與白海豚」&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	<span class=\"text_exposed_show\" style=\"display: inline;\">70歲的蚵農教會我人的雙手是有用的，西海岸的海牛到五星飯店涵碧樓去送貨</span></span></span></p>\r\n<div class=\"text_exposed_show\" style=\"margin: 0px; padding: 0px; letter-spacing: 1.3px; display: inline; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px;\">\r\n	<p style=\"margin: 0px 0px 6px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">5月20日 下午14:00-17:00 2016年「老鷹先生從台灣頭走到台灣尾」&nbsp;<br style=\"letter-spacing: normal;\" />\r\n		曾經沈振中發誓成為土地的公民，於是他把老鷹當孩子來照顧，結果老鷹紅豆被搶購一空</span></span></p>\r\n	<p style=\"margin: 6px 0px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">5月27日 下午14:00-17:00 2017年「一場屬於台灣土地的說明會」<br style=\"letter-spacing: normal;\" />\r\n		為什麼原住民在台灣打獵5000年，而台灣各類動物，一種都沒有少?<br style=\"letter-spacing: normal;\" />\r\n		為什麼原住民在台灣砍樹蓋了5000年的家，台灣的森林依舊蓬勃被稱為「福爾摩莎」?<br style=\"letter-spacing: normal;\" />\r\n		今天的台灣打獵要坐牢，蓋房子不需要砍樹，可是森林快速消失，動物瀕臨絕種，台灣怎麼了?<br style=\"letter-spacing: normal;\" />\r\n		我要幫台灣土地辦一場說明會，讓古文明與現代文明相遇，找傳統泰雅獵人幫竹科工程師上課，讓我們重新找回台灣的未來。</span></span></p>\r\n	<p style=\"margin: 6px 0px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E3%80%8C%E7%9C%8B%E5%88%B0%E5%8F%B0%E7%81%A3%E8%B5%A2%E5%9B%9E%E5%8F%B0%E7%81%A3%E4%BA%BA%E3%80%8D%E7%B3%BB%E5%88%97%E8%AC%9B%E5%BA%A72.jpg\" style=\"width: 424px; height: 600px;\" /></span></span></p>\r\n	<p style=\"margin: 6px 0px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E3%80%8C%E7%9C%8B%E5%88%B0%E5%8F%B0%E7%81%A3%E8%B5%A2%E5%9B%9E%E5%8F%B0%E7%81%A3%E4%BA%BA%E3%80%8D%E7%B3%BB%E5%88%97%E8%AC%9B%E5%BA%A73.jpg\" style=\"width: 424px; height: 600px;\" /><br />\r\n		<img alt=\"\" src=\"/userUpload/images/Alanger/%E3%80%8C%E7%9C%8B%E5%88%B0%E5%8F%B0%E7%81%A3%E8%B5%A2%E5%9B%9E%E5%8F%B0%E7%81%A3%E4%BA%BA%E3%80%8D%E7%B3%BB%E5%88%97%E8%AC%9B%E5%BA%A74.jpg\" style=\"width: 424px; height: 600px;\" /></span></span></p>\r\n	<p style=\"margin: 6px 0px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E3%80%8C%E7%9C%8B%E5%88%B0%E5%8F%B0%E7%81%A3%E8%B5%A2%E5%9B%9E%E5%8F%B0%E7%81%A3%E4%BA%BA%E3%80%8D%E7%B3%BB%E5%88%97%E8%AC%9B%E5%BA%A76.jpg\" style=\"width: 424px; height: 600px;\" /></span></span><br />\r\n		&nbsp;</p>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20171221未命名.png',228455,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1099,'2017-12-21 02:53:46','2017-12-21 10:53:46',NULL,'2017-04-07 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'萃取課程報名〈4/11截止〉',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E8%90%83%E5%8F%96%E8%AA%B2%E7%A8%8B%E5%A0%B1%E5%90%8D.jpg\" style=\"width: 600px; height: 338px;\" /></p>\r\n<p>\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">手冲咖啡萃取課程招生</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">講師：許智堯（艾蘭哥爾藝文咖啡館店長）</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">課程名稱：手沖咖啡萃取教學</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">課程内容大綱：</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">一、喝咖啡聊咖啡</span><br style=\"color: rgb(93, 93, 93); font-family: 新細明體; font-size: 16px;\" />\r\n	<span class=\"text_exposed_show\" style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41); display: inline;\">二、手沖咖啡萃取理論<br style=\"letter-spacing: normal;\" />\r\n	三、手沖咖啡實務操作<br style=\"letter-spacing: normal;\" />\r\n	上課時間：自106年4月11日至106年6月6日止（端年節停課），每週二晚上7點~9點，每次授課2小時，共8週16堂課，總時數16小時。&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	上課地點：台東市浙江路350號。（艾蘭哥爾藝文咖啡館）&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	報名電話：089-335123。<br style=\"letter-spacing: normal;\" />\r\n	招生名額：8人（以繳費為完成報名之依據）。&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	費用：新台幣2000元。（含材料費）&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	備註：上課時備有台東精品咖啡及精緻小點心供學員享用。</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<span class=\"text_exposed_show\" style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41); display: inline;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E8%90%83%E5%8F%96%E8%AA%B2%E7%A8%8B%E5%A0%B1%E5%90%8D2.jpg\" style=\"width: 600px; height: 338px;\" /></span></p>\r\n<p>\r\n	<span style=\"color: rgb(29, 33, 41); font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px;\">虹吸咖啡萃取課程招生</span></p>\r\n<p>\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">講師：許智堯（艾蘭哥爾藝文咖啡館店長）</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">課程名稱：虹吸咖啡萃取教學</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">課程内容大綱：</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">一、喝咖啡聊咖啡</span><br style=\"color: rgb(93, 93, 93); font-family: 新細明體; font-size: 16px;\" />\r\n	<span class=\"text_exposed_show\" style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41); display: inline;\">二、虹吸咖啡萃取理論<br style=\"letter-spacing: normal;\" />\r\n	三、虹吸咖啡實務操作<br style=\"letter-spacing: normal;\" />\r\n	上課時間：自106年4月13日至106年6月1日止，每週四晚上7點~9點，每次授課2小時，共8週16堂課，總時數16小時。&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	上課地點：台東市浙江路350號。（艾蘭哥爾藝文咖啡館）&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	報名電話：089-335123。<br style=\"letter-spacing: normal;\" />\r\n	招生名額：8人（以繳費為完成報名之依據）。&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	費用：新台幣2000元。（含材料費）&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	備註：上課時備有台東精品咖啡及精緻小點心供學員享用。</span></p>\r\n','','',0,'20171221萃取課程報名.jpg',45114,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1100,'2017-12-21 03:00:42','2017-12-21 11:00:42',NULL,'2017-03-25 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'咖啡杯測技術員訓練課程報名中(已截止)',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E5%92%96%E5%95%A1%E6%9D%AF%E6%B8%AC%E6%8A%80%E8%A1%93%E5%93%A1%E8%A8%93%E7%B7%B4%E8%AA%B2%E7%A8%8B.jpg\" style=\"width: 600px; height: 338px;\" /></p>\r\n<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E5%92%96%E5%95%A1%E6%9D%AF%E6%B8%AC%E6%8A%80%E8%A1%93%E5%93%A1%E8%A8%93%E7%B7%B4%E8%AA%B2%E7%A8%8B2.jpg\" style=\"width: 600px; height: 338px;\" /></p>\r\n<p>\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">台東縣城鄉深耕協會附設台東咖啡產業育成中心委託艾蘭哥爾咖啡代訓「咖啡杯測技術員」暨台東咖啡產業育成中心師資訓練班開課了！咖啡杯測技術員課程共40堂，全課程無缺課，通過考試發給結業證書。台東縣咖啡文化解說員班將於咖啡杯測技術員班結訓後開班。&nbsp;</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">開課日期：106.4.12（三）</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">上課時間：每週三19:00-21:00</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">上課地點：艾蘭哥爾藝文咖啡館（台東市浙江路350號，台東美術館園區）</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41);\">報名資格：曾參加艾蘭哥爾咖啡初、中階課程之學員</span><br style=\"color: rgb(93, 93, 93); font-family: 新細明體; font-size: 16px;\" />\r\n	<span class=\"text_exposed_show\" style=\"font-family: 新細明體; font-size: 16px; letter-spacing: 1.3px; color: rgb(29, 33, 41); display: inline;\">報名費用：免費<br style=\"letter-spacing: normal;\" />\r\n	報名地址：台東市勝利街109號、台東市浙江路350號<br style=\"letter-spacing: normal;\" />\r\n	報名專線：089-322246、335123</span></p>\r\n','','',0,'20171221咖啡杯測技術員訓練課程.jpg',33166,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1101,'2017-12-21 03:00:51','2017-12-21 11:00:51',NULL,'2017-03-24 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'艾蘭哥爾藝文咖啡館展覽活動(106/04/1~04/30)',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E8%89%BE%E8%98%AD%E5%93%A5%E7%88%BE%E8%97%9D%E6%96%87%E5%92%96%E5%95%A1%E9%A4%A8%E5%B1%95%E8%A6%BD%E6%B4%BB%E5%8B%95.jpg\" style=\"width: 600px; height: 338px;\" /></p>\r\n<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E8%89%BE%E8%98%AD%E5%93%A5%E7%88%BE%E8%97%9D%E6%96%87%E5%92%96%E5%95%A1%E9%A4%A8%E5%B1%95%E8%A6%BD%E6%B4%BB%E5%8B%952.jpg\" style=\"width: 600px; height: 338px;\" /></p>\r\n<p>\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E8%89%BE%E8%98%AD%E5%93%A5%E7%88%BE%E8%97%9D%E6%96%87%E5%92%96%E5%95%A1%E9%A4%A8%E5%B1%95%E8%A6%BD%E6%B4%BB%E5%8B%953.jpg\" style=\"width: 600px; height: 433px;\" /></p>\r\n<p style=\"margin: 0px 0px 6px; padding: 0px; letter-spacing: 1.3px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px;\">\r\n	<span style=\"font-size: 18px;\"><strong><span style=\"font-family: 新細明體;\">朱建銘、江明哲、黃文章 聯合攝影音樂美術展</span></strong></span></p>\r\n<p style=\"margin: 0px 0px 6px; padding: 0px; letter-spacing: 1.3px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px;\">\r\n	<span style=\"font-family: 新細明體; font-size: 16px;\">行走在水墨山水間【北越下龍灣之美】</span></p>\r\n<p style=\"margin: 0px 0px 6px; padding: 0px; letter-spacing: 1.3px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px;\">\r\n	<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">攝影：台東醫師公會理事長-朱建銘 醫師<br style=\"letter-spacing: normal;\" />\r\n	素描繪畫：台東基督教醫院-江明哲 醫師<br style=\"letter-spacing: normal;\" />\r\n	音樂：台東基督教醫院-黃文章 醫師、<br style=\"letter-spacing: normal;\" />\r\n	<span class=\"text_exposed_show\" style=\"display: inline;\">演出越南音樂家-鄧泰山 鋼琴音樂作品<br style=\"letter-spacing: normal;\" />\r\n	展覽日期：106/04/1~30&nbsp;<br style=\"letter-spacing: normal;\" />\r\n	開館時間：週二~日AM9:00~PM6:00<br style=\"letter-spacing: normal;\" />\r\n	地點 :<strong>台東美術館-艾蘭哥爾咖啡藝文空間</strong><br style=\"letter-spacing: normal;\" />\r\n	活動簡介：<br style=\"letter-spacing: normal;\" />\r\n	新住民融入在台東的山與海之間，二十多年來，越南(vietnam)辛勤的新移民組織第二代的家庭，在各行各業中扮演默默貢獻德角色。由於文化的類似性，越南人民取得民間共同的信賴度，在生活、飲食、節慶都能融入台東的社會。<br style=\"letter-spacing: normal;\" />\r\n	統一的越南人民共和國，雖然與台灣沒有正式的邦交，但是在經貿醫療的交流沒有中斷，在曾經影響國際疾病的SARS危機中，第一例病患就在北越的河內醫院被診斷出來，之後，台灣醫療界開始援助越南的醫療，肝臟移植手術就是具體成功的結果。<br style=\"letter-spacing: normal;\" />\r\n	在昔日中南半島的美越長期戰爭中，越南人民顯露出強韌的民族性，在戰爭的痛苦和家人離喪中，越南年輕人遠渡重洋，離鄉背井，許多孩童被認養在歐美的家庭裡成長，其中也有遠嫁到台灣的婦女，在組織了家庭後，融入台東成為偏鄉一份子。<br style=\"letter-spacing: normal;\" />\r\n	越南的風土民情在中南半島是卓越優美的，北越下龍灣的景色，更列入世界文化的遺產之列，鄰近的中國廣西桂林，陽朔山水，遠不及下龍灣的壯麗和廣闊，這次展覽的照片和風景素描，只是呈現越南之美的一部分，船行下龍灣的群山之中，猶如行在水墨的山水之間。</span></span></span></p>\r\n<div class=\"text_exposed_show\" style=\"margin: 0px; padding: 0px; letter-spacing: 1.3px; display: inline; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px;\">\r\n	<p style=\"margin: 0px 0px 6px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">跨文化系列講座：<br style=\"letter-spacing: normal;\" />\r\n		一、無國界人道醫療&nbsp;<br style=\"letter-spacing: normal;\" />\r\n		主講人：江明哲 醫師&nbsp;<br style=\"letter-spacing: normal;\" />\r\n		二、語言公平、司法、通譯制度&nbsp;<br style=\"letter-spacing: normal;\" />\r\n		主講人：陳允萍 老師&nbsp;<br style=\"letter-spacing: normal;\" />\r\n		三、多元的咖啡文化&nbsp;<br style=\"letter-spacing: normal;\" />\r\n		主講人：張弘典 老師</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: 6px 0px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">指導單位：<br style=\"letter-spacing: normal;\" />\r\n		台東縣政府文化處-台東美術館</span></span></p>\r\n	<p style=\"margin: 6px 0px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">主辦單位：<br style=\"letter-spacing: normal;\" />\r\n		<strong>艾蘭哥爾咖啡</strong></span></span></p>\r\n	<p style=\"margin: 6px 0px; padding: 0px; font-family: inherit;\">\r\n		<span style=\"font-size: 16px;\"><span style=\"font-family: 新細明體;\">協辦單位：<br style=\"letter-spacing: normal;\" />\r\n		台灣司法通譯協會<br style=\"letter-spacing: normal;\" />\r\n		台東縣社會福利聯盟&nbsp;<br style=\"letter-spacing: normal;\" />\r\n		台東縣城鄉深耕協會</span></span></p>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20171221艾蘭哥爾藝文咖啡館展覽活動2.jpg',30432,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1102,'0000-00-00 00:00:00','2017-12-21 11:21:09',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,284,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style>.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),(1103,'0000-00-00 00:00:00','2017-12-21 11:21:34',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style> .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),(1104,'2017-12-21 03:25:22','2017-12-21 11:25:22',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,289,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n.navbar-nav > li > a {\r\n    padding-top: 10px;\r\n    padding-bottom: 0px;\r\n    line-height: 25px;\r\n    font-size: 15px;\r\n}</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),(1105,'2018-06-30 13:17:40','2017-12-22 07:38:26',NULL,'2017-12-22 00:00:00','2038-01-01 00:00:00',120,334,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<td id=\"xo-page\"><div id=\"xo-page-line\"></div>\r\n\r\n          <table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">\r\n            <tbody><tr>\r\n              <td>\r\n\r\n                <!-- Start 2 center top blocks loop -->\r\n                                                <!-- End 2 center top blocks loop -->\r\n\r\n                                <div id=\"content\"><iframe width=\"640\" height=\"360\" src=\"https://www.youtube.com/embed/IOD9aaB7RF0\" frameborder=\"0\" allowfullscreen=\"\"></iframe>\r\n<p><strong><span style=\"font-size: medium;\">台灣佳芳有機茶園茶園體驗一</span></strong></p>\r\n\r\n<p><object height=\"360\" width=\"640\"><param name=\"movie\" value=\"https://www.youtube.com/v/aowGYLw1jcA?version=3&amp;hl=zh_TW&amp;rel=0\"><param name=\"allowFullScreen\" value=\"true\"><param name=\"allowscriptaccess\" value=\"always\"><embed allowfullscreen=\"true\" allowscriptaccess=\"always\" height=\"360\" src=\"https://www.youtube.com/v/aowGYLw1jcA?version=3&amp;hl=zh_TW&amp;rel=0\" type=\"application/x-shockwave-flash\" width=\"640\"></object></p>\r\n\r\n<p><strong><span style=\"font-size: medium;\">台灣佳芳有機茶園茶園體驗二</span></strong></p>\r\n\r\n<p><object height=\"360\" width=\"640\"><param name=\"movie\" value=\"https://www.youtube.com/v/F-GCfmqeSZU?version=3&amp;hl=zh_TW&amp;rel=0\"><param name=\"allowFullScreen\" value=\"true\"><param name=\"allowscriptaccess\" value=\"always\"><embed allowfullscreen=\"true\" allowscriptaccess=\"always\" height=\"360\" src=\"https://www.youtube.com/v/F-GCfmqeSZU?version=3&amp;hl=zh_TW&amp;rel=0\" type=\"application/x-shockwave-flash\" width=\"640\"></object></p>\r\n\r\n<p><strong><span style=\"font-size: medium;\">台灣佳芳有機茶園<span style=\"color:#FF0000;\">開放露營</span></span></strong></p>\r\n\r\n<p><a href=\"http://www.taiwan-tea.net/uploads/tadnews/image/nEO_IMG_A2016009.jpg\"><img alt=\"\" src=\"http://www.taiwan-tea.net/uploads/tadnews/image/nEO_IMG_A2016009.jpg\" style=\"width: 700px; height: 393px;\"></a></p>\r\n\r\n<p><img alt=\"\" src=\"http://www.taiwan-tea.net/uploads/tadnews/image/nEO_IMG_A31568.jpg\" style=\"width: 700px; height: 393px;\"></p>\r\n\r\n<h1 style=\"text-align: center;\"><span style=\"font-size: x-large;\"><strong><span style=\"color: rgb(255, 0, 255);\">佳芳有機茶園體驗活動</span></strong><br>\r\n<strong>歡迎報名：</strong><br>\r\n(1) 、深度旅遊、採茶體驗 、茶園生態管理、喝現打綠茶汁以上體驗活動<br>\r\n每人費$150。<br>\r\n&nbsp;(2)、 如要增加 翡翠包製作 及( 翡翠)紅茶蛋卷 各項DIY題體驗、單項各加材料費$50。</span></h1>\r\n\r\n<h1 style=\"text-align: center;\"><span style=\"font-size: x-large;\">(3)、</span><span style=\"font-size: x-large;\">天然綠茶清潔劑製作 費用1人加50元</span></h1>\r\n\r\n<h1 style=\"text-align: center;\"><span style=\"font-size: x-large;\">15天 預約&nbsp; 10人以上接受報名<br>\r\n體驗活動時間：&nbsp; 全年&nbsp; 第(1)體驗 活動時間2：00<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; 第(2)體驗 活動時間1：30<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; (1)+(2)</span><span style=\"font-size: x-large;\">+(3)</span><span style=\"font-size: x-large;\">約3~4小時</span></h1>\r\n\r\n<p style=\"text-align: center;\"><strong><span style=\"color: rgb(255, 0, 0);\"><span style=\"font-size: medium;\">&nbsp;</span></span></strong></p>\r\n\r\n<p style=\"text-align: center;\"><span style=\"font-size: x-large;\"><img alt=\"\" height=\"470\" src=\"http://www.taiwan-tea.net/uploads/tadnews/ttea01.JPG\" width=\"700\"></span></p>\r\n\r\n<p style=\"text-align: center;\">&nbsp;</p>\r\n\r\n<p><span style=\"font-size: medium;\">訂購專線：089-227-660 / 0932-767-907<br>\r\nE-mail：<a href=\"mailto:sa0932767907@gmail.com\"></a><a href=\"mailto:sa0932767907@gmail.com\" title=\"sa0932767907@gmail.com\">sa0932767907@gmail.com</a><br>\r\n劃撥帳號：06688241 陳麗雪<br>\r\n地址：台東縣卑南鄉賓朗村賓朗路342之1號(台九線368.5K)</span></p>\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<hr style=\"clear:right;\">\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</div>\r\n                \r\n                <!-- Start 2 center bottom blocks loop -->\r\n                                                <!-- End 2 center bottom blocks loop -->\r\n              </td>\r\n            </tr>\r\n          </tbody></table>\r\n\r\n          \r\n        </td>','','',0,'',NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.145.230',NULL,NULL,NULL,NULL,NULL,NULL),(1106,'2018-08-30 03:15:44','2018-08-30 11:15:44',NULL,'2017-12-22 00:00:00','2038-01-01 00:00:00',1014,1025,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<html>\r\n<body>\r\n    <div style=\"font-family:Microsoft JhengHei;\">\r\n        <div class=\"container\">\r\n            <center><div style=\"display:inline-block; vertical-align: top; padding:30px 30px;\">\r\n            </div></center>\r\n            \r\n            <div style=\"display:inline-block; vertical-align: top; padding:30px 30px;\">\r\n                <div class=\"col-md-4 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <center><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/house_resized.png\"></center>\r\n                </div>\r\n                <div class=\"col-md-8 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <p style=\"margin: 10 0 0 6; font-size: 18px; line-height: 45px; letter-spacing: 3px; color: #696969;\"><font size=\"22px\">位</font>於高雄市六龜區田營的蓮霧故鄉，是個佔地一公頃的農地，主人家在20年前買下這塊土地，準備工作退休之後當個開心的務農族；十幾年來農場一直未使用，鄰居欲租借此塊田地耕種，張老闆娘卻捨不得農地就這麼租借給他人任意破壞，於是親自至農地勘查，並無意間挖掘了農地裡生長的地瓜，意外地好吃！於是決定整頓田裡，讓農場變得生意盎然。</p>\r\n                </div>\r\n            </div>\r\n            \r\n            <div style=\"display:inline-block; vertical-align: top; padding:30px 30px;\">\r\n                <div class=\"col-md-8 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <p style=\"margin: 0 0 0 6; font-size: 18px; line-height: 45px; letter-spacing: 3px; color: #696969;\"><font size=\"22px\">老</font>闆娘開始在田中買小苗栽種番茄，由當初買了100株到最後只有20株生存，她不氣餒，並認為不需要向他人一樣種植番茄一定要噴灑農藥，堅持無毒栽種，持續地在田裡學習，後來買了300株存活了150株，500株存活了300株，搭配著自家調配與專研的有機肥，越種越有自信，越知道種植的原則與訣竅，每個夜晚帶著頭燈在田裡尋尋覓覓，若見飛蛾過多，隔日就開始使用檸檬蘇打、苦煉油、活醋等自然方式驅趕。</p>\r\n                </div>\r\n                <div class=\"col-md-4 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <center><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/plant_resized.png\"></center>\r\n                </div>\r\n            </div>\r\n        \r\n            <div style=\"display:inline-block; vertical-align: top; padding:30px 30px;\">\r\n                <div class=\"col-md-4 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <center><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/camp_resized.png\"></center>\r\n                </div>\r\n                <div class=\"col-md-8 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <p style=\"margin: 0 0 0 6; font-size: 18px; line-height: 45px; letter-spacing: 3px; color: #696969;\"><font size=\"22px\">好</font>幾年來一直堅持有機耕種，每年定期作無農藥殘留檢驗，產品不僅有占地兩分的玉女、澄蜜番茄，還有芭樂，以及銷至國外的金煌芒果。2013年開始整地。鄰居建議老闆娘可以經營小小露營區，因此於2016年打造成一片能與民眾互動的快樂農場，海拔高度約355公尺，是一個適合親子露營的場地。為了增加親子間的樂趣，近期新增籃球框、戲水等設施，並提供當季水果(芭樂、芒果、番茄等)享受摘果樂！歡迎來到荖濃田營農場露營區~</p>\r\n                </div>\r\n           </div>\r\n         \r\n          <div style=\"display:inline-block; vertical-align: top; padding:30px 30px;\">\r\n                <div class=\"col-md-8 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <p style=\"margin: 0 0 0 6; font-size: 18px; line-height: 45px; letter-spacing: 3px; color: #696969;\"><font size=\"22px\">2</font>013年開始整地，在期望也有人陪伴的同時，鄰居建議老闆娘可以經營小小的露營區，因此為了營造家的感覺，將露營區命為\"家營\"農場，希望帶給顧客一種親切的感覺。每當有人親訪家營，就是老闆娘最開心的事情，帶著遊客認識家營，導覽果園、與小動物們打招呼，前往寶來看梅花、欣賞六龜美好的風景。到了晚上，與遊客在家營共享美好的夜晚，享受大自然的謐靜。</p>\r\n                </div>\r\n                <div class=\"col-md-4 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <center><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/host_resized.png\"></center>\r\n                </div>\r\n          </div>\r\n        </div>\r\n    </div><!--Microsoft JhengHei-->    \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),(1107,'2018-01-31 05:45:12','2017-12-29 11:21:55',NULL,'2017-12-22 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_0872.JPG\" style=\"border: double; background-color: #FFFFBB; height: 267px; width: 400px; float: left;\" />\r\n		<h2>\r\n			&quot;1&quot;</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/05IMG_0975.JPG\" style=\"border: double; background-color: #FFFFBB; 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=\"border: double; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			&quot;3&quot;</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_1036.JPG\" style=\"border: double; background-color: #FFFFBB; 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','','',0,'20171227background.JPG',457468,NULL,NULL,NULL,NULL,NULL,1003,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1108,'2018-01-31 05:45:10','2017-12-28 10:36:55',NULL,'2017-12-22 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/762596.jpg\" style=\"border: double; background-color: #FFFFBB; 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=\"border: double; background-color: #FFFFBB; width: 400px; height: 267px; float: left;\" />\r\n		<h2>\r\n			&quot;2&quot;</h2>\r\n	</div>\r\n        <p>&nbsp;</p>\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=\"border: double; background-color: #FFFFBB; 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=\"border: double; background-color: #FFFFBB; 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','','',0,'2017122703_IMG_0939.JPG',227070,NULL,NULL,NULL,NULL,NULL,1004,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1109,'2018-01-31 05:45:13','2017-12-29 11:21:44',NULL,'2017-12-22 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/02_IMG_0919(1).JPG\" style=\"border: double; background-color: #FFFFBB; 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=\"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 class=\"row\">\r\n	<div class=\"col-sm-6\">\r\n		<img alt=\"\" src=\"/userUpload/images/06_IMG_0914.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<div class=\"col-sm-6\">\r\n	<h2>\r\n		&nbsp;</h2>\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','','',0,'2017122705_IMG_0943.JPG',177249,NULL,NULL,NULL,NULL,NULL,1002,NULL,0,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),(1110,'2018-08-31 01:42:32','2018-08-31 09:42:32',NULL,'2017-12-24 00:00:00','2038-01-01 00:00:00',1014,1034,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<body>\r\n  <style>\r\n    h3{\r\n      font-family: Microsoft JhengHei;\r\n    }\r\n    p{\r\n      font-family: Microsoft JhengHei;\r\n      font-size:14pt;\r\n    }\r\n    .panel-body{\r\n      background-color:#F0F8FF;\r\n    }\r\n    .panel-heading{\r\n      background-color:#B0C4DE;\r\n      color: #fff;\r\n    }\r\n  </style>\r\n  <div class=\"container\">\r\n    <div class=\"panel-group\" id=\"myaccordion\">\r\n      <div class=\"panel\">\r\n        <div class=\"panel-heading\">\r\n          <h3 class=\"panel-title\" data-target=\"#panel-1\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">Q1：請問下單之後多久能到貨？</h3>\r\n        </div>\r\n        <div class=\"panel-collapse collapse\" id=\"panel-1\">\r\n          <div class=\"panel-body\">\r\n            <p>A:下單之後需2-3個工作天</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"panel\">\r\n        <div class=\"panel-heading \">\r\n          <h3 class=\"panel-title\" data-target=\"#panel-2\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">Q2：請問水果能保存多久？</h3>\r\n        </div>\r\n        <div class=\"panel-collapse collapse\" id=\"panel-2\">\r\n          <div class=\"panel-body\">\r\n            <p>A:約可保存半個月。</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"panel\">\r\n        <div class=\"panel-heading\">\r\n          <h3 class=\"panel-title\" data-target=\"#panel-3\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">Q3：請問下單管道有哪些？</h3>\r\n        </div>\r\n        <div class=\"panel-collapse collapse\" id=\"panel-3\">\r\n          <div class=\"panel-body\">\r\n            <p>A:LINE、臉書(詢問露營資訊)，產品大多為電話訂購為主。</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"panel\">\r\n        <div class=\"panel-heading\">\r\n          <h3 class=\"panel-title\" data-target=\"#panel-4\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">Q4：請問合作的物流廠商是哪一家？</h3>\r\n        </div>\r\n        <div class=\"panel-collapse collapse\" id=\"panel-4\">\r\n          <div class=\"panel-body\">\r\n            <p>A:黑貓宅急便。</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"panel\">\r\n        <div class=\"panel-heading\">\r\n          <h3 class=\"panel-title\" data-target=\"#panel-5\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">Q5：請問農場不同季節提供哪些鮮果呢？</h3>\r\n        </div>\r\n        <div class=\"panel-collapse collapse\" id=\"panel-5\">\r\n          <div class=\"panel-body\">\r\n            <p>A:12-2月為番茄盛產季(玉女跟橙蜜小番茄)，夏天還有外銷至國外的金煌芒果。</p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n      <div class=\"panel\">\r\n        <div class=\"panel-heading\">\r\n          <h3 class=\"panel-title\" data-target=\"#panel-6\" data-toggle=\"collapse\" data-parent=\"#myaccordion\">Q6：農產品檢驗合格證明？</h3>\r\n        </div>\r\n        <div class=\"panel-collapse collapse\" id=\"panel-6\">\r\n          <div class=\"panel-body\">\r\n            <center><img style=\"max-width:600px;\"src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/0119.jpg\" alt=\"\"></center>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n\r\n    </div>\r\n  </div>  \r\n</body>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.82',NULL,NULL,NULL,NULL,NULL,NULL),(1111,'2017-12-26 16:13:22','2017-12-27 00:13:10',NULL,'2017-12-26 00:00:00','2038-01-01 00:00:00',122,283,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E5%9C%96%E7%89%871(1).png\" style=\"width: 800px; height: 500px; float: left;\" />\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),(1112,'2017-12-26 16:18:23','2017-12-27 00:14:50',NULL,'2017-12-27 00:00:00','2038-01-01 00:00:00',122,283,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<div style=\"Background-color:#FFFFFF\">\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E5%9C%96%E7%89%871.png\" style=\"width: 854px; height: 637px;\" /></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),(1113,'2017-12-26 16:45:22','2017-12-27 00:45:22',NULL,'2017-12-27 00:00:00','2038-01-01 00:00:00',122,283,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/%E5%9C%96%E7%89%871(1).png\" style=\"width: 854px; height: 637px;\" /></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),(1114,'2017-12-26 16:45:30','2017-12-27 00:45:30',NULL,'2017-12-27 00:00:00','2038-01-01 00:00:00',122,283,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<title></title>\r\n</p>\r\n<p>\r\n	<meta content=\"Sigma\" name=\"Author\" />\r\n</p>\r\n<p>\r\n	<meta content=\"本页面用于调试\" name=\"Keywords\" />\r\n</p>\r\n<p>\r\n	<meta content=\"http://www.g8up.cn\" name=\"Description\" />\r\n	<script src=\"http://libs.baidu.com/jquery/2.0.0/jquery.js\"></script>\r\n	<style type=\"text/css\">\r\n#expandMore{cursor:pointer;}\r\n#briefInfo{\r\n    height:20px;\r\n    overflow:hidden;\r\n}	</style>\r\n</p>\r\n<div id=\"briefInfo\">\r\n	<div id=\"expandMore\">\r\n		点击查看详情&gt;&gt;</div>\r\n	<pre>\r\n各浏览器HTTP Get请求URL最大长度并不相同，几类常用浏览器最大长度及超过最大长度后提交情况如下：\r\nIE6.0                :url最大长度2083个字符，超过最大长度后无法提交。\r\nIE7.0                :url最大长度2083个字符，超过最大长度后仍然能提交，但是只能传过去2083个字符。\r\nfirefox 3.0.3     :url最大长度7764个字符，超过最大长度后无法提交。\r\nOpera 9.52       :url最大长度7648个字符，超过最大长度后无法提交。\r\nGoogle Chrome 2.0.168   :url最大长度7713个字符，超过最大长度后无法提交。\r\n</pre>\r\n</div>\r\n<script type=\"text/javascript\">\r\n  <!--\r\n    $(\'#expandMore\').click(function(){\r\n        $(\'#briefInfo\').css( {\'height\' : \'auto\',\'overflow\': \'none\' } );\r\n        $(\'#expandMore\').toggle();\r\n    });\r\n  //-->\r\n  </script>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,888,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(1115,'2018-08-30 02:59:10','2018-08-30 10:59:10',NULL,'2017-12-28 00:00:00','2038-01-01 00:00:00',1014,1031,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<p style=\"col-xs-12\">\r\n	<img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/share.png\" style=\"width: 100%; height:auto;\" /></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1116,'2017-12-29 08:44:19','2017-12-29 16:42: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,'<!DOCTYPE html>\r\n<html>\r\n<head>\r\n	<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n        <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script>\r\n        <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n</head>\r\n<body>\r\n    <center>\r\n    <div style=\"width:auto; background-image:url(http://ecloud.ewang.com.tw/userUpload/images/tomato/homepage.jpg); background-repeat:no-repeat;\">\r\n        <img alt=\"image goes here\" class=\"img-fluid rounded\" src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/home1.jpg\"/>\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>\r\n    </div>\r\n    </center>\r\n</body>\r\n</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),(1117,'2018-02-06 01:47:15','2018-02-06 09:47:15',NULL,'2018-01-06 00:00:00','2038-01-01 00:00:00',925,929,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	活動測試</p>\r\n','活動測試','',110313,'201801061514856912201.jpg',110313,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'110.26.97.61',NULL,NULL,NULL,NULL,NULL,NULL),(1118,'2018-01-23 16:22:54','2018-01-24 00:22:51',NULL,'2018-01-24 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.226.139.73',NULL,NULL,NULL,NULL,NULL,NULL),(1119,'2018-02-02 15:39:01','2018-02-02 23:38:38',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'\r\n	<div class=\"row\"><span style=\"font-size:26px;\"><b>Q&amp;A</b></span>\r\n<ol>\r\n	<li><b>請問有粉絲專頁嗎?</b></li>	\r\n		有噢，艾蘭哥爾咖啡<a href=\"https://www.facebook.com/taitungcoffee/\">https://www.facebook.com/taitungcoffee/</a>\r\n\r\n		也歡迎參觀我們的自然農場紛絲專頁<a href=\"https://www.facebook.com/hongyunaturalfarm/\">https://www.facebook.com/hongyunaturalfarm/</a>\r\n		\r\n	<li><b>訂購商品匯款方式有什麼？</b></li>\r\n		只提供匯款的方式，之後可能會在陸續增加\r\n\r\n	<li><b>訂購商品的商品大約多久會到達呢？</b></li>\r\n		是托黑貓物流，正常3~4天會到達，除非有特殊狀況發生才會延遲\r\n\r\n	<li><b>沒有帳號是否能訂購</b></li>\r\n		不行噢！需要有帳戶才可以訂購商品\r\n\r\n	<li><b>商品是否能跨商家購買一起算運費呢？</b></li>\r\n		還不行，目前還是各商家自行寄出\r\n</ol>	\r\n\r\n<style>\r\n	html,body{\r\n	background: url(\'/userUpload/images/Alanger/Q%26Abg.jpg\') no-repeat fixed 38% center;}\r\n	.navbar-default {\r\n			background-color: #CA7A00;\r\n		}\r\n</style>\r\n\r\n</div>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.12.104.81',NULL,NULL,NULL,NULL,NULL,NULL),(1120,'2018-01-25 11:33:55','2018-01-25 19:33:00',NULL,'2018-01-25 00:00:00','2038-01-01 00:00:00',925,932,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/**************************************************************************************************/\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\nbody{ 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</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-6 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						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-6 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;\">聯絡資訊:<br />\r\n						農場主人：鄭宗林<br />\r\n						手機：0910-326-822<br />\r\n						電話：07-371-2376<br />\r\n						LINE：kenny335a<br />\r\n						搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送<br />\r\n						信箱：kenny335a@yahoo.com.tw </span></span></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						&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	&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<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.242.195.30',NULL,NULL,NULL,NULL,NULL,NULL),(1121,'2018-01-25 11:48:07','2018-01-25 19:46:32',NULL,'2018-01-25 00:00:00','2038-01-01 00:00:00',925,932,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n/**************************************************************************************************/\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;}\r\n.clear-grid{	clear:both;	float:inherit;}\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\nbody{ 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</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-6 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<p>\r\n	&nbsp;</p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-6 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;\">農場主人：鄭宗林<br />\r\n						手機：0910-326-822<br />\r\n						電話：07-371-2376<br />\r\n						LINE：kenny335a<br />\r\n						搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送<br />\r\n						信箱：kenny335a@yahoo.com.tw </span></span></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						&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	&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<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.242.195.30',NULL,NULL,NULL,NULL,NULL,NULL),(1122,'2018-01-26 14:13:40','2018-01-26 20:43:42',NULL,'2018-01-26 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<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: 18pt;\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: 20pt;\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 7em 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: 8em 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}\r\n/*********************文字展開*************************/\r\n\r\n\r\n\r\n .main,.intro {\r\n	font-size:18pt;\r\n	font-family:\'微軟正黑體\';\r\n}\r\n .main {\r\n        text-align:center;\r\n	height:0px;\r\n	width:100%;\r\n	line-height:28px;\r\n        overflow:hidden;\r\n}\r\n\r\n}\r\n .intro {\r\n	\r\n	color:#036;\r\n	line-height:28px;\r\n	\r\n}\r\n .key {\r\n	float:center;\r\n	color:#900;\r\n	cursor:pointer;\r\n}\r\n/*************************************************************/	</style>\r\n</p>\r\n<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					<span class=\"byline\">The story of FAN GLIN ORCHARD</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> <strong>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....</strong></h32>\r\n			<div class=\"main\" id=\"main2\">\r\n				<strong>對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努力，新手也可以闖出一片天。 </strong></div>\r\n			<div class=\"intro\">\r\n				<span class=\"key\" onclick=\"fn(this,2)\">read more</span></div>\r\n			<script type=\"text/javascript\">\r\nvar h = new Array(0,400,25,25,25);\r\nvar tf = new Array(false,true,false,false,false);\r\nvar minheight = 25;\r\nvar maxheight = 300;\r\nfunction fn(likey,tag){\r\n	if (tf[tag]){\r\n		if (h[tag]>=minheight){\r\n			document.getElementById(\"main\"+tag).style.height = h[tag] + \"px\";\r\n			setTimeout(function(){fn(likey,tag)},1);\r\n			h[tag] -= 10;\r\n		} else {\r\n			likey.innerHTML = \"read more\";\r\n			tf[tag] = !tf[tag];\r\n			h[tag] += 10;\r\n		}\r\n	} else {\r\n		if (h[tag]<=maxheight){\r\n			document.getElementById(\"main\"+tag).style.height = h[tag] + \"px\";\r\n			setTimeout(function(){fn(likey,tag)},1);\r\n			h[tag] += 10;\r\n		} else {\r\n			likey.innerHTML = \"cover\";\r\n			tf[tag] = !tf[tag];\r\n			h[tag] -= 10;\r\n		}\r\n	}\r\n}\r\n</script>\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><h32><strong>芳林芭樂果園 鄭宗林</strong></h32></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:550px; 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:550px; width: 450px;\" /> <h33><h32> <span style=\"color:#000000;font-size:36px;\"><span style=\"font-size:36px;background-color:#800000; color: white\">經歷：</span></span><br />\r\n						<span style=\"font-size: 35px;\"><strong>。行政院農委會 第一屆 百大青年農民</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#000000;font-size:35px;\"><strong>。高雄市農業局 高雄型農</strong><br />\r\n						<br />\r\n						<strong>。培訓班 高雄型農精英班</strong><br />\r\n						<br />\r\n						<strong>。高雄市青年農民聯誼會會長</strong></span></h32></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><h32><span style=\"font-size:48px;\"><strong>芳林的品質保證</strong></span></h32></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><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\">優質的保證，讓人人都想品嘗這個美味</span></span></span></h32></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;\"><strong>產銷履歷</strong><br />\r\n									<br />\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height:  auto; width:700px;\" title=\"產銷履歷\" /><br />\r\n									<br />\r\n									<strong>水質檢測認證</strong><br />\r\n									<br />\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width:700px; height: auto;\" title=\"水質檢測認證\" /><br />\r\n									<br />\r\n									<strong>無農藥檢測認證</strong><br />\r\n									<br />\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"height: auto; width:700px;\" title=\"無農藥檢測認證\" /></span></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				&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<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\r\n\r\n\r\n</p>\r\n<script type=\"text/javascript\">\r\nvar h = new Array(0,380,25,25,25);\r\nvar tf = new Array(false,true,false,false,false);\r\nvar minheight = 25;\r\nvar maxheight = 300;\r\nfunction fn(likey,tag){\r\n	if (tf[tag]){\r\n		if (h[tag]>=minheight){\r\n			document.getElementById(\"main\"+tag).style.height = h[tag] + \"px\";\r\n			setTimeout(function(){fn(likey,tag)},1);\r\n			h[tag] -= 10;\r\n		} else {\r\n			likey.innerHTML = \"展開\";\r\n			tf[tag] = !tf[tag];\r\n			h[tag] += 10;\r\n		}\r\n	} else {\r\n		if (h[tag]<=maxheight){\r\n			document.getElementById(\"main\"+tag).style.height = h[tag] + \"px\";\r\n			setTimeout(function(){fn(likey,tag)},1);\r\n			h[tag] += 10;\r\n		} else {\r\n			likey.innerHTML = \"折疊\";\r\n			tf[tag] = !tf[tag];\r\n			h[tag] -= 10;\r\n		}\r\n	}\r\n}\r\n</script>\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>	</style>\r\n</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1123,'2018-01-29 08:50:34','2018-01-29 16:50:34',NULL,'2018-01-26 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<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: 20pt;\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: 20pt;\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						\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: 38pt;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						\r\n						\r\n						\r\n					\r\n					/*********************************************************************************/\r\n						#welcome\r\n						{\r\n							position: center;\r\n							padding: 4em 0em 7em 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: relative;\r\n							background:url(/userUpload/images/10512106/%E5%9C%96%E7%89%873.jpg);  \r\n							background-size:100% 100%;\r\n                                                        background-repeat:no-repeat; \r\n							text-align: center;\r\n                                                        center;\r\n						\r\n						}\r\n                                        .img{text-align: center;class=\"img-rounded img-responsive\"}\r\n\r\n					#banner .title h3\r\n						{\r\n							font-size:2.5em;\r\n						}\r\n						\r\n						#banner .title .byline\r\n						{\r\n							font-size: 1.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}\r\n/*********************文字展開*************************/\r\n\r\n.flip{\r\nmargin:5px;\r\npadding:10px;\r\ntext-align:center;\r\ncursor:pointer;\r\nfont-family:\'微軟正黑體\';\r\n}\r\n.panel{\r\ntext-align:left;\r\nline-height:28px;\r\nfont-size:18pt;\r\nbackground:greenyellow;\r\nborder:solid 1px blue;\r\ndisplay:none;font-family:\'微軟正黑體\';}\r\n/*************************************************************/	</style>\r\n</p>\r\n<div id=\"header-wrapper\">\r\n	<div class=\"row\" id=\"banner\">\r\n		<div class=\"img\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<div class=\"title\">\r\n					<h3>\r\n						&nbsp;</h3>\r\n					<h3>\r\n						芳林的故事</h3>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<span class=\"byline\">The story of FAN GLIN ORCHARD</span></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 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:25px;\"><span style=\" color: bla;  vertical-align: baseline; white-space: pre-wrap;\"><img alt=\" \" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/guavatree_1.jpg\" style=\"float: left; height: auto; width: 500px;\" /> </span> </span><h32> <strong>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....</strong></h32></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<div class=\"flip\">\r\n				<span class=\"1\">Read more</span></div>\r\n			<div class=\"panel\">\r\n				<strong>&nbsp;&nbsp;&nbsp;&nbsp;對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努力，新手也可以闖出一片天。 </strong></div>\r\n		</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/%E4%B8%80%E7%94%9F%E6%87%B8%E5%91%BD.jpg\" style=\"height:auto; 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_1.jpg\" style=\"height:auto; width: 450px;\" /> <h33><h32> <span style=\"color:#000000;font-size:36px;\"><span style=\"font-size:36px;background-color:#800000; color: white\">經歷：</span></span><br />\r\n			<span style=\"font-size: 35px;\"><strong>。行政院農委會 第一屆 百大青年農民</strong></span><br />\r\n			<br />\r\n			<span style=\"color:#000000;font-size:35px;\"><strong>。高雄市農業局 高雄型農</strong><br />\r\n			<br />\r\n			<strong>。培訓班 高雄型農精英班</strong><br />\r\n			<br />\r\n			<strong>。高雄市青年農民聯誼會會長</strong></span></h32></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\" style=\"text-align: center;\">\r\n				<h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\">優質的保證，讓人人都想品嘗這個美味</span></span></span></h32></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: 25pt;\"><strong>產銷履歷</strong><br />\r\n						<br />\r\n						<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height:  auto; width:700px;\" title=\"產銷履歷\" /><br />\r\n						<br />\r\n						<strong>水質檢測認證</strong><br />\r\n						<br />\r\n						<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width:700px; height: auto;\" title=\"水質檢測認證\" /><br />\r\n						<br />\r\n						<strong>無農藥檢測認證</strong><br />\r\n						<br />\r\n						<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"height: auto; width:700px;\" title=\"無農藥檢測認證\" /></span></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=\"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</p>\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>	</style>\r\n	<script src=\'//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js\'></script><script src=\'https://npmcdn.com/jquery@3.1.0\'></script><script >$(function(){\r\n$(\".flip\").click(function(){\r\n    $(\".panel\").slideToggle(\"slow\");\r\n    $(\".xs1\").toggle();\r\n    $(\".xs2\").toggle();\r\n  });});\r\n\r\n//# sourceURL=pen.js\r\n</script></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.8.137.37',NULL,NULL,NULL,NULL,NULL,NULL),(1124,'2018-01-29 09:10:51','2018-01-29 17:10:51',NULL,'2018-01-26 00:00:00','2038-01-01 00:00:00',925,932,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/************************ 1.  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\n6. img\r\n*********************************************************************************************/\r\nimg.rwd{\r\n	max-width: 100%;\r\n	height: auto;} \r\n\r\n	*{font-family: \"微軟正黑體\", sans-serif;}\r\n	\r\nbody > div > div > div.col-md-3.load{display:none}	\r\n\r\nbody > div > div > div.col-md-9.load{width:100%;}\r\nbody > div > div > div.col-md-9.load > div{   \r\n			margin-left:0;\r\n			margin-right: 0;}\r\nbody{	text-align: justify;	}\r\n/*********************************************************************************************/\r\nbody{ 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: 20px;							\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		\r\n/*********************RWD選擇顯示區塊**************************/		\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;}\r\n/**********************************************************************************************/\r\n.iframe-rwd {\r\n							position: relative;\r\n							padding-bottom: 65.25%;\r\n							padding-top: 30px;\r\n							height: 0;\r\n							overflow: hidden;\r\n						}\r\n						.iframe-rwd 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/**********************************************************************************************/	</style>\r\n</p>\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<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<center>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n		<div class=\"main b-box \" style=\"margin-top:-25px;\">\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:35px;\"><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 col-sm-6 col-xs-12\" style=\"margin-top: 10px;margin-bottom: 10px; \">\r\n							<div class=\"iframe-rwd\">\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  border-radius: 8px\" width=\"550\"></iframe></div>\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 col-sm-6 col-xs-12\" style=\"margin-top: 12px;margin-bottom: 12px;\">\r\n					<img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 360px; height: auto; float: left;\" /> <span style=\"color:#ffffe0;font-size:30px;\"> 聯絡資訊:<br />\r\n					<br />\r\n					農場主人：鄭宗林<br />\r\n					<br />\r\n					手機：0910-326-822<br />\r\n					<br />\r\n					電話：07-371-2376<br />\r\n					<br />\r\n					LINE：kenny335a<br />\r\n					<br />\r\n					信箱：kenny335a@<br />\r\n					yahoo.com.tw<br />\r\n					<br />\r\n					搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送</span><br />\r\n					&nbsp;</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\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<hr />\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.8.137.37',NULL,NULL,NULL,NULL,NULL,NULL),(1125,'2018-01-28 06:26:57','2018-01-28 14:16:06',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 class=\"FBWrapper\" 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	</div>\r\n</div>\r\n<div class=\"wel\">\r\n	<div class=\"p2\">\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			</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				<br />\r\n				<span style=\"color:#f0ffff;\"><strong>安心與健康的食用，這就是芳林給您最好的祝福。</strong></span></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"bgw2\">\r\n	<div class=\"img\">\r\n		<div class=\"p2\">\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>\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/10512106/S_7032527100136_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></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/S_7032527145429_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></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 class=\"p2\">\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>\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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></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/1515084775837_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></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					</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/*************************************************字形設定********************************************************************************************/\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	\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.wel{ background:url(/userUpload/images/10512106/1515084762649.jpg); background-size:100% auto; center;background-repeat: no-repeat;  background-attachment: fixed; color:black;position: relative;\r\ncenter;}\r\n.bgw1{ background: #111111  url(/userUpload/images/10512106/1514856915708.jpg);\r\nbackground-size:100% 100%;\r\nbackground-repeat:no-repeat; \r\ncenter;\r\nposition: relative;\r\n}\r\n.bgw2{ background: url(/userUpload/images/10512106/1514856912201.jpg);background-size:100% auto; background-attachment: fixed;text-align:center;background-repeat: no-repeat;position: relative;}	\r\n .bgw3{ background: url(/userUpload/images/10512106/1514856925503.jpg);background-size:100% auto; background-attachment: fixed;text-align:center;background-repeat: no-repeat;position: relative;}	\r\nbody{background: rgba(0,0,0,1.00);}\r\n.bgw{background: rgba(0,0,0,1.00);}\r\n.FBWrapper {\r\n							position: relative;\r\n							padding-bottom: 56.25%; /* 16:9 */\r\n							\r\n							height: 0;\r\n						}\r\n						.FBWrapper iframe {\r\n							position: relative;\r\n							top: 0;\r\n							left: 0;\r\n							width: 100%;\r\n							height: 80%;\r\n						}	\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		\r\n/*****************************************************************動畫****************************************************************************/</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1001,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1126,'2018-01-27 17:31:19','2018-01-28 01:28:59',NULL,'2018-01-28 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=\"img\">\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>\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=\" \" target=\"_blank\"><img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"\" /></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 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						芳林芭樂宣傳片<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						待上傳<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						待上傳<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<hr />\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\nbody { font-family:微軟正黑體; background: #181818;}\r\n	.bgw1{background-color: white;}\r\n	.bgw2{background-color: darkgreen}\r\n        .bgw{background-color:rgba(72,187,38,0.75) }\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						.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	       h1, h2, h3,h22\r\n						{\r\n							margin: 0;\r\n							padding: 0;\r\n						}\r\n                                 /***********************************************************************************************************/\r\n                                  #banner-wrapper\r\n						{\r\n							padding: 2em 0em 2em 0em;\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: 100% 100% ;\r\n                                                        \r\n						}\r\n                                     .img{text-align: center;class=\"img-rounded img-responsive\"}\r\n	                                  #header\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n						}\r\n/***********************************************************************************************************/</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1127,'2018-01-28 06:13:53','2018-01-28 12:24:28',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,'<p>\r\n	<link href=\"https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n#circleContent{ \r\n    width:100%; \r\n    height:100%; \r\n   } \r\n   .bgw{background-color:green;}	</style>\r\n	<script src=\"https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js\"></script><script src=\"https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js\"></script><script> \r\n   $(document).ready(function(){ \r\n    $(\'#circleContent\').carousel({interval:5000});//每隔5秒自动轮播 \r\n   }); \r\n  </script></p>\r\n<div class=\"bgw\">\r\n	<div class=\"container\">\r\n		<div class=\"carousel slide\" data-ride=\"carousel\" id=\"circleContent\">\r\n			<ol class=\"carousel-indicators\">\r\n				<!-- Indicators -->\r\n				<li class=\"active\" data-slide-to=\"0\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"1\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"2\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"3\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n				<li data-slide-to=\"4\" data-target=\"#circleContent\">\r\n					&nbsp;</li>\r\n			</ol>\r\n			<!-- Wrapper for slides -->\r\n			<div class=\"carousel-inner\">\r\n				<div class=\"item active\">\r\n					<img src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85%E8%8A%B3%E6%9E%97.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n				<div class=\"item\">\r\n					<img src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85app.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n				<div class=\"item\">\r\n					<img src=\"/userUpload/images/10512106/2017%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n				<div class=\"item\">\r\n					<img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n				<div class=\"item\">\r\n					<img src=\"/userUpload/images/10512106/%E5%B0%8F%E9%B3%A5.jpg\" style=\"width:100%;\" />\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n			</div>\r\n			<!-- Left and right controls --><a class=\"carousel-control left\" data-slide=\"prevent\" href=\"#circleContent\"><span class=\"glyphicon glyphicon-chevron-left\"><span class=\"sr-only\">&lsaquo;</span></span></a> <a class=\"carousel-control right\" data-slide=\"next\" href=\"#circleContent\"><span class=\"glyphicon glyphicon-chevron-right\"><span class=\"sr-only\">&rsaquo;</span></span></a></div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1002,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1128,'2018-01-28 06:27:01','2018-01-28 14:13:32',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,'<p>\r\n	<style type=\"text/css\">\r\n#circleContent{ \r\n    width:100%; \r\n    height:100%; \r\n   }	</style>\r\n	<script src=\"https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js\"></script><script src=\"https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js\"></script><script> \r\n   $(document).ready(function(){ \r\n    $(\'#circleContent\').carousel({interval:4000});//每隔4秒自動輪播 \r\n   }); \r\n  </script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<div class=\"carousel slide\" data-ride=\"carousel\" id=\"circleContent\">\r\n	<ol class=\"carousel-indicators\">\r\n		<!-- Indicators -->\r\n		<li class=\"active\" data-slide-to=\"0\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"1\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"2\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"3\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"4\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n	</ol>\r\n	<!-- Wrapper for slides -->\r\n	<div class=\"carousel-inner\">\r\n		<div class=\"item active\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85%E8%8A%B3%E6%9E%97.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85app.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/2017%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E5%B0%8F%E9%B3%A5.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h3>\r\n					歡迎來到芳林莊園農場的網站!!</h3>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<!-- Left and right controls --><a class=\"carousel-control left\" data-slide=\"prevent\" href=\"#circleContent\"><span class=\"glyphicon glyphicon-chevron-left\"><span class=\"sr-only\">&lsaquo;</span></span></a> <a class=\"carousel-control right\" data-slide=\"next\" href=\"#circleContent\"> <span class=\"glyphicon glyphicon-chevron-right\"><span class=\"sr-only\">&rsaquo;</span></span> </a></div>\r\n<p>\r\n	&nbsp;</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1003,NULL,0,NULL,NULL,'39.9.165.238',NULL,NULL,NULL,NULL,NULL,NULL),(1129,'2018-01-29 08:37:54','2018-01-29 16:37:54',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=\"carousel slide\" data-ride=\"carousel\" id=\"circleContent\">\r\n	<ol class=\"carousel-indicators\">\r\n		<!-- Indicators -->\r\n		<li class=\"active\" data-slide-to=\"0\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"1\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"2\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"3\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n		<li data-slide-to=\"4\" data-target=\"#circleContent\">\r\n			&nbsp;</li>\r\n	</ol>\r\n	<!-- Wrapper for slides -->\r\n	<div class=\"carousel-inner\">\r\n		<div class=\"item active\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85%E8%8A%B3%E6%9E%97.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h4>\r\n					<span style=\"font-family=\'微軟正黑體\'\">歡迎來到芳林芭樂農園!!</span></h4>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E6%A9%AB%E5%B9%85app.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h4>\r\n					<span style=\"font-family=\'微軟正黑體\'\">歡迎來到芳林芭樂農園!!</span></h4>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/2017%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h4>\r\n					<span style=\"font-family=\'微軟正黑體\'\">歡迎來到芳林芭樂農園!!</span></h4>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E6%A9%AB%E5%B9%85.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h4>\r\n					<span style=\"font-family=\'微軟正黑體\'\">歡迎來到芳林芭樂農園!!</span></h4>\r\n			</div>\r\n		</div>\r\n		<div class=\"item\">\r\n			<img alt=\"芳林莊園\" src=\"/userUpload/images/10512106/%E5%B0%8F%E9%B3%A5.jpg\" style=\"width:100%\" />\r\n			<div class=\"carousel-caption\">\r\n				<h4>\r\n					<span style=\"font-family=\'微軟正黑體\'\">歡迎來到芳林芭樂農園!!</span></h4>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<!-- Left and right controls --><a class=\"carousel-control left\" data-slide=\"prevent\" href=\"#circleContent\"><span class=\"glyphicon glyphicon-chevron-left\"><span class=\"sr-only\">&lsaquo;</span></span></a> <a class=\"carousel-control right\" data-slide=\"next\" href=\"#circleContent\"> <span class=\"glyphicon glyphicon-chevron-right\"><span class=\"sr-only\">&rsaquo;</span></span> </a></div>\r\n<script src=\"https://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js\"></script><script src=\"https://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js\"></script><script> \r\n   $(document).ready(function(){ \r\n    $(\'#circleContent\').carousel({interval:4000});//每隔4秒自動輪播 \r\n   }); \r\n  </script>\r\n<div class=\"bgw1\">\r\n	<div class=\"img\">\r\n		<div style=\"text-align: center;\">\r\n			<div class=\"FBWrapper\" 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	</div>\r\n</div>\r\n<div class=\"wel\">\r\n	<div class=\"p2\">\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			</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				<br />\r\n				<span style=\"color:#f0ffff;\"><strong>安心與健康的食用，這就是芳林給您最好的祝福。</strong></span></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"bgw2\">\r\n	<div class=\"img\">\r\n		<div class=\"p2\">\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>\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/10512106/S_7032527100136_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></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/S_7032527145429_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></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 class=\"p2\">\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>\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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></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/1515084775837_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></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_resized.jpg\" style=\" width: 400px; text-align: start; height: auto; \" /></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					</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/*************************************************字形設定********************************************************************************************/\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	\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.wel{ background:url(/userUpload/images/10512106/1515084762649.jpg); background-size:100% auto; center;background-repeat: no-repeat;  background-attachment: fixed; color:black;position: relative;\r\ncenter;}\r\n.bgw1{ background: #111111  url(/userUpload/images/10512106/1514856915708.jpg);\r\nbackground-size:100% 100%;\r\nbackground-repeat:no-repeat; \r\ncenter;\r\nposition: relative;\r\n}\r\n.bgw2{ background: url(/userUpload/images/10512106/1514856912201.jpg);background-size:100% auto; background-attachment: fixed;text-align:center;background-repeat: no-repeat;position: relative;}	\r\n .bgw3{ background: url(/userUpload/images/10512106/1514856925503.jpg);background-size:100% auto; background-attachment: fixed;text-align:center;background-repeat: no-repeat;position: relative;}	\r\nbody{background: rgba(0,0,0,1.00);}\r\n.bgw{background: rgba(0,0,0,1.00);}\r\n.FBWrapper {\r\n							position: relative;\r\n							padding-bottom: 56.25%; /* 16:9 */\r\n							\r\n							height: 0;\r\n						}\r\n						.FBWrapper iframe {\r\n							position: relative;\r\n							top: 0;\r\n							left: 0;\r\n							width: 100%;\r\n							height: 80%;\r\n						}\r\n#circleContent{ \r\n    width:100%; \r\n    height:100%; \r\n   }	\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		\r\n/*****************************************************************動畫****************************************************************************/</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1004,NULL,1,NULL,NULL,'39.8.137.37',NULL,NULL,NULL,NULL,NULL,NULL),(1130,'2018-04-27 00:43:18','2018-01-30 15:04:55',NULL,NULL,NULL,1130,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'test',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,0,NULL,NULL,'210.240.156.211',NULL,NULL,NULL,NULL,NULL,NULL),(1131,'2018-08-18 05:13:58','2018-08-18 13:13:58',NULL,'2018-01-30 00:00:00','2038-01-01 00:00:00',1014,1033,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div class=\"col-md-4 col-sm-6 col-xs-12 load\" style=\"font-family: &quot;Microsoft JhengHei&quot;; font-size: 18pt; display: inline-block; text-align: right;\">\r\n	<img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/mango.png\" style=\"height: 470px; max-width: 100%; padding: 20px 0;\" /></div>\r\n<div class=\"col-md-6 col-sm-6 col-xs-12 load\" style=\"font-family: &quot;Microsoft JhengHei&quot;; font-size: 18pt; display: inline-block; padding: 20px 0px 0px 10px;\">\r\n	<img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/mango_name.png\" style=\"height: 60px; max-width: 100%; padding: 10px 0;\" /></div>\r\n<div style=\"font-family: Microsoft JhengHei; font-size: 18pt; padding: 10px 0;\">\r\n	<div class=\"col-md-6 col-sm-6 col-xs-12 load\" style=\"display: inline-block; padding: 20px 0 0 10px;\">\r\n		<p>\r\n			荖濃家營農場好幾年來堅持有機耕種，<br />\r\n			經過311農藥檢驗，培育出最健康的金煌芒果，<br />\r\n			夏天特產，其豐碩的果實與美味讓他能夠外銷遠至澳洲，<br />\r\n			聲名遠播，熱愛芒果的你一定要來試試。</p>\r\n		<div style=\"text-align: right;\">\r\n			<img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/mango_text.png\" style=\"height: 170px; max-width: 100%;\" /></div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\np {\r\n            font-family: Microsoft JhengHei;\r\n            font-size: 18pt;\r\n        }	</style>\r\n</p>\r\n','內容：1箱10顆\r\n價格：$1800/箱 (含運)','',5016666,'20180130mango1.jpg',95741,NULL,NULL,NULL,NULL,NULL,3,NULL,1,NULL,NULL,'36.237.153.145',NULL,NULL,NULL,NULL,NULL,NULL),(1132,'2018-01-31 03:39:52','2018-01-31 11:36:54',NULL,'2018-01-31 00:00:00','2038-01-01 00:00:00',1014,1027,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://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js\"></script>\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <style>\r\n    img{\r\n        margin:10px;\r\n        padding: 10px;\r\n        border: 1px solid;\r\n        background-color: #FFFFBB;\r\n        width: 400px;\r\n        height: 267px;\"\r\n    }\r\n    </style>\r\n    <center>\r\n        <p>\r\n            <a class=\"btn btn-primary\" data-toggle=\"collapse\" href=\"#collapseExample\" role=\"button\" aria-expanded=\"false\" aria-controls=\"collapseExample\">\r\n                客房實景\r\n            </a>\r\n            <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample2\" aria-expanded=\"false\"\r\n                aria-controls=\"collapseExample\">\r\n                農場實景\r\n            </button>\r\n\r\n            <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample3\" aria-expanded=\"false\"\r\n                aria-controls=\"collapseExample\">\r\n                衛浴設施\r\n            </button>\r\n\r\n            <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample4\" aria-expanded=\"false\"\r\n                aria-controls=\"collapseExample\">\r\n                有棚營區\r\n            </button>\r\n\r\n            <button class=\"btn btn-primary\" type=\"button\" data-toggle=\"collapse\" data-target=\"#collapseExample5\" aria-expanded=\"false\"\r\n                aria-controls=\"collapseExample\">\r\n                遊憩設施\r\n            </button>\r\n        </p>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/762596.jpg\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample2\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/IMG_1036.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0872.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/05IMG_0975.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2407.JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample3\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/02_IMG_0919(1).JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/04_IMG_0921.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2393.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/06_IMG_0914.JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample4\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/762595.jpg\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/05_IMG_0906(1).JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/07_IMG_0922.JPG\" alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/IMG_2217.JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"collapse\" id=\"collapseExample5\">\r\n            <div class=\"card card-body\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/20863393_1880807675504722_470121446944147085_o.jpg\" style=\"border: solid; background-color: #FFFFBB; width: 400px; height: 267px;\"\r\n                    alt=\"\">\r\n                <img src=\"http://ecloud.ewang.com.tw/userUpload/images/IMG_0989(1).JPG\" alt=\"\">\r\n            </div>\r\n        </div>\r\n    </center>\r\n\r\n</body>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1133,'2018-09-01 15:56:38','2018-09-01 23:56:38',NULL,'2018-01-31 00:00:00','2038-01-01 00:00:00',1014,1027,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<html>\r\n    <meta charset=\"utf-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n    \r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\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://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js\"></script>\r\n    <script src=\"https://code.jquery.com/jquery-1.9.1.js\"></script>\r\n    <script src=\"https://gitcdn.xyz/repo/thesmart/jquery-scrollspy/0.1.3/scrollspy.js\"></script>\r\n    <script src=\"https://github.com/carhartl/jquery-cookie\"></script>\r\n    \r\n    <script>\r\n        new WOW().init();\r\n    </script>\r\n    <script>\r\n        window.addEventListener(\'scroll\', function(e) {\r\n            if( $(window).scrollTop() <= 50) {\r\n                $(\'.wow\').removeClass(\'animated\');\r\n                $(\'.wow\').removeAttr(\'style\');\r\n                new WOW().init();\r\n            }\r\n        });\r\n        $(function {\r\n            $.cookie(\'the_cookie\');\r\n            var x = ex;\r\n            if ( x == a){\r\n                \r\n            }\r\n            \r\n        })\r\n    </script>\r\n    <style>\r\n        .fontcolor{\r\n            font-size: 18px;\r\n            color:#ffffff;\r\n        }\r\n\r\n        .post img:hover {\r\n        -moz-transform: scale(1.2);\r\n        -ms-transform: scale(1.2);\r\n        -o-transform: scale(1.2);\r\n        -webkit-transform: scale(1.2);\r\n        transform: scale(1.2);\r\n        }\r\n    </style>\r\n<body>\r\n    <center>\r\n    <div class=\"container\" style=\"font-family:Microsoft JhengHei;\">\r\n        <h1>環境介紹</h1>\r\n        <div>\r\n            <div id=\"farm\">\r\n                <div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 80px 0; background-image: url(http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/farm_square.png); background-size: cover; max-width: 100%;\">\r\n                    <div class=\"wow fadeInUp\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/farm_name.png\" style=\"height: 55px; max-width: 100%;\"></div>\r\n                    <div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n                        <p>兩排的樹木配上柏油舖裝<br>就像康莊大道歡迎著您的到來<br>營區內的自然環境<br>一定會讓你忘掉城市的喧囂</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/farm.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/farm2.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/farm3.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/farm4.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"col-md-12 col-sm-12 col-xs-12 load\"><hr style=\"border-color: #AAAAAA;\"></div>\r\n            \r\n            <div id=\"room\">\r\n                <div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 80px 0; background-image: url(http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/room_square.png); background-size: cover; max-width: 100%;\">\r\n                    <div class=\"wow fadeInUp\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/room_name.png\" style=\"height: 55px; max-width: 100%;\"></div>\r\n                    <div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n                        <p>空間寬敞且整齊的客房<br>擁有獨立的衛浴設備<br>並且有類乾濕分離的設計<br>讓客房有舒適整潔的環境</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/room.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/room2.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/room3.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/room4.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"col-md-12 col-sm-12 col-xs-12 load\"><hr style=\"border-color: #AAAAAA;\"></div>\r\n            \r\n            <div id=\"bath\">\r\n                <div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 80px 0; background-image: url(http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/bath_square.png); background-size: cover; max-width: 100%;\">\r\n                    <div class=\"wow fadeInUp\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/bath_name.png\" style=\"height: 55px; max-width: 100%;\"></div>\r\n                    <div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n                        <p style=\"color:#ffffff;\">本營區提供<br>數量與設備齊全的衛浴空間<br>在本營區露營也能好好的梳洗<br>不用克難也不需要爭先恐後衛浴間</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/bath.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/bath2.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/bath3.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/bath4.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"col-md-12 col-sm-12 col-xs-12 load\"><hr style=\"border-color: #AAAAAA;\"></div>\r\n            \r\n            <div id=\"tentarea\">\r\n                <div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 80px 0; background-image: url(http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/tentarea_square.png); background-size: cover; max-width: 100%;\">\r\n                    <div class=\"wow fadeInUp\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/tentarea_name.png\" style=\"height: 55px; max-width: 100%;\"></div>\r\n                    <div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n                        <p>寬闊的空間可以提供一定人數的活動使用<br>棚子的架設可以遮陽也能擋雨<br>就算雨天也不用擔心變成落湯雞</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 15px;\">\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/tentarea.jpg\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/tentarea2.jpg\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/tentarea3.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/tentarea4.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                </div>\r\n            </div>\r\n            \r\n            <div class=\"col-md-12 col-sm-12 col-xs-12 load\"><hr style=\"border-color: #AAAAAA;\"></div>\r\n            \r\n            <div id=\"recreation\">\r\n                <div class=\"col-md-3 col-sm-6 col-xs-12 load\" style=\"display: inline-block; vertical-align: top; padding: 20px; margin: 20px 0; background-image: url(http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/recreation_square.png); background-size: cover; max-width: 100%;\">\r\n                    <div class=\"wow fadeInUp\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/recreation_name.png\" style=\"height: 55px; max-width: 100%;\"></div>\r\n                    <div style=\"text-align: left; margin: 10px 0 50px 0;\">\r\n                        <p>在炎炎夏日裡<br>最能消暑的莫過於在水裡玩耍<br>淺水池讓小朋友也能安全的戲水<br>籃球場也是個不錯的休閒活動更是讓熱血的球友們在場上抒發打球快感</p>\r\n                    </div>\r\n                </div>\r\n                <div class=\"col-md-9 col-sm-6 col-xs-12 load\" style=\"max-width:100%; vertical-align: top; display: inline-block; padding: 60px 15px;\">\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/recreation.jpg\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                    <div class=\"post\" style=\"display: inline-block;\"><img src=\"http://ecloud.ewang.com.tw/userUpload/images/tomato/environment/recreation2.JPG\" style=\"height: 250px; max-height: 100%; display: inline-block; padding: 10px;border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin: 15px;\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    </center>\r\n</body>\r\n\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1005,NULL,1,NULL,NULL,'111.242.188.183',NULL,NULL,NULL,NULL,NULL,NULL),(1134,'2018-01-31 06:06:57','2018-01-31 14:06:55',NULL,'2018-01-31 00:00:00','2038-01-01 00:00:00',1014,1027,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'55',NULL,'<p>\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n</p>\r\n<p>\r\n	<link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n	<style type=\"text/css\">\r\nimg {\r\n            margin: 10px;\r\n            padding: 10px;\r\n            border: 1px solid;\r\n            background-color: #FFFFBB;\r\n            width: 400px;\r\n            height: 267px;\r\n        }	</style>\r\n</p>\r\n<div class=\"container\">\r\n	<h2>\r\n		Accordion Example</h2>\r\n	<p>\r\n		<strong>Note:</strong> The <strong>data-parent</strong> attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.</p>\r\n	<div class=\"panel-group\" id=\"accordion\">\r\n		<div class=\"panel panel-default\">\r\n			<div class=\"panel-heading\">\r\n				<h4 class=\"panel-title\">\r\n					<a data-parent=\"#accordion\" data-toggle=\"collapse\" href=\"#collapse1\">Collapsible Group 1</a></h4>\r\n			</div>\r\n			<div class=\"panel-collapse collapse in\" id=\"collapse1\">\r\n				<div class=\"panel-body\">\r\n					<img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/762596.jpg\" /> <img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/03_IMG_0939.JPG\" /> <img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/04_IMG_0942.JPG\" /> <img alt=\"\" src=\"http://ecloud.ewang.com.tw/userUpload/images/05_IMG_0943.JPG\" />\r\n					<p class=\"card-text\">\r\n						客房介紹：空間寬敞且整齊的客房 擁有獨立的衛浴設備 並且有類乾濕分離的設計 讓客房有舒適整潔的環境。</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"panel panel-default\">\r\n			<div class=\"panel-heading\">\r\n				<h4 class=\"panel-title\">\r\n					<a data-parent=\"#accordion\" data-toggle=\"collapse\" href=\"#collapse2\">Collapsible Group 2</a></h4>\r\n			</div>\r\n			<div class=\"panel-collapse collapse\" id=\"collapse2\">\r\n				<div class=\"panel-body\">\r\n					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"panel panel-default\">\r\n			<div class=\"panel-heading\">\r\n				<h4 class=\"panel-title\">\r\n					<a data-parent=\"#accordion\" data-toggle=\"collapse\" href=\"#collapse3\">Collapsible Group 3</a></h4>\r\n			</div>\r\n			<div class=\"panel-collapse collapse\" id=\"collapse3\">\r\n				<div class=\"panel-body\">\r\n					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</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),(1135,'2018-02-02 15:52:32','2018-02-02 23:52:32',NULL,'2018-02-02 00:00:00','2038-01-01 00:00:00',122,839,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<div class=\"row\"><span style=\"font-size:26px;\"><b>Q&amp;A</b></span>\r\n\r\n<ol><span style =\"font-size:20px;\">\r\n	<li><b>請問有粉絲專頁嗎?</b></li>	\r\n		<p span style =\"font-size:20px;\">有噢，艾蘭哥爾咖啡<a href=\"https://www.facebook.com/taitungcoffee/\">https://www.facebook.com/taitungcoffee/</a><br>\r\n		也歡迎參觀我們的自然農場紛絲專頁<a href=\"https://www.facebook.com/hongyunaturalfarm/\">https://www.facebook.com/hongyunaturalfarm/</a></p>\r\n		\r\n	<li><b>訂購商品匯款方式有什麼？</b></li>\r\n		<p span style =\"font-size:20px;\">只提供匯款的方式，之後可能會在陸續增加</p>\r\n\r\n	<li><b>訂購商品的商品大約多久會到達呢？</b></li>\r\n		<p span style =\"font-size:20px;\">是托黑貓物流，正常3~4天會到達，除非有特殊狀況發生才會延遲</p>\r\n\r\n	<li><b>沒有帳號是否能訂購</b></li>\r\n		<p span style =\"font-size:20px;\">不行噢！需要有帳戶才可以訂購商品</p>\r\n\r\n	<li><b>商品是否能跨商家購買一起算運費呢？</b></li>\r\n		<p span style =\"font-size:20px;\">還不行，目前還是各商家自行寄出</p></span>\r\n</ol>	\r\n\r\n<style>\r\n	html,body{\r\n	background: url(\'/userUpload/images/Alanger/Q%26Abg.jpg\') no-repeat fixed center;\r\n	background-size: cover;\r\n	}\r\n	.navbar-default {\r\n			background-color: #f2dede;\r\n		}\r\n</style>\r\n\r\n</div>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.12.104.81',NULL,NULL,NULL,NULL,NULL,NULL),(1136,'2018-03-21 03:51:02','2018-03-21 11:51:02',NULL,NULL,NULL,3,3,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'test','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,91000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(1137,'0000-00-00 00:00:00','2018-03-21 11:51:17',NULL,NULL,NULL,3,1136,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'kjdhkfjaksfjsad','','',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),(1138,'2018-04-27 00:42:53','2018-04-27 08:34:43',NULL,NULL,NULL,1138,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'d',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,0,NULL,NULL,'210.240.156.211',NULL,NULL,NULL,NULL,NULL,NULL),(1139,'2018-04-28 11:50:49','2018-04-28 19:50:49',NULL,NULL,NULL,1139,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.11.16',NULL,NULL,NULL,NULL,NULL,NULL),(1140,'0000-00-00 00:00:00','2018-04-28 19:57:30',NULL,NULL,NULL,1139,1139,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'介紹','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'1.175.11.16',NULL,1,NULL,NULL,NULL,NULL),(1141,'0000-00-00 00:00:00','2018-04-28 19:57:44',NULL,NULL,NULL,1139,1139,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'商品介紹','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'1.175.11.16',NULL,1,NULL,NULL,NULL,NULL),(1142,'2018-05-30 19:26:13','2018-05-31 03:26:13',NULL,'2018-04-30 00:00:00','2038-01-01 00:00:00',1139,1140,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<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	<style type=\"text/css\">\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   font-size:16px;\r\n   color:black;\r\n   height:auto;\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   opacity:1;\r\n   }\r\n  \r\n  \r\n \r\n .navbar-nav>li>a {\r\n   color:rgba(0,0,0,1);\r\n   \r\n  }\r\n\r\n	/******************************************************/\r\n	*{text-align:center;-webkit-animation: zoomIn 3s 1;}\r\n	\r\nh2.text-center{display:none;}\r\nhr {display:none;}\r\n\r\n	h1\r\n	{\r\n	color:#FF8800;\r\n	text-align: center;\r\n	font-family: Microsoft JhengHei;\r\n	}\r\n		h22\r\n	{\r\n	color:#DDDDDD;\r\n	text-align: center;\r\n	font-family: Microsoft JhengHei;\r\n	}\r\n			h3\r\n	{\r\n	color:#FFFFFF;\r\n	text-align: center;\r\n	font-family: Microsoft JhengHei;\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	 .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  div.col-md-12.load{\r\n   margin:0;\r\n   padding-right: 0;\r\n   padding-left: 0;\r\n    }\r\n.container-fluid {\r\n    width: -webkit-fill-available;\r\n    padding-right: 11px;\r\n    padding-left: 0;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n}\r\n  /*********************************/\r\n.block2 {\r\n\r\n	height: 700px;\r\n    background: url(/userUpload/images/123456789.jpg);\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}\r\n   .block3 {\r\n \r\n    clear: both;\r\n	height: 700px;\r\n    background: url(/userUpload/images/rice2.jpg);\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}\r\n.block2 .box {\r\n    float: middle;\r\n    margin: middle;\r\n    width: 410px;\r\n    background: rgba(0,0,0,0.6);\r\n    padding: 30px 30px 60px 30px;\r\n\r\n}\r\n.block3 .box {\r\n    float: middle;\r\n    margin: middle;\r\n    width: 410px;\r\n    background: rgba(0,0,0,0.6);\r\n    padding: 30px 30px 60px 30px;\r\n}\r\n.row2\r\n{\r\n  padding-top: 5%;\r\n    padding-right: 10%;\r\n    padding-bottom: 5%;\r\n    padding-left: 10%;\r\nbackground-color:#1e2023;\r\n\r\n}	</style>\r\n</p>\r\n<div class=\"container-fluid\">\r\n	<div class=\"block2 clearfix\" style=\"background-image:url(/userUpload/images/123456789.jpg)\">\r\n		<!--blockarea--><!--box end--></div>\r\n	<div class=\"row2 clearfix\">\r\n		<div class=\"col-md-4\">\r\n			<h1 style=\"-webkit-animation: zoomIn 3s 1\">\r\n				東軒坊</h1>\r\n				<h22>位於關山鎮德高里一個聞名全國的優質良米</h22>\r\n		</div>\r\n		<div class=\"col-md-8\">\r\n			<h3>\r\n				東軒方位於關山鎮德高里一個聞名全國的優質良米，小球自返鄉清農，曾做過行銷、原生植物園助理等，後來因健康因素放棄超商百萬年薪，回歸故鄉。回先後見優質農產品銷售受限，從盤商、行口，看到農村被收購的困境。加上對食物安全的理念，因而向良質米產銷班優良模範的舅舅學習種植技術，努力參加比賽，自有品牌\"SAY Q\"讓購買的消費者得到更好的品質。並發揮先前職場的的行銷專長，投入農產品銷售，也協助地方農產的銷售，期待改善務農者的從農獲利。</h3>\r\n		</div>\r\n	</div>\r\n	<div class=\"block3 clearfix\" style=\"background-image:url(/userUpload/images/123456789123456789.jpg)\">\r\n		<!--blockarea--><!--box end--></div>\r\n	<div class=\"row2 clearfix\">\r\n		<div class=\"col-md-8\">\r\n			<h3>\r\n				來自清淨無汙染的台東，生長在良質米的故鄉關山。嚴選自家種植關山良質米，高雄139號白米及胚芽米，另外加清香的高雄147號純新米</h3>\r\n		</div>\r\n		<div class=\"col-md-4\">\r\n			<h1>SAY Q關山安心良質米</h1>\r\n		</div>\r\n	</div>\r\n	<div class=\"block2 clearfix\" style=\"background-image:url(/userUpload/images/987654321.jpg)\">\r\n		<!--blockarea--><!--box end--></div>\r\n	<div class=\"row2 clearfix\">\r\n		<div class=\"col-md-4\">\r\n			<h1>小米香酒、紫米酒</h1>\r\n		</div>\r\n		<div class=\"col-md-8\">\r\n			<h3>\r\n				傳統小米酒有特殊的發酵味，我們在風味上給予改良，添加關山米的香米，調整出人人適飲的風味，清新淡雅。純紫米釀造的紫米酒，酒色為花青素的顏色，會隨時間而褐化，需提早飲用。</h3>\r\n	</div>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'1.175.17.40',NULL,NULL,NULL,NULL,NULL,NULL),(1143,'2018-09-01 19:47:07','2018-09-02 03:47:07',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1139,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n@charset \"utf-8\";html, body, div, span, object, iframe,\r\nh1, h2, h3, h4, h5, h6, p, blockquote, pre,\r\nabbr, address, cite, code,\r\ndel, dfn, em, img, ins, kbd, q, samp,\r\nsmall, strong, sub, sup, var,\r\nb, i,\r\ndl, dt, dd, ol, ul, li,\r\nfieldset, form, label, legend,\r\ntable, caption, tbody, tfoot, thead, tr, th, td,\r\narticle, aside, canvas, details, figcaption, figure,\r\nfooter, header, hgroup, menu, nav, section, summary,\r\ntime, mark, audio, video{\r\n	margin:0;\r\n	padding:0;\r\n	border:0;\r\n	outline:0;\r\n	font-size:100%;\r\n	vertical-align:baseline;\r\n	background:transparent;\r\n						}\r\narticle,aside,details,figcaption,figure,\r\nfooter,header,hgroup,menu,nav,section{\r\n	display:block;\r\n	}\r\nblockquote, q{\r\n	quotes:none;}\r\nblockquote:before, blockquote:after,\r\nq:before, q:after{\r\n	content:\'\';content:none;\r\n	}\r\n*{-webkit-text-size-adjust:none;}\r\na{text-decoration:none;}\r\nem{font-style:normal;}\r\nfieldset, img{border:0;}\r\nol, ul{list-style:none;}\r\nabbr, acronym{border:0;}\r\n.CLEAR{clear:both;height:0;font-size:0px;line-height:0;}\r\n.clearfix:after{content:\".\";display:block;height:0;clear:both;visibility:hidden;}\r\n* html .clearfix{height:1%;}\r\n*:first-child + html .clearfix{min-height:1%;}\r\n/*******************************carousel-fade*******************/\r\n.carousel-fade .carousel-inner .item {\r\ntransition-property: opacity;\r\n}\r\n.carousel-fade .carousel-inner .item,  \r\n.carousel-fade .carousel-inner .active.left,  \r\n.carousel-fade .carousel-inner .active.right {\r\n   opacity: 0;\r\n}\r\n.carousel-fade .carousel-inner .active,  \r\n.carousel-fade .carousel-inner .next.left,  \r\n.carousel-fade .carousel-inner .prev.right {\r\n    opacity: 1;\r\n}\r\n.carousel-fade .carousel-inner .next,  \r\n.carousel-fade .carousel-inner .prev,  \r\n.carousel-fade .carousel-inner .active.left,  \r\n.carousel-fade .carousel-inner .active.right {\r\n    left: 0;\r\n    transform: translate3d(0, 0, 0);\r\n}\r\n.carousel-fade .carousel-control {\r\n    z-index: 2;\r\n}\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	#carousel01{display:none;}\r\n	#myCarousel{margin-top: -20px;}\r\n\r\n	body{\r\n			\r\n		\r\n		\r\n		}\r\n		* {\r\n  -webkit-box-sizing: border-box;\r\n     -moz-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n	}\r\n	/*************************navbar***********************/\r\n		\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			opacity:0;\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0);\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			border-bottom:0px solid #FFF ;\r\n			\r\n		}\r\n	.navbar-default .navbar-nav>li>a:hover{\r\n			color:rgba(255,255,255,1);\r\n			background-color:#c00;\r\n			font-size:18px;\r\n			border-bottom:2px solid #000;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:auto;\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			opacity:1;\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		\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		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		\r\n		\r\n		body > div.container-fluid.bgw.load > footer > div{padding: 1.2em;}\r\n		footer {\r\n			\r\n			color: #000;\r\n			/* background-color: rgba(0, 0, 0,0); */\r\n			}\r\n/************body*****************/\r\n		*{font-family: \'cwTeXYen\', 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: 32%;\r\n				right: 0px;\r\n				z-index:0;\r\n				}\r\n		h2,h3,h4{text-align: center;}\r\n		.smalltitle{ color:#ffa100;	}\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		.text{\r\n			line-height:3;\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: 25%;\r\n			float: left;\r\n			min-height: 30%;\r\n		}\r\n		.COL3{\r\n			width:33.33%;\r\n			float:left;\r\n			padding:0;\r\n			position: relative;\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\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		.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		.block0	{\r\n				\r\n				height:100vh;\r\n				width:100%;\r\n				position:absolute;\r\n				top:0;\r\n				left:0;\r\n				 margin-top: -20px;\r\n				background: linear-gradient(180deg,rgba(0,0,0,0) -14%,rgba(0,0,0,0.68) 71%);\r\n				}\r\n		.block1 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/01.jpg\');\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: bottom;\r\n				background-size: cover;\r\n				z-index:50;\r\n				height:100vh;\r\n		}\r\n		.block1 .box {\r\n				float: left;\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				position:relative;\r\n				\r\n				background-position: center;\r\n				background-size: cover;\r\n				z-index:20;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 410px;\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: 15px;\r\n				\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		.block3 {\r\n				    position: relative;\r\n					padding: 5em 0 0 0;\r\n					color: white;\r\n					background-image: url(/userUpload/images/06-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		.block3 h2{color:#ffbe00;font-size:2.5em;}\r\n		.block3 h2:after{\r\n			content: \"\";\r\n			display: block;\r\n			margin: 10px 0;\r\n			width: 100%;\r\n			height: 2px;\r\n			border-bottom: 4px double #fff;\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		\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/storybg3.png\');\r\n				background-repeat: no-repeat;\r\n				background-attachment:fixed;\r\n				padding:  0;\r\n				\r\n			}\r\n		.storya{\r\n			\r\n			display: inline-block;\r\n			float: left;\r\n			box-sizing: border-box;\r\n			padding: 12px;\r\n			border: 1px solid rgba(66,66,37,0.4);\r\n		\r\n		}\r\n		 h2:after{\r\n			content: \"\";\r\n			display: block;\r\n			margin: 10px 0;\r\n			width: 100%;\r\n			height: 2px;\r\n			border-bottom: 4px double #fff;\r\n			\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/*******************banner********************/\r\n		.item{\r\n			background-position: center center;\r\n			background-size: cover;\r\n			background-repeat: no-repeat;\r\n			height: 100vh;\r\n		}\r\n		.carousel-caption{\r\n			padding:30% 20% 7% 20%;\r\n			\r\n		}\r\n		.carousel-caption h3{font-size:5em;}\r\n		.carousel-caption p{font-size:1.8em;}\r\n		\r\n		\r\n		.boxtop{\r\n			position: absolute;\r\n			width: 40%;\r\n			height:auto;\r\n			background-image:url(\'/userUpload/images/0001.jpg\');\r\n			background-repeat:auto;\r\n			background-attachment:scroll;\r\n			display: block;\r\n			padding: 25px 35px;\r\n			border: 2px solid #FFF;\r\n			font-size: 18px;\r\n			color: #000;\r\n			text-transform: capitalize;\r\n			top: 4%;\r\n			left: 30%;\r\n			z-index: 100;\r\n			font-family: \'cwTeXYen\', serif;\r\n			line-height: 1.2;\r\n			text-align:center;\r\n		}\r\n		.boxtop h4{\r\n			color: #ffdb70;\r\n			margin-bottom: 5px;\r\n			font-weight: 100;\r\n			letter-spacing: .06em;\r\n			font-size: 22px;\r\n		}\r\n		.boxtop h2{\r\n			position: relative;\r\n			font-weight: 100;\r\n			letter-spacing: .06em;\r\n			text-transform: uppercase;\r\n			color: #e8c027;\r\n			font-size: 3em;\r\n			\r\n		}\r\n		\r\n		.boxtop h2:after{\r\n			content: \"\";\r\n			display: block;\r\n			margin: 10px 0;\r\n			width: 100%;\r\n			height: 2px;\r\n			border-bottom: 4px double #7d5e29;;\r\n			\r\n		\r\n		}\r\n		.boxtop nav{padding-top:50px;}\r\n		.boxtop nav{display: block;}\r\n		.boxtop ul li:first-child {\r\n			border-left: 1px dashed rgba(255,255,255,0.6);\r\n				}\r\n		.boxtop li{\r\n			\r\n			border-right: 1px dashed rgba(255,255,255,0.8);\r\n			min-width:10%;\r\n			position: relative;\r\n			display: inline-block;\r\n			padding: 10px 7px;\r\n		}\r\n		.imga{\r\n			position: absolute;\r\n			top: 0;\r\n			z-index: 9;\r\n			left: 7%;\r\n			width: 85%;\r\n		}\r\n		\r\n		.boxtop a{\r\n			position: relative;\r\n			\r\n			font-size: 24px;\r\n			color: #fff;\r\n			letter-spacing: 2px;\r\n			height: 150px;\r\n			text-align: left;\r\n			text-decoration: none;\r\n			-webkit-writing-mode: vertical-rl;\r\n			writing-mode: vertical-rl;\r\n			writing-mode: tb-rl;\r\n}\r\n\r\n		.boxtop li:hover  {\r\n			color: #fff;\r\n			background-color:rgba(160,0,0,0.8);\r\n			text-decoration: none;\r\n		\r\n  \r\n \r\n		}\r\n		\r\n		.boxtop li:hover a {\r\n			color: #fff;\r\n			\r\n			text-decoration: none;\r\n		}\r\n		\r\n		\r\n		.boxa{\r\n		  position:absolute; \r\n		  top:590px;\r\n		  left:50%;\r\n		  z-index:100;\r\n		}\r\n		.scroll:after{\r\n			position: absolute;\r\n			    position: absolute;\r\n				top: 23%;\r\n				LEFT: 51%;\r\n				transform: translateX(-50%) rotate(-45deg);\r\n				content: \'scroll down\';\r\n				z-index: 3;\r\n				\r\n				color: #f5f5f5;\r\n	\r\n		}\r\n		\r\n		.scroll{\r\n			position: fixed;\r\n			z-index: 999;\r\n			top: 80%;\r\n			bottom: 50%;\r\n			left: 50%;\r\n			transform: translateX(-50%);\r\n			border: 1px solid #FFF;\r\n			font-size: 12px;\r\n			color: #FFF;\r\n			text-transform: capitalize;\r\n			width: 80px;\r\n			height: 80px;\r\n			background-color: #322309;\r\n			border-radius: 2px;\r\n			transform: translateX(-50%) rotate(45deg);\r\n			-webkit-animation: boxa 1.8s infinite;\r\n		}\r\n\r\n		@-webkit-keyframes boxa{\r\n		  0%{\r\n			top:80%;\r\n		  }\r\n		  20%{\r\n			border-radius:2px;\r\n		  }\r\n		  50%{\r\n			top:85%; \r\n			border-bottom-right-radius:25px;\r\n		  }\r\n		  80%{\r\n			border-radius:2px;\r\n		  }\r\n		  100%{\r\n			top:80%;\r\n		  }\r\n		}\r\n		\r\n		.area{width: 1200px;\r\n			margin: 0 auto;}\r\n			\r\n		h4.img1:before {\r\n			content: \'\';\r\n			position: relative;\r\n			z-index: 99;\r\n			width: 82px;\r\n			margin-left: -74px;\r\n			margin-bottom: -42px;\r\n			height: 58px;\r\n			display: inline-block;\r\n			background: url(/userUpload/images/4-3.png) no-repeat;\r\n		}\r\n/****************************************/\r\n\r\n		@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL3{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			.COL12{ padding:15px;}\r\n			.boxtop h4{font-size: 15px;}\r\n			.boxtop h2{font-size: 1.8em;}\r\n			.boxtop nav{display:none;}\r\n			.carousel-caption h3{display:none;}\r\n			.p1{top:53%;}\r\n			.area{width: 100%;}\r\n			}\r\n		@media screen and (min-width: 481px) and (max-width: 639px){\r\n		.area{width: 100%;}\r\n		.COL3{\r\n				width: 50%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n		}\r\n		@media screen and (max-width: 640px){.boxtop nav{display:none;}\r\n		\r\n		}\r\n		@media screen and (min-width: 640px) and (max-width: 767px) {\r\n		.COL6{	width: 100%;\r\n				margin: 0;\r\n				line-height:2;}\r\n		.area{width: 100%;}\r\n			.COL12{ padding:20px;}\r\n			.area{width: 100%;}\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			.navbar-default {opacity:1;}\r\n			}\r\n		@media (min-width: 768px) and (max-width: 1200px) {\r\n		\r\n		.area{width: 100%;}\r\n	\r\n		.boxtop a {font-size: 30px;}\r\n		}\r\n		@media screen and (min-width: 1400px) {\r\n			.imageshow2 .btn {\r\n							margin: 191px auto;\r\n						}	\r\n			.boxtop a {font-size: 30px;}\r\n		\r\n		}\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		/***************************活動資訊圖文介紹hover效果***************************/							\r\n		\r\n		\r\n		.animation2 {\r\n				position: relative;\r\n				height:100%;	\r\n				background-repeat: no-repeat;\r\n				background-size:cover;\r\n				display: inline;\r\n					}\r\n		\r\n		\r\n		.animation2 a{color:white;}\r\n		.imageshow2{\r\n				color:#fff;\r\n				width: 0px;\r\n				height: 0px;\r\n				background: rgba(0,0,0,0);\r\n				position: absolute;\r\n				border: 0px solid #fff;			\r\n				top:50%;\r\n				left:50%;\r\n				padding: 0.5em 0.8em ;			\r\n				text-align: center;\r\n				font-size: 1em;\r\n				transition: 0.5s ease;\r\n				overflow: hidden;\r\n				opacity:0;\r\n						}\r\n						\r\n		.animation2:hover .imageshow2 {\r\n				width: calc((100% - 10%) ); \r\n				height: calc(100% - 10%);\r\n				top:5%;\r\n				left:5%;\r\n				border: 1px solid #fff;	\r\n				opacity:1;\r\n						}\r\n		.imageshow2  .btn{\r\n				\r\n				\r\n\r\n		}\r\n		.imageshow4{\r\n				width: 0%;\r\n				height: 0%;\r\n				background-color:rgba(0,0,0,0.3);\r\n				position: absolute;\r\n				top:50%;\r\n				left:50%;	\r\n				text-align: center;\r\n				font-size: 1em;\r\n				transition: 0.7s ease;\r\n				overflow: hidden;\r\n				opacity:0.1;\r\n						}	\r\n		.animation2:hover .image-transform {\r\n				transform:rotate(15deg);\r\n				overflow:hidden;\r\n						}				\r\n						\r\n		.animation2:hover .imageshow4 {\r\n				width: 100%; \r\n				height: 100%;\r\n				top:0;\r\n				left:0;\r\n				opacity:1;\r\n						}\r\n		\r\n		#gotop {\r\n			margin: 15px 18px 35px 15px;\r\n			padding: 3px 5px 7px 5px;\r\n			background: rgba(0,0,0,0.5);\r\n			color: #FFFFFF;\r\n			z-index: 99999;\r\n			position: fixed;\r\n			bottom: 0;\r\n			right: 0px;\r\n			border-radius: 5px;\r\n			text-align: center;\r\n			text-decoration: none;\r\n			width: 3.5em;\r\n			line-height: 0.5em;\r\n			opacity:0;\r\n		}\r\n		.iframe-rwd {\r\n							position: relative;\r\n							padding-bottom: 40%;\r\n							padding-top: 0;\r\n							height: 0;\r\n							overflow: hidden;\r\n						}\r\n	.iframe-rwd 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		 h4	{\r\n						font-size:1.8em;\r\n						font-weight: 800;\r\n		 }\r\n		\r\n		\r\n			</style>\r\n	<link href=\"https://fonts.googleapis.com/earlyaccess/cwtexyen.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display\" rel=\"stylesheet\">\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>\r\n\r\n<div class=\"mainarea\">\r\n<a class=\"show\" href=\"#top\" id=\"gotop\" >^<br>Top</a>\r\n	\r\n	\r\n	<div class=\"scroll\">\r\n		</div>\r\n	<div class=\"boxtop\">\r\n		<div class=\"title1area0 clearfix\">\r\n			<h4 class=\"smalltitle revealOnScroll\" data-animation=\"pulse\">\r\n				Taitung Chishang</h4>\r\n			<h2 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n				東軒坊</h2>\r\n			<nav class=\"clearfix\">\r\n				<ul class=\"topA  clearfix\">\r\n					<li>\r\n						<a href=\"#story\">首頁</a></li>\r\n					<li>\r\n						<a href=\"http://ecloud.ewang.com.tw/index.php?Act=1139&MK=1139&PK=1141\">商品介紹</a></li>\r\n					<li>\r\n						<a href=\"http://ecloud.ewang.com.tw/index.php?Act=1139&MK=1139&PK=1142\">線上介紹</a></li>\r\n					\r\n				</ul>\r\n			</nav>\r\n		</div>\r\n		\r\n	</div>\r\n	\r\n	<div class=\"block1 clearfix\">\r\n		<!--blockarea-->\r\n		<div class=\"boxa\">\r\n			&nbsp;</div>\r\n		<div class=\"carousel slide carousel-fade \" data-ride=\"carousel\" id=\"myCarousel\">\r\n			<!-- Indicators -->\r\n			<ol class=\"carousel-indicators\">\r\n				<li class=\"active\" data-slide-to=\"0\" data-target=\"#myCarousel\">\r\n					&nbsp;</li>\r\n				<li 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 \">\r\n				<div class=\"item active\" style=\"background-image:url(/userUpload/images/tc053001.jpg)\">\r\n					<!--<div class=\"carousel-caption \">\r\n									<h3>銘泉生態</h3>\r\n									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n								  </div>--></div>\r\n				<div class=\"item\" style=\"background-image:url(/userUpload/images/tc053002.png);\">\r\n					<!--   <div class=\"carousel-caption \">\r\n									<h3>黃記包子</h3>\r\n									\r\n									<li>堅持不添加化學改良劑\r\n									<li>堅持使用天然酵母\r\n									<li>堅持手工捏製\r\n									\r\n								  </div> --></div>\r\n				<div class=\"item\" style=\"background-image:url(/userUpload/images/tc053003.png)\">\r\n					<div class=\"carousel-caption\">\r\n						&nbsp;</div>\r\n				</div>\r\n			</div>\r\n			<!-- 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> -->\r\n			</div>\r\n		<!--box end-->\r\n	<div class=\"block0 clearfix\"></div>	\r\n	</div>\r\n	<!--blockarea end-->\r\n	<div  id=\"story\"class=\"STORY\">\r\n		<!--STORY-->\r\n		<div class=\"COL12 clearfix area\">\r\n			<div class=\"title1area\">\r\n				<h4 class=\"img1 smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					Taitung Chishang</h4>\r\n				<h2 class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n					東軒坊</h2>\r\n				<p>\r\n					來自清淨無汙染的台東,生長在優質米的故鄉關山</p>\r\n				<p>\r\n					東軒坊位於關山鎮德高里一個聞名全國的良質米產地,小球自行返鄉清農，曾做過行銷，原生植物園助理等.....。</p>\r\n			</div>\r\n			<hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\" />\r\n			<!-- <div class=\"p1\">\r\n				<img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/02-3.png\" /></div> -->\r\n			<div class=\"COL12 storya\" style=\"z-index:2;\">\r\n				<img class=\"image-full revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/tc053004.jpg\" /></div>\r\n			<!--text-box-->\r\n			<div class=\"text COL12 \" >\r\n				<p class=\"revealOnScroll\" data-animation=\"pulse\">\r\n					後來因健康因素放棄超商百萬年薪，回歸故鄉。回歸故鄉後建 優質農產品銷售受限,從盤商、行口,看到農村被收購的困境,加上對國物安全的理念,因而向良質米產銷班優良模範的舅舅，學習種植技術,努力參加競賽，比賽自有品\" SAY Q 米\"讓購買的的消費者得到更好的品質;並發揮先前做的行銷專長,投入農產品銷售,也協助地方農產的銷售,期能改善務農者的從農獲利。\r\n\r\n					</p>\r\n				<P>\r\n					農場主力作物為稻米及健康導向的黑糯米(紫米),以無毒農法種植,並開始朝降農藥及化肥使用的目標前進。斷藥期30-50天。 以「鮮度」作為市場區隔,農場稻米及糯米等,均以冷藏保鮮維持如新米初收的口 感,客人下訂後才製及包裝出貨,因此下訂單後需等待3~5天的準備及配送喔。\r\n				</P>\r\n			</div>\r\n			<!--text-box--></div>\r\n	</div>\r\n	\r\n	\r\n		\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div id=\"map\" class=\" clearfix\" style=\"background-color:#fff;\">\r\n\r\n			\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n				\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"pulse\"style=\"color:black;font-size:2.5em;\"> LOCATION</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"pulse\">交通位置</h4>\r\n				</div>\r\n				<div class=\"iframe-rwd COL12map\">\r\n						<div class=\"iframe-rwd\">\r\n						<iframe src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3670.701543145434!2d121.17060481496871!3d23.07140108492832!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346f0a2ac167aca5%3A0xfcea9085f828760c!2z6Zec5bGx5p2x6LuS5Z2K!5e0!3m2!1szh-TW!2stw!4v1525286900737\" width=\"600\" height=\"450\" frameborder=\"0\" style=\"border:0\" allowfullscreen></iframe>\r\n						\r\n						</div>\r\n					</div>\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#fff;color:black;min-height:370px;text-align:center;padding:4em 2em;\" data-animation=\"pulse\">\r\n					<div class=\"COL12 title1area clearfix\" style=\"background-color:white;border-bottom:1px #000 dashed;\" >	\r\n					\r\n\r\n						<h4>本店地址</h4>\r\n						<p>	\r\n998-0854台東縣關山鎮德高里永豐48號\r\n					</p>\r\n					<P>\r\n					碾米方式:小農接單現碾 <br>\r\n					包裝地址:關山鎮德高里永豐路48號 <br>\r\n					訂購專線:0963-259-025<br>\r\n					訂購信箱:polo.lin1224@msa.hinet.net <br>\r\n					網 址 :http://weigo.tw/21 <br>\r\n					付款方式:滿2000元免運費,未滿2000元 以上一箱加收100元運費<br>\r\n					*若訂購大宗數量(5箱以上,每箱20公斤)即享有其他優惠 請直接來電0963-259-025東軒坊-林振球先生\r\n\r\n					</P>\r\n					<br>\r\n				</div>\r\n				</div>\r\n			\r\n		</div>\r\n	\r\n</div>			\r\n\r\n\r\n<script type=\"text/javascript\">\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\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n\r\n$(\"div hr\").hide();\r\n\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n$(\'div.collapse.navbar-collapse.load > ul:nth-child(2) > li:nth-child(3) > a\').attr(\'target\',\'_self\');\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			$(\".boxa\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 1s ease-in\"});\r\n			$(\".boxtop\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 1s ease-in\"});\r\n			$(\".imga\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			$(\".scroll\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			$(\"#gotop\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\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			$(\".boxa\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 1s ease-in\"});\r\n			$(\".boxtop\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 1s ease-in\"});\r\n			$(\".imga\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			$(\".scroll\").css({\"opacity\": \"1\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			$(\"#gotop\").css({\"opacity\": \"0\", \"-webkit-transition\": \"opacity 0.89s ease-in\"});\r\n			\r\n        }\r\n    });\r\n});\r\n\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',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.140.46',NULL,NULL,NULL,NULL,NULL,NULL),(1144,'2018-05-12 12:50:28','2018-05-12 20:49:32',NULL,'2018-05-12 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\r\n<!--\r\nDesign by TEMPLATED\r\nhttp://templated.co\r\nReleased for free under the Creative Commons Attribution License\r\n\r\nName       : RedMarket \r\nDescription: A two-column, fixed-width design with dark color scheme.\r\nVersion    : 1.0\r\nReleased   : 20140101\r\n\r\n-->\r\n\r\n\r\n<style>\r\n\r\nhtml, body\r\n{\r\n	height: 100%;\r\n}\r\n\r\nbody\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	/*background: #CC0000;*/\r\n	font-family: 微軟正黑體, sans-serif;\r\n	font-size: 12pt;\r\n	font-weight: 300;\r\n	color: #000000;\r\n}\r\n\r\nh1, h2, h3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\np, ol, ul\r\n{\r\n	margin-top: 0;\r\n}\r\n\r\nol, ul\r\n{\r\n	padding: 0;\r\n	list-style: none;\r\n}\r\n\r\np\r\n{\r\n	line-height: 180%;\r\n}\r\n\r\nstrong\r\n{\r\n}\r\n\r\na\r\n{\r\n	color: #CC0000;\r\n}\r\n\r\na:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\n.container\r\n{\r\n	overflow: hidden;\r\n	margin: 0em auto;\r\n	width: 1000px;\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/*********************************************************************************/\r\n/* Social Icon Styles                                                            */\r\n/*********************************************************************************/\r\n\r\n	ul.contact\r\n{\r\n	margin: 0;\r\n	padding: 2em 0em 0em 0em;\r\n	list-style: none;\r\n}\r\n\r\nul.contact li\r\n{\r\n	display: inline-block;\r\n	padding: 0em 0.30em;\r\n	font-size: 1em;\r\n}\r\n\r\nul.contact li span\r\n{\r\n	display: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\nul.contact li a\r\n{\r\n	color: #FFF;\r\n}\r\n\r\nul.contact li a:before\r\n{\r\n	display: inline-block;\r\n	background: #3f3f3f;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.contact li a.icon-twitter:before\r\n{\r\n	background: #2DAAE4;\r\n}\r\n\r\nul.contact li a.icon-facebook:before\r\n{\r\n	background: #39599F;\r\n}\r\n\r\nul.contact li a.icon-dribbble:before\r\n{\r\n	background: #C4376B;\r\n}\r\n\r\nul.contact li a.icon-tumblr:before\r\n{\r\n	background: #31516A;\r\n}\r\n\r\nul.contact li a.icon-rss:before\r\n{\r\n	background: #F2600B;\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 3em 1em 2em;\r\n	letter-spacing: 0.20em;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-weight: 400;\r\n	font-size: 0.90em;\r\n	color: #FFF;\r\n}\r\n\r\n.button:before\r\n{\r\n	display: inline-block;\r\n	background: #FFC31F;\r\n	margin-right: 1em;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #272925;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 4-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.box1,  .box2,  .box3,  .box4\r\n{\r\n	width: 235px;\r\n}\r\n .box1,  .box2,  .box3, {\r\n float: left;\r\n margin-right: 20px;\r\n}\r\n\r\n.box4\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 3-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.boxA,  .boxB,  .boxC\r\n{\r\n	width: 300px;\r\n}\r\n\r\n.boxA,  .boxB\r\n{\r\n	float: left;\r\n	margin-right: 50px;\r\n}\r\n\r\n.boxC\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 2-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.tbox1,  .tbox2\r\n{\r\n	width: 575px;\r\n}\r\n\r\n.tbox1\r\n{\r\n	float: left;\r\n}\r\n\r\n.tbox2\r\n{\r\n	float: right;\r\n}\r\n\r\n#wrapper\r\n{\r\n	background: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Header                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#header-wrapper\r\n{\r\n	background: url(images/img01.jpg) no-repeat center;\r\n	background-size: cover;\r\n	opacity:0.7;\r\n	z-index:-1;\r\n	/*border-top: 10px solid #CC0000;*/\r\n}\r\n\r\n#header\r\n{\r\n	position: relative;\r\n	padding: 5em 0em;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Logo                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#logo\r\n{\r\n}\r\n\r\n#logo h1\r\n{\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	padding: 1em 1em;\r\n	background: #CC0000;\r\n	border-radius: 0px 0px 5px 5px;\r\n}\r\n\r\n#logo a\r\n{\r\n	text-decoration: none;\r\n	color: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Menu                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#menu\r\n{\r\n	position: absolute;\r\n	top: 4em;\r\n	right: 0;\r\n}\r\n\r\n#menu ul\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n#menu li\r\n{\r\n	display: block;\r\n	float: left;\r\n	text-align: center;\r\n}\r\n\r\n#menu li a, #menu li span\r\n{\r\n	padding: 1em 1.5em;\r\n	letter-spacing: 1px;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-size: 0.90em;\r\n	font-weight: 600;\r\n	color: #FFF;\r\n}\r\n\r\n#menu li:hover a, #menu li.active a, #menu li.active span\r\n{\r\n	background: #CC0000;\r\n	border-radius: 5px;\r\n}\r\n\r\n#menu .current_page_item a\r\n{\r\n}\r\n\r\n#menu .icon\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Banner                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#banner\r\n{\r\n	padding: 10em 0em;\r\n	opacity:0.8;\r\n}\r\n\r\n#banner span\r\n{\r\n	display: block;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	text-align: center;\r\n	font-weight: 700;\r\n	font-size: 30px;\r\n	letter-spacing: 11px;\r\n	color: #FFF;\r\n}\r\n\r\n	#banner2\r\n{\r\n	padding: 2em 0em 2em;\r\n	width:100%;\r\n	background-color:#000;\r\n	z-index:0;\r\n	\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Page                                                                          */\r\n/*********************************************************************************/\r\n\r\n	/*#page\r\n	{\r\n		padding-bottom: 5em;\r\n	}\r\n	\r\n	#page h2\r\n	{\r\n		padding-bottom: 1.5em;\r\n		text-transform: uppercase;\r\n		font-size: 1.5em;\r\n	}\r\n*/\r\n\r\n/*********************************************************************************/\r\n/* Content                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#content\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Sidebar                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#sidebar\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Footer                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#footer\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Copyright                                                                     */\r\n/*********************************************************************************/\r\n\r\n	#copyright\r\n{\r\n	background-color: #FFD700;\r\n	width:100%;\r\n	overflow: hidden;\r\n	padding: 6em 0em;\r\n}\r\n\r\n#copyright p\r\n{\r\n	letter-spacing: 0.20em;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	font-size: 18px;\r\n	color: #FFFFFF;\r\n}\r\n\r\n#copyright a\r\n{\r\n	text-decoration: none;\r\n	color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Heading Titles                                                                */\r\n/*********************************************************************************/\r\n\r\n	.title\r\n{\r\n	margin-bottom: 3em;\r\n	text-transform: uppercase;\r\n}\r\n\r\n.title h2\r\n{\r\n	font-size: 2.8em;\r\n	font-weight: 700;\r\n}\r\n\r\n.title .byline\r\n{\r\n	font-size: 1.1em;\r\n	color: #6F6F6F;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff\r\n{\r\n	padding: 4em 0em;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff2                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff2\r\n{\r\n	padding: 2em 0em;\r\n	padding-top: 0px;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Welcome                                                                       */\r\n/*********************************************************************************/\r\n\r\n#welcome\r\n{\r\n	padding: 5em 0em 5em 0em;\r\n	border-top: 1px solid rgba(0,0,0,.1);\r\n	text-align: center;\r\n	letter-spacing:2px;\r\n}\r\n\r\nul.style3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	overflow: hidden;\r\n	list-style: none;\r\n	color: #6c6c6c\r\n}\r\n\r\nul.style3 li\r\n{\r\n	padding: 1.6em 0em 0em 0em;\r\n	margin: 0 0 1em 0;\r\n}\r\n\r\nul.style3 p\r\n{\r\n	margin: 0;\r\n}\r\n\r\nul.style3 a\r\n{\r\n	display: block;\r\n	text-decoration: none;\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style3 a:hover\r\n{\r\n	text-decoration: underline;\r\n}\r\n\r\nul.style3 h3\r\n{\r\n	padding: 1em 0em 5px 0em;\r\n	text-transform: uppercase;\r\n	font-size: 1em;\r\n	font-weight: 300;\r\n}\r\n\r\nul.style3 .first\r\n{\r\n	padding-top: 0;\r\n	background: none;\r\n}\r\n\r\nul.style3 .date\r\n{\r\n	float: left;\r\n	position: relative;\r\n	width: 80px;\r\n	height: 70px;\r\n	margin: 0.5em 1.5em 0em 0.5em;\r\n	padding: 20px 0em 0em 0em;\r\n	background: #262626;\r\n	border-radius: 5px;\r\n	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);\r\n	line-height: normal;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	text-shadow: 0px 1px 0px rgba(0,0,0,.2);\r\n	font-size: 1em;\r\n	font-weight: 400;\r\n	color: #FFF;\r\n}\r\n\r\nul.style3 .date:after\r\n{\r\n	content: \'\';\r\n	display: block;\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\nul.style3 .date b\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	display: block;\r\n	margin-top: -5px;\r\n	font-size: 1.8em;\r\n	font-weight: 700;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.style3 .date a\r\n{\r\n	color: #FFFFFF !important;\r\n}\r\n\r\nul.style3 .date a:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\nul.style4\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	list-style: none;\r\n}\r\n\r\nul.style4 li\r\n{\r\n	border-top: 1px solid rgba(0,0,0,0.1);\r\n	line-height: 3em;\r\n}\r\n\r\nul.style4 a\r\n{\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style4 .first\r\n{\r\n	padding-top: 0px;\r\n	border-top: none;\r\n}\r\n@charset \'UTF-8\';\r\n\r\n@font-face\r\n{\r\n	font-family: \'FontAwesome\';\r\n	src: url(\'fonts/fontawesome-webfont.eot?v=3.0.1\');\r\n	src: url(\'fonts/fontawesome-webfont.eot?#iefix&v=3.0.1\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-webfont.woff?v=3.0.1\') format(\'woff\'),\r\n	     url(\'fonts/fontawesome-webfont.ttf?v=3.0.1\') format(\'truetype\'),\r\n	     url(\'fonts/fontawesome-webfont.svg#FontAwesome\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n}\r\n\r\n@font-face\r\n{\r\n	font-family: \'Font-Awesome-Social\';\r\n	src: url(\'fonts/fontawesome-social-webfont.eot\');\r\n	src: url(\'fonts/fontawesome-social-webfont.eot?#iefix\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-social-webfont.woff\') format(\'woff\'),\r\n		 url(\'fonts/fontawesome-social-webfont.ttf\') format(\'truetype\'),\r\n		 url(\'fonts/fontawesome-social-webfont.svg#Font-Awesome-More\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n</style>\r\n<body>\r\n<div id=\"header-wrapper\">\r\n	<!--<div id=\"header\" class=\"container\">\r\n		<div id=\"logo\">\r\n			<h1><a href=\"#\">RedMarket</a></h1>\r\n		</div>\r\n		<div id=\"menu\">\r\n			<ul>\r\n				<li class=\"active\"><a href=\"#\" accesskey=\"1\" title=\"\">Homepage</a></li>\r\n				<li><a href=\"#\" accesskey=\"2\" title=\"\">Our Clients</a></li>\r\n				<li><a href=\"#\" accesskey=\"3\" title=\"\">About Us</a></li>\r\n				<li><a href=\"#\" accesskey=\"4\" title=\"\">Careers</a></li>\r\n				<li><a href=\"#\" accesskey=\"5\" title=\"\">Contact Us</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>-->\r\n	<div id=\"banner\" class=\"container\">\r\n		<div id=\"banner2\" class=\"container\"><span>/ 民以食為天，提供安心的農產品是我們唯一的堅持 /</span></div>\r\n		</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div id=\"staff\" class=\"container\">\r\n		<!--<div class=\"title\">\r\n			<h2>Etiam rhoncus volutpat</h2>\r\n			<span>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</span> </div>\r\n		-->\r\n		<div class=\"boxA\"><a href=\"#\"><img src=\"images/product01.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n		<div class=\"boxB\"><a href=\"#\"><img src=\"images/product02.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n		<div class=\"boxC\"><a href=\"#\"><img src=\"images/product03.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n	</div>\r\n	\r\n	<div id=\"wrapper\">\r\n	<div id=\"staff2\" class=\"container\">\r\n		<div class=\"boxA\"><a href=\"#\"><img src=\"images/product04.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n		<div class=\"boxB\"><a href=\"#\"><img src=\"images/product05.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n		<div class=\"boxC\"><a href=\"#\"><img src=\"images/product06.jpg\" width=\"300\" height=\"300\" alt=\"\" /></a></div>\r\n	</div>\r\n	\r\n	<!--\r\n	<div id=\"page\" class=\"container\">\r\n		<div class=\"boxA\">\r\n			<h2>Fusce ultrices<br />\r\n				<span>fringilla metus</span></h2>\r\n			<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Proin gravida orci porttitor</a></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxB\">\r\n			<h2>Praesent<br />\r\n				<span> scelerisque scelerisque</span></h2>\r\n			<ul class=\"style3\">\r\n				<li class=\"first\">\r\n					<p class=\"date\"><a href=\"#\">Dec<b>30</b></a></p>\r\n					<h3>Amet sed volutpat mauris</h3>\r\n					<p><a href=\"#\">Mauris tempus nibh sodales adipiscing dolore.</a></p>\r\n				</li>\r\n				<li>\r\n					<p class=\"date\"><a href=\"#\">Dec<b>28</b></a></p>\r\n					<h3>Sagittis diam dolor amet</h3>\r\n					<p><a href=\"#\">Duis arcu tortor fringilla sed  sed magna.</a></p>\r\n				</li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxC\">\r\n			<h2>Etiam posuere<br />\r\n				<span>augue sit amet</span></h2>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n				<li><a href=\"#\">Urnanet non molestie semper</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>\r\n	-->\r\n	<div id=\"welcome\" class=\"container\" style=\"color:#FFD700\">\r\n		<div class=\"title\">\r\n			<h2>東軒坊</h2>\r\n		</div>\r\n		<p>我們堅持品質的動力，來自您對我們的支持。</p>\r\n	</div>\r\n</div>\r\n<div id=\"copyright\" class=\"container\">\r\n	<p> <strong>東軒坊 | 台東縣關山鎮德高里永豐48號 | </br> copyright &copy; 臺東大學樂活產業創新平台2018 </strong></p>\r\n</div>\r\n</body>\r\n</html>\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),(1145,'2018-05-12 12:58:59','2018-05-12 20:58:15',NULL,'2018-05-12 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!--\r\nDesign by TEMPLATED\r\nhttp://templated.co\r\nReleased for free under the Creative Commons Attribution License\r\n\r\nName       : RedMarket \r\nDescription: A two-column, fixed-width design with dark color scheme.\r\nVersion    : 1.0\r\nReleased   : 20140101\r\n\r\n-->\r\n<style type=\"text/css\">\r\nhtml, body\r\n{\r\n	height: 100%;\r\n}\r\n\r\nbody\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	/*background: #CC0000;*/\r\n	font-family: 微軟正黑體, sans-serif;\r\n	font-size: 12pt;\r\n	font-weight: 300;\r\n	color: #000000;\r\n}\r\n\r\nh1, h2, h3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\np, ol, ul\r\n{\r\n	margin-top: 0;\r\n}\r\n\r\nol, ul\r\n{\r\n	padding: 0;\r\n	list-style: none;\r\n}\r\n\r\np\r\n{\r\n	line-height: 180%;\r\n}\r\n\r\nstrong\r\n{\r\n}\r\n\r\na\r\n{\r\n	color: #CC0000;\r\n}\r\n\r\na:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\n.container\r\n{\r\n	overflow: hidden;\r\n	margin: 0em auto;\r\n	width: 1000px;\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/*********************************************************************************/\r\n/* Social Icon Styles                                                            */\r\n/*********************************************************************************/\r\n\r\n	ul.contact\r\n{\r\n	margin: 0;\r\n	padding: 2em 0em 0em 0em;\r\n	list-style: none;\r\n}\r\n\r\nul.contact li\r\n{\r\n	display: inline-block;\r\n	padding: 0em 0.30em;\r\n	font-size: 1em;\r\n}\r\n\r\nul.contact li span\r\n{\r\n	display: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\nul.contact li a\r\n{\r\n	color: #FFF;\r\n}\r\n\r\nul.contact li a:before\r\n{\r\n	display: inline-block;\r\n	background: #3f3f3f;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.contact li a.icon-twitter:before\r\n{\r\n	background: #2DAAE4;\r\n}\r\n\r\nul.contact li a.icon-facebook:before\r\n{\r\n	background: #39599F;\r\n}\r\n\r\nul.contact li a.icon-dribbble:before\r\n{\r\n	background: #C4376B;\r\n}\r\n\r\nul.contact li a.icon-tumblr:before\r\n{\r\n	background: #31516A;\r\n}\r\n\r\nul.contact li a.icon-rss:before\r\n{\r\n	background: #F2600B;\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 3em 1em 2em;\r\n	letter-spacing: 0.20em;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-weight: 400;\r\n	font-size: 0.90em;\r\n	color: #FFF;\r\n}\r\n\r\n.button:before\r\n{\r\n	display: inline-block;\r\n	background: #FFC31F;\r\n	margin-right: 1em;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #272925;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 4-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.box1,  .box2,  .box3,  .box4\r\n{\r\n	width: 235px;\r\n}\r\n .box1,  .box2,  .box3, {\r\n float: left;\r\n margin-right: 20px;\r\n}\r\n\r\n.box4\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 3-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.boxA,  .boxB,  .boxC\r\n{\r\n	width: 300px;\r\n}\r\n\r\n.boxA,  .boxB\r\n{\r\n	float: left;\r\n	margin-right: 50px;\r\n}\r\n\r\n.boxC\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 2-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.tbox1,  .tbox2\r\n{\r\n	width: 575px;\r\n}\r\n\r\n.tbox1\r\n{\r\n	float: left;\r\n}\r\n\r\n.tbox2\r\n{\r\n	float: right;\r\n}\r\n\r\n#wrapper\r\n{\r\n	background: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Header                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#header-wrapper\r\n{\r\n	background: url(/userUpload/images/img01.jpg) no-repeat center;\r\n	background-size: cover;\r\n	opacity:0.7;\r\n	z-index:-1;\r\n	/*border-top: 10px solid #CC0000;*/\r\n}\r\n\r\n#header\r\n{\r\n	position: relative;\r\n	padding: 5em 0em;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Logo                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#logo\r\n{\r\n}\r\n\r\n#logo h1\r\n{\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	padding: 1em 1em;\r\n	background: #CC0000;\r\n	border-radius: 0px 0px 5px 5px;\r\n}\r\n\r\n#logo a\r\n{\r\n	text-decoration: none;\r\n	color: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Menu                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#menu\r\n{\r\n	position: absolute;\r\n	top: 4em;\r\n	right: 0;\r\n}\r\n\r\n#menu ul\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n#menu li\r\n{\r\n	display: block;\r\n	float: left;\r\n	text-align: center;\r\n}\r\n\r\n#menu li a, #menu li span\r\n{\r\n	padding: 1em 1.5em;\r\n	letter-spacing: 1px;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-size: 0.90em;\r\n	font-weight: 600;\r\n	color: #FFF;\r\n}\r\n\r\n#menu li:hover a, #menu li.active a, #menu li.active span\r\n{\r\n	background: #CC0000;\r\n	border-radius: 5px;\r\n}\r\n\r\n#menu .current_page_item a\r\n{\r\n}\r\n\r\n#menu .icon\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Banner                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#banner\r\n{\r\n	padding: 10em 0em;\r\n	opacity:0.8;\r\n}\r\n\r\n#banner span\r\n{\r\n	display: block;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	text-align: center;\r\n	font-weight: 700;\r\n	font-size: 30px;\r\n	letter-spacing: 11px;\r\n	color: #FFF;\r\n}\r\n\r\n	#banner2\r\n{\r\n	padding: 2em 0em 2em;\r\n	width:100%;\r\n	background-color:#000;\r\n	z-index:0;\r\n	\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Page                                                                          */\r\n/*********************************************************************************/\r\n\r\n	/*#page\r\n	{\r\n		padding-bottom: 5em;\r\n	}\r\n	\r\n	#page h2\r\n	{\r\n		padding-bottom: 1.5em;\r\n		text-transform: uppercase;\r\n		font-size: 1.5em;\r\n	}\r\n*/\r\n\r\n/*********************************************************************************/\r\n/* Content                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#content\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Sidebar                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#sidebar\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Footer                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#footer\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Copyright                                                                     */\r\n/*********************************************************************************/\r\n\r\n	#copyright\r\n{\r\n	background-color: #FFD700;\r\n	width:100%;\r\n	overflow: hidden;\r\n	padding: 6em 0em;\r\n}\r\n\r\n#copyright p\r\n{\r\n	letter-spacing: 0.20em;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	font-size: 18px;\r\n	color: #FFFFFF;\r\n}\r\n\r\n#copyright a\r\n{\r\n	text-decoration: none;\r\n	color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Heading Titles                                                                */\r\n/*********************************************************************************/\r\n\r\n	.title\r\n{\r\n	margin-bottom: 3em;\r\n	text-transform: uppercase;\r\n}\r\n\r\n.title h2\r\n{\r\n	font-size: 2.8em;\r\n	font-weight: 700;\r\n}\r\n\r\n.title .byline\r\n{\r\n	font-size: 1.1em;\r\n	color: #6F6F6F;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff\r\n{\r\n	padding: 4em 0em;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff2                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff2\r\n{\r\n	padding: 2em 0em;\r\n	padding-top: 0px;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Welcome                                                                       */\r\n/*********************************************************************************/\r\n\r\n#welcome\r\n{\r\n	padding: 5em 0em 5em 0em;\r\n	border-top: 1px solid rgba(0,0,0,.1);\r\n	text-align: center;\r\n	letter-spacing:2px;\r\n}\r\n\r\nul.style3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	overflow: hidden;\r\n	list-style: none;\r\n	color: #6c6c6c\r\n}\r\n\r\nul.style3 li\r\n{\r\n	padding: 1.6em 0em 0em 0em;\r\n	margin: 0 0 1em 0;\r\n}\r\n\r\nul.style3 p\r\n{\r\n	margin: 0;\r\n}\r\n\r\nul.style3 a\r\n{\r\n	display: block;\r\n	text-decoration: none;\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style3 a:hover\r\n{\r\n	text-decoration: underline;\r\n}\r\n\r\nul.style3 h3\r\n{\r\n	padding: 1em 0em 5px 0em;\r\n	text-transform: uppercase;\r\n	font-size: 1em;\r\n	font-weight: 300;\r\n}\r\n\r\nul.style3 .first\r\n{\r\n	padding-top: 0;\r\n	background: none;\r\n}\r\n\r\nul.style3 .date\r\n{\r\n	float: left;\r\n	position: relative;\r\n	width: 80px;\r\n	height: 70px;\r\n	margin: 0.5em 1.5em 0em 0.5em;\r\n	padding: 20px 0em 0em 0em;\r\n	background: #262626;\r\n	border-radius: 5px;\r\n	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);\r\n	line-height: normal;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	text-shadow: 0px 1px 0px rgba(0,0,0,.2);\r\n	font-size: 1em;\r\n	font-weight: 400;\r\n	color: #FFF;\r\n}\r\n\r\nul.style3 .date:after\r\n{\r\n	content: \'\';\r\n	display: block;\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\nul.style3 .date b\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	display: block;\r\n	margin-top: -5px;\r\n	font-size: 1.8em;\r\n	font-weight: 700;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.style3 .date a\r\n{\r\n	color: #FFFFFF !important;\r\n}\r\n\r\nul.style3 .date a:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\nul.style4\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	list-style: none;\r\n}\r\n\r\nul.style4 li\r\n{\r\n	border-top: 1px solid rgba(0,0,0,0.1);\r\n	line-height: 3em;\r\n}\r\n\r\nul.style4 a\r\n{\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style4 .first\r\n{\r\n	padding-top: 0px;\r\n	border-top: none;\r\n}\r\n@charset \'UTF-8\';\r\n\r\n@font-face\r\n{\r\n	font-family: \'FontAwesome\';\r\n	src: url(\'fonts/fontawesome-webfont.eot?v=3.0.1\');\r\n	src: url(\'fonts/fontawesome-webfont.eot?#iefix&v=3.0.1\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-webfont.woff?v=3.0.1\') format(\'woff\'),\r\n	     url(\'fonts/fontawesome-webfont.ttf?v=3.0.1\') format(\'truetype\'),\r\n	     url(\'fonts/fontawesome-webfont.svg#FontAwesome\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n}\r\n\r\n@font-face\r\n{\r\n	font-family: \'Font-Awesome-Social\';\r\n	src: url(\'fonts/fontawesome-social-webfont.eot\');\r\n	src: url(\'fonts/fontawesome-social-webfont.eot?#iefix\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-social-webfont.woff\') format(\'woff\'),\r\n		 url(\'fonts/fontawesome-social-webfont.ttf\') format(\'truetype\'),\r\n		 url(\'fonts/fontawesome-social-webfont.svg#Font-Awesome-More\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;</style>\r\n<div id=\"header-wrapper\">\r\n	<!--<div id=\"header\" class=\"container\">\r\n		<div id=\"logo\">\r\n			<h1><a href=\"#\">RedMarket</a></h1>\r\n		</div>\r\n		<div id=\"menu\">\r\n			<ul>\r\n				<li class=\"active\"><a href=\"#\" accesskey=\"1\" title=\"\">Homepage</a></li>\r\n				<li><a href=\"#\" accesskey=\"2\" title=\"\">Our Clients</a></li>\r\n				<li><a href=\"#\" accesskey=\"3\" title=\"\">About Us</a></li>\r\n				<li><a href=\"#\" accesskey=\"4\" title=\"\">Careers</a></li>\r\n				<li><a href=\"#\" accesskey=\"5\" title=\"\">Contact Us</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>-->\r\n	<div class=\"container\" id=\"banner\">\r\n		<div class=\"container\" id=\"banner2\">\r\n			<span>/ 民以食為天，提供安心的農產品是我們唯一的堅持 /</span></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"container\" id=\"staff\">\r\n		<!--<div class=\"title\">\r\n			<h2>Etiam rhoncus volutpat</h2>\r\n			<span>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</span> </div>\r\n		-->\r\n		<div class=\"boxA\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product01.jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxB\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product02.jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxC\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product03.jpg\" width=\"300\" /></a></div>\r\n	</div>\r\n	<div id=\"wrapper\">\r\n		<div class=\"container\" id=\"staff2\">\r\n			<div class=\"boxA\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product04.jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxB\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product05.jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxC\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product06.jpg\" /></a></div>\r\n		</div>\r\n		<!--\r\n	<div id=\"page\" class=\"container\">\r\n		<div class=\"boxA\">\r\n			<h2>Fusce ultrices<br />\r\n				<span>fringilla metus</span></h2>\r\n			<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Proin gravida orci porttitor</a></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxB\">\r\n			<h2>Praesent<br />\r\n				<span> scelerisque scelerisque</span></h2>\r\n			<ul class=\"style3\">\r\n				<li class=\"first\">\r\n					<p class=\"date\"><a href=\"#\">Dec<b>30</b></a></p>\r\n					<h3>Amet sed volutpat mauris</h3>\r\n					<p><a href=\"#\">Mauris tempus nibh sodales adipiscing dolore.</a></p>\r\n				</li>\r\n				<li>\r\n					<p class=\"date\"><a href=\"#\">Dec<b>28</b></a></p>\r\n					<h3>Sagittis diam dolor amet</h3>\r\n					<p><a href=\"#\">Duis arcu tortor fringilla sed  sed magna.</a></p>\r\n				</li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxC\">\r\n			<h2>Etiam posuere<br />\r\n				<span>augue sit amet</span></h2>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n				<li><a href=\"#\">Urnanet non molestie semper</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>\r\n	-->\r\n		<div class=\"container\" id=\"welcome\" style=\"color:#FFD700\">\r\n			<div class=\"title\">\r\n				<h2>\r\n					東軒坊</h2>\r\n			</div>\r\n			<p>\r\n				我們堅持品質的動力，來自您對我們的支持。</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"container\" id=\"copyright\">\r\n		<p>\r\n			<strong>東軒坊 | 台東縣關山鎮德高里永豐48號 |<br />\r\n			copyright &copy; 臺東大學樂活產業創新平台2018 </strong></p>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\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),(1146,'2018-05-12 13:00:57','2018-05-12 21:00:34',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<!--\r\nDesign by TEMPLATED\r\nhttp://templated.co\r\nReleased for free under the Creative Commons Attribution License\r\n\r\nName       : RedMarket \r\nDescription: A two-column, fixed-width design with dark color scheme.\r\nVersion    : 1.0\r\nReleased   : 20140101\r\n\r\n-->\r\n<style type=\"text/css\">\r\nhtml, body\r\n{\r\n	height: 100%;\r\n}\r\n\r\nbody\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	/*background: #CC0000;*/\r\n	font-family: 微軟正黑體, sans-serif;\r\n	font-size: 12pt;\r\n	font-weight: 300;\r\n	color: #000000;\r\n}\r\n\r\nh1, h2, h3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\np, ol, ul\r\n{\r\n	margin-top: 0;\r\n}\r\n\r\nol, ul\r\n{\r\n	padding: 0;\r\n	list-style: none;\r\n}\r\n\r\np\r\n{\r\n	line-height: 180%;\r\n}\r\n\r\nstrong\r\n{\r\n}\r\n\r\na\r\n{\r\n	color: #CC0000;\r\n}\r\n\r\na:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\n.container\r\n{\r\n	overflow: hidden;\r\n	margin: 0em auto;\r\n	width: 1000px;\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/*********************************************************************************/\r\n/* Social Icon Styles                                                            */\r\n/*********************************************************************************/\r\n\r\n	ul.contact\r\n{\r\n	margin: 0;\r\n	padding: 2em 0em 0em 0em;\r\n	list-style: none;\r\n}\r\n\r\nul.contact li\r\n{\r\n	display: inline-block;\r\n	padding: 0em 0.30em;\r\n	font-size: 1em;\r\n}\r\n\r\nul.contact li span\r\n{\r\n	display: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\nul.contact li a\r\n{\r\n	color: #FFF;\r\n}\r\n\r\nul.contact li a:before\r\n{\r\n	display: inline-block;\r\n	background: #3f3f3f;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.contact li a.icon-twitter:before\r\n{\r\n	background: #2DAAE4;\r\n}\r\n\r\nul.contact li a.icon-facebook:before\r\n{\r\n	background: #39599F;\r\n}\r\n\r\nul.contact li a.icon-dribbble:before\r\n{\r\n	background: #C4376B;\r\n}\r\n\r\nul.contact li a.icon-tumblr:before\r\n{\r\n	background: #31516A;\r\n}\r\n\r\nul.contact li a.icon-rss:before\r\n{\r\n	background: #F2600B;\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 3em 1em 2em;\r\n	letter-spacing: 0.20em;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-weight: 400;\r\n	font-size: 0.90em;\r\n	color: #FFF;\r\n}\r\n\r\n.button:before\r\n{\r\n	display: inline-block;\r\n	background: #FFC31F;\r\n	margin-right: 1em;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #272925;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 4-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.box1,  .box2,  .box3,  .box4\r\n{\r\n	width: 235px;\r\n}\r\n .box1,  .box2,  .box3, {\r\n float: left;\r\n margin-right: 20px;\r\n}\r\n\r\n.box4\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 3-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.boxA,  .boxB,  .boxC\r\n{\r\n	width: 300px;\r\n}\r\n\r\n.boxA,  .boxB\r\n{\r\n	float: left;\r\n	margin-right: 50px;\r\n}\r\n\r\n.boxC\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 2-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.tbox1,  .tbox2\r\n{\r\n	width: 575px;\r\n}\r\n\r\n.tbox1\r\n{\r\n	float: left;\r\n}\r\n\r\n.tbox2\r\n{\r\n	float: right;\r\n}\r\n\r\n#wrapper\r\n{\r\n	background: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Header                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#header-wrapper\r\n{\r\n	background: url(/userUpload/images/img01.jpg) no-repeat center;\r\n	background-size: cover;\r\n	opacity:0.7;\r\n	z-index:-1;\r\n	/*border-top: 10px solid #CC0000;*/\r\n}\r\n\r\n#header\r\n{\r\n	position: relative;\r\n	padding: 5em 0em;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Logo                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#logo\r\n{\r\n}\r\n\r\n#logo h1\r\n{\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	padding: 1em 1em;\r\n	background: #CC0000;\r\n	border-radius: 0px 0px 5px 5px;\r\n}\r\n\r\n#logo a\r\n{\r\n	text-decoration: none;\r\n	color: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Menu                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#menu\r\n{\r\n	position: absolute;\r\n	top: 4em;\r\n	right: 0;\r\n}\r\n\r\n#menu ul\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n#menu li\r\n{\r\n	display: block;\r\n	float: left;\r\n	text-align: center;\r\n}\r\n\r\n#menu li a, #menu li span\r\n{\r\n	padding: 1em 1.5em;\r\n	letter-spacing: 1px;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-size: 0.90em;\r\n	font-weight: 600;\r\n	color: #FFF;\r\n}\r\n\r\n#menu li:hover a, #menu li.active a, #menu li.active span\r\n{\r\n	background: #CC0000;\r\n	border-radius: 5px;\r\n}\r\n\r\n#menu .current_page_item a\r\n{\r\n}\r\n\r\n#menu .icon\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Banner                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#banner\r\n{\r\n	padding: 10em 0em;\r\n	opacity:0.8;\r\n}\r\n\r\n#banner span\r\n{\r\n	display: block;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	text-align: center;\r\n	font-weight: 700;\r\n	font-size: 30px;\r\n	letter-spacing: 11px;\r\n	color: #FFF;\r\n}\r\n\r\n	#banner2\r\n{\r\n	padding: 2em 0em 2em;\r\n	width:100%;\r\n	background-color:#000;\r\n	z-index:0;\r\n	\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Page                                                                          */\r\n/*********************************************************************************/\r\n\r\n	/*#page\r\n	{\r\n		padding-bottom: 5em;\r\n	}\r\n	\r\n	#page h2\r\n	{\r\n		padding-bottom: 1.5em;\r\n		text-transform: uppercase;\r\n		font-size: 1.5em;\r\n	}\r\n*/\r\n\r\n/*********************************************************************************/\r\n/* Content                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#content\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Sidebar                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#sidebar\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Footer                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#footer\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Copyright                                                                     */\r\n/*********************************************************************************/\r\n\r\n	#copyright\r\n{\r\n	background-color: #FFD700;\r\n	width:100%;\r\n	overflow: hidden;\r\n	padding: 6em 0em;\r\n}\r\n\r\n#copyright p\r\n{\r\n	letter-spacing: 0.20em;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	font-size: 18px;\r\n	color: #FFFFFF;\r\n}\r\n\r\n#copyright a\r\n{\r\n	text-decoration: none;\r\n	color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Heading Titles                                                                */\r\n/*********************************************************************************/\r\n\r\n	.title\r\n{\r\n	margin-bottom: 3em;\r\n	text-transform: uppercase;\r\n}\r\n\r\n.title h2\r\n{\r\n	font-size: 2.8em;\r\n	font-weight: 700;\r\n}\r\n\r\n.title .byline\r\n{\r\n	font-size: 1.1em;\r\n	color: #6F6F6F;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff\r\n{\r\n	padding: 4em 0em;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff2                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff2\r\n{\r\n	padding: 2em 0em;\r\n	padding-top: 0px;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Welcome                                                                       */\r\n/*********************************************************************************/\r\n\r\n#welcome\r\n{\r\n	padding: 5em 0em 5em 0em;\r\n	border-top: 1px solid rgba(0,0,0,.1);\r\n	text-align: center;\r\n	letter-spacing:2px;\r\n}\r\n\r\nul.style3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	overflow: hidden;\r\n	list-style: none;\r\n	color: #6c6c6c\r\n}\r\n\r\nul.style3 li\r\n{\r\n	padding: 1.6em 0em 0em 0em;\r\n	margin: 0 0 1em 0;\r\n}\r\n\r\nul.style3 p\r\n{\r\n	margin: 0;\r\n}\r\n\r\nul.style3 a\r\n{\r\n	display: block;\r\n	text-decoration: none;\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style3 a:hover\r\n{\r\n	text-decoration: underline;\r\n}\r\n\r\nul.style3 h3\r\n{\r\n	padding: 1em 0em 5px 0em;\r\n	text-transform: uppercase;\r\n	font-size: 1em;\r\n	font-weight: 300;\r\n}\r\n\r\nul.style3 .first\r\n{\r\n	padding-top: 0;\r\n	background: none;\r\n}\r\n\r\nul.style3 .date\r\n{\r\n	float: left;\r\n	position: relative;\r\n	width: 80px;\r\n	height: 70px;\r\n	margin: 0.5em 1.5em 0em 0.5em;\r\n	padding: 20px 0em 0em 0em;\r\n	background: #262626;\r\n	border-radius: 5px;\r\n	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);\r\n	line-height: normal;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	text-shadow: 0px 1px 0px rgba(0,0,0,.2);\r\n	font-size: 1em;\r\n	font-weight: 400;\r\n	color: #FFF;\r\n}\r\n\r\nul.style3 .date:after\r\n{\r\n	content: \'\';\r\n	display: block;\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\nul.style3 .date b\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	display: block;\r\n	margin-top: -5px;\r\n	font-size: 1.8em;\r\n	font-weight: 700;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.style3 .date a\r\n{\r\n	color: #FFFFFF !important;\r\n}\r\n\r\nul.style3 .date a:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\nul.style4\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	list-style: none;\r\n}\r\n\r\nul.style4 li\r\n{\r\n	border-top: 1px solid rgba(0,0,0,0.1);\r\n	line-height: 3em;\r\n}\r\n\r\nul.style4 a\r\n{\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style4 .first\r\n{\r\n	padding-top: 0px;\r\n	border-top: none;\r\n}\r\n@charset \'UTF-8\';\r\n\r\n@font-face\r\n{\r\n	font-family: \'FontAwesome\';\r\n	src: url(\'fonts/fontawesome-webfont.eot?v=3.0.1\');\r\n	src: url(\'fonts/fontawesome-webfont.eot?#iefix&v=3.0.1\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-webfont.woff?v=3.0.1\') format(\'woff\'),\r\n	     url(\'fonts/fontawesome-webfont.ttf?v=3.0.1\') format(\'truetype\'),\r\n	     url(\'fonts/fontawesome-webfont.svg#FontAwesome\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n}\r\n\r\n@font-face\r\n{\r\n	font-family: \'Font-Awesome-Social\';\r\n	src: url(\'fonts/fontawesome-social-webfont.eot\');\r\n	src: url(\'fonts/fontawesome-social-webfont.eot?#iefix\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-social-webfont.woff\') format(\'woff\'),\r\n		 url(\'fonts/fontawesome-social-webfont.ttf\') format(\'truetype\'),\r\n		 url(\'fonts/fontawesome-social-webfont.svg#Font-Awesome-More\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;</style>\r\n<div id=\"header-wrapper\">\r\n	<!--<div id=\"header\" class=\"container\">\r\n		<div id=\"logo\">\r\n			<h1><a href=\"#\">RedMarket</a></h1>\r\n		</div>\r\n		<div id=\"menu\">\r\n			<ul>\r\n				<li class=\"active\"><a href=\"#\" accesskey=\"1\" title=\"\">Homepage</a></li>\r\n				<li><a href=\"#\" accesskey=\"2\" title=\"\">Our Clients</a></li>\r\n				<li><a href=\"#\" accesskey=\"3\" title=\"\">About Us</a></li>\r\n				<li><a href=\"#\" accesskey=\"4\" title=\"\">Careers</a></li>\r\n				<li><a href=\"#\" accesskey=\"5\" title=\"\">Contact Us</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>-->\r\n	<div class=\"container\" id=\"banner\">\r\n		<div class=\"container\" id=\"banner2\">\r\n			<span>/ 民以食為天，提供安心的農產品是我們唯一的堅持 /</span></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"container\" id=\"staff\">\r\n		<!--<div class=\"title\">\r\n			<h2>Etiam rhoncus volutpat</h2>\r\n			<span>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</span> </div>\r\n		-->\r\n		<div class=\"boxA\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product01(1).jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxB\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product02.jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxC\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product03.jpg\" width=\"300\" /></a></div>\r\n	</div>\r\n	<div id=\"wrapper\">\r\n		<div class=\"container\" id=\"staff2\">\r\n			<div class=\"boxA\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product04(1).jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxB\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product05(1).jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxC\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product06(1).jpg\" /></a></div>\r\n		</div>\r\n		<!--\r\n	<div id=\"page\" class=\"container\">\r\n		<div class=\"boxA\">\r\n			<h2>Fusce ultrices<br />\r\n				<span>fringilla metus</span></h2>\r\n			<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Proin gravida orci porttitor</a></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxB\">\r\n			<h2>Praesent<br />\r\n				<span> scelerisque scelerisque</span></h2>\r\n			<ul class=\"style3\">\r\n				<li class=\"first\">\r\n					<p class=\"date\"><a href=\"#\">Dec<b>30</b></a></p>\r\n					<h3>Amet sed volutpat mauris</h3>\r\n					<p><a href=\"#\">Mauris tempus nibh sodales adipiscing dolore.</a></p>\r\n				</li>\r\n				<li>\r\n					<p class=\"date\"><a href=\"#\">Dec<b>28</b></a></p>\r\n					<h3>Sagittis diam dolor amet</h3>\r\n					<p><a href=\"#\">Duis arcu tortor fringilla sed  sed magna.</a></p>\r\n				</li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxC\">\r\n			<h2>Etiam posuere<br />\r\n				<span>augue sit amet</span></h2>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n				<li><a href=\"#\">Urnanet non molestie semper</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>\r\n	-->\r\n		<div class=\"container\" id=\"welcome\" style=\"color:#FFD700\">\r\n			<div class=\"title\">\r\n				<h2>\r\n					東軒坊</h2>\r\n			</div>\r\n			<p>\r\n				我們堅持品質的動力，來自您對我們的支持。</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"container\" id=\"copyright\">\r\n		<p>\r\n			<strong>東軒坊 | 台東縣關山鎮德高里永豐48號 |<br />\r\n			copyright &copy; 臺東大學樂活產業創新平台2018 </strong></p>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL);
INSERT INTO `nttucloud2017_main` VALUES (1147,'2018-05-31 03:40:07','2018-05-31 11:40:07',NULL,'2018-05-12 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!--\r\nDesign by TEMPLATED\r\nhttp://templated.co\r\nReleased for free under the Creative Commons Attribution License\r\n\r\nName       : RedMarket \r\nDescription: A two-column, fixed-width design with dark color scheme.\r\nVersion    : 1.0\r\nReleased   : 20140101\r\n\r\n-->\r\n<style type=\"text/css\">\r\nhtml, body\r\n{\r\n	height: 100%;\r\n}\r\n\r\nbody\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	/*background: #CC0000;*/\r\n	font-family: 微軟正黑體, sans-serif;\r\n	font-size: 12pt;\r\n	font-weight: 300;\r\n	color: #000000;\r\n}\r\n\r\nh1, h2, h3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\np, ol, ul\r\n{\r\n	margin-top: 0;\r\n}\r\n\r\nol, ul\r\n{\r\n	padding: 0;\r\n	list-style: none;\r\n}\r\n\r\np\r\n{\r\n	line-height: 180%;\r\n}\r\n\r\nstrong\r\n{\r\n}\r\n\r\na\r\n{\r\n	color: #CC0000;\r\n}\r\n\r\na:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\n.container\r\n{\r\n	overflow: hidden;\r\n	margin: 0em auto;\r\n	width: 1000px;\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/*********************************************************************************/\r\n/* Social Icon Styles                                                            */\r\n/*********************************************************************************/\r\n\r\n	ul.contact\r\n{\r\n	margin: 0;\r\n	padding: 2em 0em 0em 0em;\r\n	list-style: none;\r\n}\r\n\r\nul.contact li\r\n{\r\n	display: inline-block;\r\n	padding: 0em 0.30em;\r\n	font-size: 1em;\r\n}\r\n\r\nul.contact li span\r\n{\r\n	display: none;\r\n	margin: 0;\r\n	padding: 0;\r\n}\r\n\r\nul.contact li a\r\n{\r\n	color: #FFF;\r\n}\r\n\r\nul.contact li a:before\r\n{\r\n	display: inline-block;\r\n	background: #3f3f3f;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.contact li a.icon-twitter:before\r\n{\r\n	background: #2DAAE4;\r\n}\r\n\r\nul.contact li a.icon-facebook:before\r\n{\r\n	background: #39599F;\r\n}\r\n\r\nul.contact li a.icon-dribbble:before\r\n{\r\n	background: #C4376B;\r\n}\r\n\r\nul.contact li a.icon-tumblr:before\r\n{\r\n	background: #31516A;\r\n}\r\n\r\nul.contact li a.icon-rss:before\r\n{\r\n	background: #F2600B;\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 3em 1em 2em;\r\n	letter-spacing: 0.20em;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-weight: 400;\r\n	font-size: 0.90em;\r\n	color: #FFF;\r\n}\r\n\r\n.button:before\r\n{\r\n	display: inline-block;\r\n	background: #FFC31F;\r\n	margin-right: 1em;\r\n	width: 40px;\r\n	height: 40px;\r\n	line-height: 40px;\r\n	border-radius: 20px;\r\n	text-align: center;\r\n	color: #272925;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 4-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.box1,  .box2,  .box3,  .box4\r\n{\r\n	width: 235px;\r\n}\r\n .box1,  .box2,  .box3, {\r\n float: left;\r\n margin-right: 20px;\r\n}\r\n\r\n.box4\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 3-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.boxA,  .boxB,  .boxC\r\n{\r\n	width: 300px;\r\n}\r\n\r\n.boxA,  .boxB\r\n{\r\n	float: left;\r\n	margin-right: 50px;\r\n}\r\n\r\n.boxC\r\n{\r\n	float: right;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* 2-column                                                                      */\r\n/*********************************************************************************/\r\n\r\n	.tbox1,  .tbox2\r\n{\r\n	width: 575px;\r\n}\r\n\r\n.tbox1\r\n{\r\n	float: left;\r\n}\r\n\r\n.tbox2\r\n{\r\n	float: right;\r\n}\r\n\r\n#wrapper\r\n{\r\n	background: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Header                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#header-wrapper\r\n{\r\n	background: url(/userUpload/images/img01.jpg) no-repeat center;\r\n	background-size: cover;\r\n	opacity:0.7;\r\n	z-index:-1;\r\n	/*border-top: 10px solid #CC0000;*/\r\n}\r\n\r\n#header\r\n{\r\n	position: relative;\r\n	padding: 5em 0em;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Logo                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#logo\r\n{\r\n}\r\n\r\n#logo h1\r\n{\r\n	position: absolute;\r\n	top: 0;\r\n	left: 0;\r\n	padding: 1em 1em;\r\n	background: #CC0000;\r\n	border-radius: 0px 0px 5px 5px;\r\n}\r\n\r\n#logo a\r\n{\r\n	text-decoration: none;\r\n	color: #FFF;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Menu                                                                          */\r\n/*********************************************************************************/\r\n\r\n	#menu\r\n{\r\n	position: absolute;\r\n	top: 4em;\r\n	right: 0;\r\n}\r\n\r\n#menu ul\r\n{\r\n	display: inline-block;\r\n}\r\n\r\n#menu li\r\n{\r\n	display: block;\r\n	float: left;\r\n	text-align: center;\r\n}\r\n\r\n#menu li a, #menu li span\r\n{\r\n	padding: 1em 1.5em;\r\n	letter-spacing: 1px;\r\n	text-decoration: none;\r\n	text-transform: uppercase;\r\n	font-size: 0.90em;\r\n	font-weight: 600;\r\n	color: #FFF;\r\n}\r\n\r\n#menu li:hover a, #menu li.active a, #menu li.active span\r\n{\r\n	background: #CC0000;\r\n	border-radius: 5px;\r\n}\r\n\r\n#menu .current_page_item a\r\n{\r\n}\r\n\r\n#menu .icon\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Banner                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#banner\r\n{\r\n	padding: 10em 0em;\r\n	opacity:0.8;\r\n}\r\n\r\n#banner span\r\n{\r\n	display: block;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	text-align: center;\r\n	font-weight: 700;\r\n	font-size: 30px;\r\n	letter-spacing: 11px;\r\n	color: #FFF;\r\n}\r\n\r\n	#banner2\r\n{\r\n	padding: 2em 0em 2em;\r\n	width:100%;\r\n	background-color:#000;\r\n	z-index:0;\r\n	\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Page                                                                          */\r\n/*********************************************************************************/\r\n\r\n	/*#page\r\n	{\r\n		padding-bottom: 5em;\r\n	}\r\n	\r\n	#page h2\r\n	{\r\n		padding-bottom: 1.5em;\r\n		text-transform: uppercase;\r\n		font-size: 1.5em;\r\n	}\r\n*/\r\n\r\n/*********************************************************************************/\r\n/* Content                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#content\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Sidebar                                                                       */\r\n/*********************************************************************************/\r\n\r\n	#sidebar\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Footer                                                                        */\r\n/*********************************************************************************/\r\n\r\n	#footer\r\n{\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Copyright                                                                     */\r\n/*********************************************************************************/\r\n\r\n	#copyright\r\n{\r\n	background-color: #FFD700;\r\n	width:100%;\r\n	overflow: hidden;\r\n	padding: 6em 0em;\r\n}\r\n\r\n#copyright p\r\n{\r\n	letter-spacing: 0.20em;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	font-family:微軟正黑體;\r\n	font-size: 18px;\r\n	color: #FFFFFF;\r\n}\r\n\r\n#copyright a\r\n{\r\n	text-decoration: none;\r\n	color: rgba(255,255,255,0.9);\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Heading Titles                                                                */\r\n/*********************************************************************************/\r\n\r\n	.title\r\n{\r\n	margin-bottom: 3em;\r\n	text-transform: uppercase;\r\n}\r\n\r\n.title h2\r\n{\r\n	font-size: 2.8em;\r\n	font-weight: 700;\r\n}\r\n\r\n.title .byline\r\n{\r\n	font-size: 1.1em;\r\n	color: #6F6F6F;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff\r\n{\r\n	padding: 4em 0em;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Staff2                                                                         */\r\n/*********************************************************************************/\r\n\r\n	#staff2\r\n{\r\n	padding: 2em 0em;\r\n	padding-top: 0px;\r\n	text-align: center;\r\n}\r\n\r\n/*********************************************************************************/\r\n/* Welcome                                                                       */\r\n/*********************************************************************************/\r\n\r\n#welcome\r\n{\r\n	padding: 5em 0em 5em 0em;\r\n	border-top: 1px solid rgba(0,0,0,.1);\r\n	text-align: center;\r\n	letter-spacing:2px;\r\n}\r\n\r\nul.style3\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	overflow: hidden;\r\n	list-style: none;\r\n	color: #6c6c6c\r\n}\r\n\r\nul.style3 li\r\n{\r\n	padding: 1.6em 0em 0em 0em;\r\n	margin: 0 0 1em 0;\r\n}\r\n\r\nul.style3 p\r\n{\r\n	margin: 0;\r\n}\r\n\r\nul.style3 a\r\n{\r\n	display: block;\r\n	text-decoration: none;\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style3 a:hover\r\n{\r\n	text-decoration: underline;\r\n}\r\n\r\nul.style3 h3\r\n{\r\n	padding: 1em 0em 5px 0em;\r\n	text-transform: uppercase;\r\n	font-size: 1em;\r\n	font-weight: 300;\r\n}\r\n\r\nul.style3 .first\r\n{\r\n	padding-top: 0;\r\n	background: none;\r\n}\r\n\r\nul.style3 .date\r\n{\r\n	float: left;\r\n	position: relative;\r\n	width: 80px;\r\n	height: 70px;\r\n	margin: 0.5em 1.5em 0em 0.5em;\r\n	padding: 20px 0em 0em 0em;\r\n	background: #262626;\r\n	border-radius: 5px;\r\n	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.1);\r\n	line-height: normal;\r\n	text-align: center;\r\n	text-transform: uppercase;\r\n	text-shadow: 0px 1px 0px rgba(0,0,0,.2);\r\n	font-size: 1em;\r\n	font-weight: 400;\r\n	color: #FFF;\r\n}\r\n\r\nul.style3 .date:after\r\n{\r\n	content: \'\';\r\n	display: block;\r\n	position: absolute;\r\n	left: 0;\r\n	top: 0;\r\n	width: 100%;\r\n	height: 100%;\r\n	border-radius: 6px;\r\n}\r\n\r\nul.style3 .date b\r\n{\r\n	margin: 0;\r\n	padding: 0;\r\n	display: block;\r\n	margin-top: -5px;\r\n	font-size: 1.8em;\r\n	font-weight: 700;\r\n	color: #FFFFFF;\r\n}\r\n\r\nul.style3 .date a\r\n{\r\n	color: #FFFFFF !important;\r\n}\r\n\r\nul.style3 .date a:hover\r\n{\r\n	text-decoration: none;\r\n}\r\n\r\nul.style4\r\n{\r\n	margin: 0px;\r\n	padding: 0px;\r\n	list-style: none;\r\n}\r\n\r\nul.style4 li\r\n{\r\n	border-top: 1px solid rgba(0,0,0,0.1);\r\n	line-height: 3em;\r\n}\r\n\r\nul.style4 a\r\n{\r\n	color: #2D2D2D;\r\n}\r\n\r\nul.style4 .first\r\n{\r\n	padding-top: 0px;\r\n	border-top: none;\r\n}\r\n@charset \'UTF-8\';\r\n\r\n@font-face\r\n{\r\n	font-family: \'FontAwesome\';\r\n	src: url(\'fonts/fontawesome-webfont.eot?v=3.0.1\');\r\n	src: url(\'fonts/fontawesome-webfont.eot?#iefix&v=3.0.1\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-webfont.woff?v=3.0.1\') format(\'woff\'),\r\n	     url(\'fonts/fontawesome-webfont.ttf?v=3.0.1\') format(\'truetype\'),\r\n	     url(\'fonts/fontawesome-webfont.svg#FontAwesome\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;\r\n}\r\n\r\n@font-face\r\n{\r\n	font-family: \'Font-Awesome-Social\';\r\n	src: url(\'fonts/fontawesome-social-webfont.eot\');\r\n	src: url(\'fonts/fontawesome-social-webfont.eot?#iefix\') format(\'embedded-opentype\'),\r\n	     url(\'fonts/fontawesome-social-webfont.woff\') format(\'woff\'),\r\n		 url(\'fonts/fontawesome-social-webfont.ttf\') format(\'truetype\'),\r\n		 url(\'fonts/fontawesome-social-webfont.svg#Font-Awesome-More\') format(\'svg\');\r\n	font-weight: normal;\r\n	font-style: normal;</style>\r\n<div id=\"header-wrapper\">\r\n	<!--<div id=\"header\" class=\"container\">\r\n		<div id=\"logo\">\r\n			<h1><a href=\"#\">RedMarket</a></h1>\r\n		</div>\r\n		<div id=\"menu\">\r\n			<ul>\r\n				<li class=\"active\"><a href=\"#\" accesskey=\"1\" title=\"\">Homepage</a></li>\r\n				<li><a href=\"#\" accesskey=\"2\" title=\"\">Our Clients</a></li>\r\n				<li><a href=\"#\" accesskey=\"3\" title=\"\">About Us</a></li>\r\n				<li><a href=\"#\" accesskey=\"4\" title=\"\">Careers</a></li>\r\n				<li><a href=\"#\" accesskey=\"5\" title=\"\">Contact Us</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>-->\r\n	<div class=\"container\" id=\"banner\">\r\n		<div class=\"container\" id=\"banner2\">\r\n			<span>/ 民以食為天，提供安心的農產品是我們唯一的堅持 /</span></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"container\" id=\"staff\">\r\n		<!--<div class=\"title\">\r\n			<h2>Etiam rhoncus volutpat</h2>\r\n			<span>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum</span> </div>\r\n		-->\r\n		<div class=\"boxA\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product01(1).jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxB\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product02.jpg\" width=\"300\" /></a></div>\r\n		<div class=\"boxC\">\r\n			<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product03.jpg\" width=\"300\" /></a></div>\r\n	</div>\r\n	<div id=\"wrapper\">\r\n		<div class=\"container\" id=\"staff2\">\r\n			<div class=\"boxA\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product04(1).jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxB\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product05(1).jpg\" width=\"300\" /></a></div>\r\n			<div class=\"boxC\">\r\n				<a href=\"#\"><img alt=\"\" height=\"300\" src=\"/userUpload/images/product06(1).jpg\" /></a></div>\r\n		</div>\r\n		<!--\r\n	<div id=\"page\" class=\"container\">\r\n		<div class=\"boxA\">\r\n			<h2>Fusce ultrices<br />\r\n				<span>fringilla metus</span></h2>\r\n			<p>Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum.</p>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Proin gravida orci porttitor</a></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxB\">\r\n			<h2>Praesent<br />\r\n				<span> scelerisque scelerisque</span></h2>\r\n			<ul class=\"style3\">\r\n				<li class=\"first\">\r\n					<p class=\"date\"><a href=\"#\">Dec<b>30</b></a></p>\r\n					<h3>Amet sed volutpat mauris</h3>\r\n					<p><a href=\"#\">Mauris tempus nibh sodales adipiscing dolore.</a></p>\r\n				</li>\r\n				<li>\r\n					<p class=\"date\"><a href=\"#\">Dec<b>28</b></a></p>\r\n					<h3>Sagittis diam dolor amet</h3>\r\n					<p><a href=\"#\">Duis arcu tortor fringilla sed  sed magna.</a></p>\r\n				</li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"boxC\">\r\n			<h2>Etiam posuere<br />\r\n				<span>augue sit amet</span></h2>\r\n			<ul class=\"style4\">\r\n				<li class=\"first\"><a href=\"#\">Consectetuer adipiscing elit</a></li>\r\n				<li><a href=\"#\">Metus aliquam pellentesque</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n				<li><a href=\"#\">Urnanet non molestie semper</a></li>\r\n				<li><a href=\"#\">Suspendisse iaculis mauris</a></li>\r\n			</ul>\r\n		</div>\r\n	</div>\r\n	-->\r\n		<div class=\"container\" id=\"welcome\" style=\"color:#FFD700\">\r\n			<div class=\"title\">\r\n				<h2>\r\n					東軒坊 | 台東縣關山鎮德高里永豐48號 |</h2>\r\n			</div>\r\n			<h2>\r\n				我們堅持品質的動力，來自您對我們的支持。</h2>\r\n		</div>\r\n	</div>\r\n	<!--\r\n	<div class=\"container\" id=\"copyright\">\r\n		<p>\r\n			<strong>東軒坊 | 台東縣關山鎮德高里永豐48號 |<br />\r\n			copyright &copy; 臺東大學樂活產業創新平台2018 </strong></p>\r\n	</div>\r\n</div>\r\n-->\r\n	<p>\r\n		&nbsp;</p>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1148,'2018-05-19 11:39:04','2018-05-18 22:11:10',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<html lang=\"zh-TW\">\r\n\r\n<head>\r\n\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    <!-- Material Design Bootstrap -->\r\n    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css\" rel=\"stylesheet\">\r\n\r\n\r\n    <!-- Scroll-reaveal -->\r\n    <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \r\n\r\n    <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n    <link href=\"https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\" rel=\"stylesheet\" type=\"text/css\">\r\n\r\n    <script src=\"https://www.google.com/recaptcha/api.js\"></script>\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    <!-- 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    <style type=\"text/css\">\r\n        body {\r\n            background-size: cover;\r\n        }\r\n\r\n        .bgw{\r\n            background-color: rgba(255,255,255,0);\r\n        }\r\n\r\n        .title1{\r\n            background-color: rgba(0,0,0,.7);\r\n            color: white;\r\n            font-weight: bold;\r\n            padding-left: 0em;\r\n            width: 18em;\r\n            padding: 5px 0 7px 0;\r\n            border-radius: 6px;\r\n            text-align: center;\r\n            letter-spacing: 0.4pc;\r\n            font-family: 標楷體;\r\n        }\r\n\r\n        a[ id=link-drop ]:target ~ #link-drop {\r\n            transform: translateY( -200px );\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,.1);\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        .dropdown-menu{\r\n            background: rgba(0, 0, 0, .1);\r\n            position: absolute;\r\n            top: 100%;\r\n        }\r\n\r\n        .dropdown-menu>li>a:hover{\r\n            background: rgba(0,0,0,.1);\r\n        }\r\n\r\n        /* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n        input:-webkit-autofill,\r\n        input:-webkit-autofill:hover,\r\n        input:-webkit-autofill:focus,\r\n        input:-webkit-autofill:active {\r\n            -webkit-animation: autofill 0s forwards;\r\n            animation: autofill 0s forwards;\r\n        }\r\n\r\n        @keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        @-webkit-keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        .title1-area {\r\n            padding: 50px\r\n        }\r\n\r\n        .title1-area {\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, .7);\r\n        }\r\n\r\n        .title1-area .small-title {\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        .title1-area .big-title {\r\n            position: relative;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            text-transform: uppercase;\r\n            color: #ffa100 !important;\r\n            font-size: 2em;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .title1-area .big-title::before,\r\n        .title1-area .big-title::after {\r\n            content: \'\';\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: calc((100% - 300px) / 2);\r\n            height: 2px;\r\n            background: rgba(255, 255, 255, .9);\r\n        }\r\n\r\n        .title1-area .big-title::before {\r\n            left: 0;\r\n        }\r\n\r\n        .title1-area .big-title::after {\r\n            right: 0;\r\n        }\r\n\r\n        .title1-area p {\r\n            color: #fff;\r\n            font-size: 1.5em;\r\n            font-family: 標楷體;\r\n            padding: 0 61px;\r\n            text-align: left;\r\n        }\r\n\r\n        .block2 {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            width: 100%;\r\n\r\n            min-height: 300px;\r\n            background-color: #fff;\r\n        }\r\n\r\n        footer{\r\n            background-color: rgba(255, 255, 255, .8);\r\n        }\r\n\r\n        .back-to-top {\r\n            background: none;            \r\n            margin: 0;            \r\n            position: fixed;            \r\n            bottom: 0;          \r\n            right: 0;            \r\n            width: 70px;           \r\n            height: 70px;          \r\n            z-index: 100;           \r\n            display: none;           \r\n            text-decoration: none;            \r\n            color: #fff;            \r\n            background-color: transparent;    \r\n        }\r\n\r\n        .back-to-top i {\r\n            font-size: 60px;\r\n        }\r\n\r\n        .back-to-top:hover , .back-to-top:focus{\r\n            color: #ff4a4a;\r\n        }\r\n\r\n        #toTop{\r\n            position: fixed;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            cursor: pointer;\r\n            display: none;\r\n        }\r\n\r\n        #toTop{\r\n            font-family: 標楷體;\r\n            font-size: 15px;\r\n            opacity: 0.9;\r\n            background-color: #ff4a4a !important;\r\n            border: none;\r\n            letter-spacing: 0.09em;\r\n        }\r\n\r\n        .btn-default{background-color: transparent}\r\n        .btn-default:hover, .btn-default:focus{background-color: transparent}\r\n        .move-btn{\r\n            position: relative;\r\n            left: -15em;\r\n            top: 3px;\r\n            height: 32px;\r\n            background-color: transparent !important;\r\n            padding: 4px 10px 1px 12px !important;\r\n        }\r\n\r\n        .form-inline-add{\r\n            position: relative;\r\n            left: -52px;\r\n            top: -1.7em;\r\n            float: right;\r\n        }\r\n\r\n        .i-search{\r\n            color: #919191;\r\n            top: 2px;\r\n            left: -8px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .btn1{\r\n            position: absolute;\r\n            left: 72em;\r\n            top: 8.5em;\r\n        }\r\n\r\n        .btn1:hover, .btn1:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n\r\n        .btn2{\r\n            position: absolute;\r\n            left: 5.3em;\r\n            top: 26.5em;\r\n        }\r\n\r\n        .btn2:hover, .btn2:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n        .btn3{\r\n            position: absolute;\r\n            top: -2.5em;\r\n            left: 3em;\r\n        }\r\n\r\n        .btn3:hover, .btn3:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n        .img-1{\r\n            position: relative;\r\n            top: -17em;\r\n            left: 23em;\r\n            border-radius: 2%;\r\n            width: 23em;\r\n        }\r\n\r\n        .img-1:hover{\r\n            transform: translateY(-10px);\r\n            -webkit-transform: translateY(-10px);\r\n        }\r\n\r\n        .img-2{\r\n            width: 33em;\r\n            border-radius: 5%;\r\n            margin-bottom: 2em;\r\n        }\r\n\r\n        .search-word{\r\n            position: relative;\r\n            top: -2px;\r\n            padding-left: 2px;\r\n            letter-spacing: 0.06em;\r\n        }\r\n\r\n        .btn-4{\r\n            position: relative;\r\n            float: right;\r\n            top: -2.1em;\r\n            left: -3.54em;\r\n        }\r\n\r\n    </style>\r\n\r\n</head>\r\n\r\n<body>\r\n\r\n\r\n    <button type=\"button\" class=\"btn btn-4 btn-danger btn-rounded\" data-toggle=\"collapse\" data-target=\"#hidden-search\">\r\n        <i class=\"glyphicon glyphicon-search\">\r\n            <span class=\"search-word\">\r\n                搜尋\r\n            </span>\r\n        </i>\r\n    </button>\r\n\r\n    <!--Hidden Search-->\r\n    <div id=\"hidden-search\" class=\"collapse\">\r\n        <form class=\"form-inline form-inline-add\" method=\"GET\" action=\"#\">\r\n            <div class=\"form-group row\" id=\"search\">\r\n                <input type=\"search\" name=\"search\" id=\"search-product\" class=\"form-control\" \r\n                placeholder=\"搜尋我們的資料與產品\" style=\"width: 15.3em; padding-left: 40px;\">\r\n                <a href=\"#\" class=\"move-btn\">\r\n                    <i class=\"glyphicon glyphicon-search i-search\"></i>\r\n                </a>\r\n            </div>\r\n        </form>\r\n    </div>\r\n\r\n    <section style=\"padding-bottom: 30em;\">\r\n        <div class=\"container-fluid bgw load\" style=\"margin-left: 10px; margin-right: 10px;\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\" style=\"padding-top: 9em;\">\r\n                    <center>\r\n                        <img id=\"img-moving\" src=\"userUpload/20180513logo.png\" class=\"center-logo hoverable\">\r\n                        <h1 class=\"title1\">\r\n                            茶，每天而更新我們的娛樂\r\n                        </h1>\r\n\r\n                        <a class=\"scroll\" href=\"#link-drop\">\r\n                            <img height=\"28\" width=\"28\" src=\"https://www.thrivingparish.org/wp-content/uploads/2018/01/white-down-arrow-png-2.png\">\r\n                        </a>\r\n                    </center>\r\n                </div>\r\n            </div>\r\n    </section>\r\n\r\n    <section id=\"link-drop\" class=\"scroll-1\" style=\"padding-bottom: 15px;\">\r\n        <div class=\"container bgw\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"title1-area\">\r\n                        <h4 class=\"big-title\">\r\n                            品牌介紹\r\n                        </h4>\r\n\r\n                        <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                            <b style=\"font-size: 20px; margin-bottom: 10px;letter-spacing: 0.5em\">栽種有機茶，突破困境</b>，<br><br>\r\n                            <p class=\"content-in-block\">\r\n                                建國百年女神農 佳芳茶園 『陳麗雪』\r\n                            \r\n                            陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質欵與經濟壓力，\r\n                            不是一般人所能承受，\r\n                            但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，還有...\r\n                            </p>\r\n                        </p>\r\n                        <a href=\"#readmore\" class=\"btn btn1 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <section id=\"link-drop\" class=\"scroll-2\" style=\"padding-bottom: 15px;\">\r\n        <div class=\"container bgw\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"title1-area\" style=\"overflow: hidden;\">\r\n                        <!--我的故事-->\r\n                        <div style=\"display: block; height: 32em\">\r\n                            <h4 class=\"big-title\">\r\n                                主人故事\r\n                            </h4>\r\n\r\n                            <div style=\"display: block; width: 54em\">\r\n                                <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                                    <p class=\"content-in-block\">\r\n                                            臺東縣卑南鄉陳麗雪女士為專業茶農，\r\n                                            具有學習與創新的精神，積極參與各項合作研發，並配合政府政策推行廠農合作、\r\n                                            落實產銷履歷及安全用藥，推展優質安全茶業，開發茶葉新產品。經營有機茶園，\r\n                                            作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。\r\n                                            參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度，\r\n                                            開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，朝向觀光茶園發展。                         \r\n                                    </p>\r\n                                </p>\r\n                            </div>\r\n\r\n                            <a href=\"#\">\r\n                                <img class=\"img-1\" class=\"img-1\" src=\"https://i1.wp.com/taiwan-tea.polomi.taipei/wp-content/uploads/2018/03/about-3.jpg?w=2000\">\r\n                            </a>\r\n\r\n                            <a href=\"#readmore\" class=\"btn btn2 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>                    \r\n                        </div>\r\n\r\n                        <!--我得獎金-->\r\n                        <div class=\"row\" style=\"display: block\">\r\n                            <div class=\"col-md-6 col-sm-6\">\r\n                                <img id=\"img-2\" class=\"img-2\" src=\"http://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-1.jpg\">\r\n                            </div>\r\n\r\n                            <div class=\"title1-area col-md-6 col-sm-6\" style=\"border-radius: 2%;width: 40em; left: -.5em\">\r\n                                <div class=\"col-sm-12\">\r\n                                    <b class=\"small-title\" style=\"letter-spacing: 0.5em\">獲獎事蹟</b>\r\n                                    <p class=\"content-in-block\" style=\"width: 32em\">\r\n                                        <p>膺選89年優秀茶葉產製技術改良農戶</p>\r\n                                        <p>膺選90年模範勞工</p>\r\n                                        <p>榮獲99年台東縣農會優秀有機農業經營農戶</p>\r\n                                        <p>台東縣農會99年度創新農業經營管理獎</p>\r\n                                        <p>榮獲民國99年國家品質保證 金牌獎...</p>\r\n                                    </p>\r\n\r\n                                    <a class=\"btn btn3 btn-outline-danger waves-effect\">\r\n                                        Read more...\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <script type=\"text/javascript\" src=\"https://code.jquery.com/jquery-3.3.1.js\"></script>\r\n    <!--Modernizr -2.7.2 cdn-->\r\n    <script type=\"text/javascript\" src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\"></script>\r\n\r\n    <!--Turns Navbar to transparent background if user scrolled.-->\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=\"#link-drop\"]\')\r\n        var target = document.getElementById(\'link-drop\')\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\r\n    <!--back to top-->\r\n    <script type=\"text/javascript\">\r\n        $(document).ready(function(){\r\n            $(\'body\').append(\'<div id=\"toTop\" class=\"btn btn-info\"><span class=\"glyphicon glyphicon-chevron-up\"></span>回到最上頁</div>\');\r\n                $(window).scroll(function () {\r\n                    if ($(this).scrollTop() != 0) {\r\n                        $(\'#toTop\').fadeIn();\r\n                    } else {\r\n                        $(\'#toTop\').fadeOut();\r\n                    }\r\n                }); \r\n            $(\'#toTop\').click(function(){\r\n                $(\"html, body\").animate({ scrollTop: 0 }, 600);\r\n                return false;\r\n            });\r\n        });\r\n    </script>\r\n\r\n    <!--scroll-->\r\n    <script type=\"text/javascript\">\r\n        window.sr = ScrollReveal();\r\n        sr.reveal(\'.nav\',{\r\n            duration: 2000,\r\n            origin:\'left\',\r\n            mobile: true,\r\n        });\r\n\r\n        sr.reveal(\'img\',{\r\n            duration: 2500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\'\r\n        });\r\n\r\n        sr.reveal(\'#img-moving\',{\r\n            duration: 2500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\'\r\n        });\r\n\r\n        sr.reveal(\'.title1\',{\r\n            duration: 3000,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'.scroll-1\',{\r\n            duration: 2000,\r\n            origin:\'left\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'button\',{\r\n            duration: 1500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'.scroll-2\',{\r\n            duration: 2000,\r\n            origin:\'right\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n    </script>\r\n\r\n</body>\r\n\r\n</html>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1149,'2018-05-15 09:09:04','2018-05-15 16:41:51',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'0',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	<link href=\"https://fonts.googleapis.com/css?family=Tangerine|Inconsolata|Droid+Sans\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://fonts.googleapis.com/css?family=Roboto+Mono&amp;subset=greek\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\" />\r\n</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</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/mdbootstrap/4.5.0/css/mdb.min.css\" rel=\"stylesheet\" />\r\n</p>\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=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	&nbsp;</p>\r\n<p>\r\n	&nbsp;</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</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1150,'2018-05-15 08:31:58','2018-05-15 16:26:00',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'	<style type=\"text/css\">\r\n    	body {\r\n    		background: url(\'../img/wallpaper.jpg\') no-repeat fixed center center;\r\n    		background-size: cover;\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: 15px;\r\n		}\r\n		\r\n		.navbar-default .navbar-nav>li>a {\r\n			color: #777777;\r\n		}\r\n		\r\n		.navbar-default {\r\n			background-color: #F8F8F8;\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        .carousel-inner a:hover, .carousel-inner a:focus,.carousel-inner a{\r\n            color:peru;\r\n            text-decoration: none;\r\n            box-shadow: 1px 2px 3px #777777;\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        [class^=\'g-\']{\r\n            float: left;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }	\r\n\r\n        .clear-grid{\r\n            clear: both;\r\n            float: inherit;\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        .container-fluid .carousel-inner .content{\r\n            position: absolute;\r\n            bottom: 0;\r\n            top: 140px;\r\n            left: 1px;\r\n            background: rgba(0,0,0,.6);\r\n            color: #f1f1f1;\r\n            width: 100%;\r\n            padding: 10px;\r\n            vertical-align: top;\r\n        }\r\n\r\n        /*#hidden-search{\r\n            width: 100%;\r\n            text-align: center;\r\n            background-color: transparent;\r\n            z-index: 1000;\r\n        }*/\r\n\r\n        .button-move{\r\n            border-radius: 50%;\r\n            position: relative;\r\n            left: 23px;\r\n            top: 7px;\r\n        }\r\n\r\n        /*.circle {\r\n            height: 50px;\r\n            width: 50px;\r\n            background-color: #555;\r\n            border-radius: 50%;\r\n            z-index: 1000;\r\n        }*/\r\n\r\n        /* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n        input:-webkit-autofill,\r\n        input:-webkit-autofill:hover,\r\n        input:-webkit-autofill:focus,\r\n        input:-webkit-autofill:active {\r\n            -webkit-animation: autofill 0s forwards;\r\n            animation: autofill 0s forwards;\r\n        }\r\n\r\n        @keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        @-webkit-keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        .master-of-tea{\r\n            position: absolute;\r\n            top: -8%;\r\n            left: 105%;\r\n            width: 97%;\r\n        }\r\n\r\n        .clear-grid{\r\n            clear: both;\r\n            float: inherit;\r\n        }\r\n\r\n        /*@media only screen and(min-device-width: 375px) and (max-device-width: 812){\r\n            .mobile-mode{\r\n                min-height: 40rem !important;\r\n            }\r\n        }*/\r\n\r\n        .title1-area{padding: 50px}\r\n        .title1-area{\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,.7);\r\n        }\r\n\r\n        .title1-area .small-title{\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        .title1-area .big-title{\r\n            position: relative;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            text-transform: uppercase;\r\n            color: #ffa100 !important;\r\n            font-size: 2em;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .title1-area .big-title::before, .title1-area .big-title::after{\r\n            content: \'\';\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: calc((100% - 300px) / 2);\r\n            height: 2px;\r\n            background: rgba(255,255,255,.9);\r\n        }\r\n\r\n        .title1-area .big-title::before{\r\n            left: 0;\r\n        }\r\n\r\n        .title1-area .big-title::after{\r\n            right: 0;\r\n        }\r\n\r\n        .title1-area p{\r\n            color: #fff;\r\n            font-size: 1.0em;\r\n        }\r\n\r\n        .block2{\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            width: 100%;\r\n\r\n            min-height: 300px;\r\n            background-color: #fff;\r\n        }\r\n\r\n        .infor-right{\r\n            position: relative;\r\n            width: 42%;\r\n            left: 65px;\r\n            min-height: 19.5em;\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		.load { opacity: 1; }\r\n		\r\n	</style>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1151,'2018-05-16 12:03:59','2018-05-16 20:03:59',NULL,'2018-05-16 00:00:00','2038-01-01 00:00:00',125,295,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'銘泉草地音樂野餐日',NULL,'<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>還在煩惱假日沒地方去嗎？</strong> <strong>5/27號，大家相揪來銘泉野餐囉～</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>我們也準備超值的野餐組合，</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>內容包含自然風手染野餐墊、銘泉在地友善食材～</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>必吃有機鳳梨、天然鳳梨汁、</strong></span></span><strong style=\"color: rgb(0, 139, 139); font-size: 18px;\"><span style=\"font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; white-space: pre-wrap;\">甜點與當地原住民特色美食等，還有新鮮現烤鳳藜pizza，</span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>鳳梨遇見了紅藜，這美味的滋味就等給你們來品嚐！</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>聽著鳥叫聲，享受著音樂，品嚐著美食</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>來段不一樣的午後時光吧！</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:18px;\"><span style=\"color:#00bdbd;\"><strong><img alt=\"\" src=\"/userUpload/images/22.jpg\" style=\"width: 953px; height: 637px;\" /></strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong><img alt=\"enlightened\" height=\"20\" src=\"http://ecloud.ewang.com.tw/Store/ckeditor/plugins/smiley/images/lightbulb.gif\" title=\"enlightened\" width=\"20\" />活動時間：<span style=\"font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; white-space: pre-wrap;\">107年5月27日 14:00-16:30 </span></strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong><img alt=\"enlightened\" height=\"20\" src=\"http://ecloud.ewang.com.tw/Store/ckeditor/plugins/smiley/images/lightbulb.gif\" title=\"enlightened\" width=\"20\" />活動費用：<span style=\"font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif; white-space: pre-wrap;\">999元(四人野餐組合) 限量60組</span></strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong><img alt=\"enlightened\" height=\"20\" src=\"http://ecloud.ewang.com.tw/Store/ckeditor/plugins/smiley/images/lightbulb.gif\" title=\"enlightened\" width=\"20\" />活動內容：</strong></span></span></p>\r\n<table align=\"center\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 500px\">\r\n	<tbody>\r\n		<tr>\r\n			<td>\r\n				<table border=\"1\" cellpadding=\"0\" cellspacing=\"0\">\r\n					<tbody>\r\n						<tr>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>超值野餐美食～</strong></span><strong style=\"font-size: 18px;\">在地友善食材</strong></span></p>\r\n							</td>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>14:00~16:30</strong></span></span></p>\r\n							</td>\r\n						</tr>\r\n						<tr>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>草地音樂會</strong></span></span></p>\r\n							</td>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>14:00~16:30</strong></span></span></p>\r\n							</td>\r\n						</tr>\r\n						<tr>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>寵物派對</strong></span></span></p>\r\n							</td>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>14:00~16:30</strong></span></span></p>\r\n							</td>\r\n						</tr>\r\n						<tr>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>農夫市集 &amp; DIY活動</strong></span></span></p>\r\n							</td>\r\n							<td style=\"width:279px;\">\r\n								<p align=\"center\">\r\n									<span style=\"color:#008b8b;\"><span style=\"font-size:18px;\"><strong>9:00~16:30</strong></span></span></p>\r\n							</td>\r\n						</tr>\r\n					</tbody>\r\n				</table>\r\n			</td>\r\n			<td>\r\n				&nbsp;</td>\r\n		</tr>\r\n	</tbody>\r\n</table>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\"><span style=\"color:#ff0000;\"><strong>-&nbsp; &nbsp;訂購野餐組合加碼贈送！！！！ -</strong></span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/1525499948240.jpg\" style=\"width: 945px; height: 600px;\" /></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:28px;\"><strong><span style=\"color:#ff0000;\">報名及匯款方式詳見以下連結：</span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:28px;\"><a href=\"https://reurl.cc/8M24\">https://reurl.cc/8M24</a></span></p>\r\n<p style=\"text-align: center;\">\r\n	<strong style=\"font-size: 28px;\"><span style=\"color: rgb(255, 0, 0);\">*此活動與其他體驗活動為不同報名系統*</span></strong></p>\r\n','','',0,'2018051622.jpg',725661,NULL,NULL,NULL,NULL,NULL,100001,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1152,'2018-05-17 10:43:45','2018-05-17 18:43:25',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'	<footer style=\"background-color: white;\">\r\n		<div class=\"container-fluid bgw\"  style=\"margin-top: 10px; \">\r\n			<div class=\"row\">\r\n				<div class=\"col-lg-12 text-center\">\r\n					<p>總瀏覽人數： 2184，本頁瀏覽人數： 349</p>					\r\n                        <br>臺東大學樂活產業創新平台2017					\r\n                        <br>地址：950 臺東市中華路一段684號					\r\n                        <br>電話：(089)318855					\r\n                        <br>Copyright &copy; 臺東大學樂活產業創新平台2017 2016\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</footer>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1153,'2018-05-17 10:51:17','2018-05-17 18:45:27',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\nfooter{\r\nbackground-color: rgba(255,255,255,0.8);\r\n}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1154,'2018-05-19 11:48:21','2018-05-19 19:40:44',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<html lang=\"zh-TW\">\r\n\r\n<head>\r\n\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    <!-- Material Design Bootstrap -->\r\n    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css\" rel=\"stylesheet\">\r\n\r\n\r\n    <!-- Scroll-reaveal -->\r\n    <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \r\n\r\n    <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n    <link href=\"https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\" rel=\"stylesheet\" type=\"text/css\">\r\n\r\n    <script src=\"https://www.google.com/recaptcha/api.js\"></script>\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    <!-- 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    <style type=\"text/css\">\r\n        body {\r\n            background-size: cover;\r\n        }\r\n\r\n        .bgw{\r\n            background-color: rgba(255,255,255,0);\r\n        }\r\n\r\n        .title1{\r\n            background-color: rgba(0,0,0,.7);\r\n            color: white;\r\n            font-weight: bold;\r\n            padding-left: 0em;\r\n            width: 18em;\r\n            padding: 5px 0 7px 0;\r\n            border-radius: 6px;\r\n            text-align: center;\r\n            letter-spacing: 0.4pc;\r\n            font-family: 標楷體;\r\n        }\r\n\r\n        a[ id=link-drop ]:target ~ #link-drop {\r\n            transform: translateY( -200px );\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,.1);\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        .dropdown-menu{\r\n            background: rgba(0, 0, 0, .1);\r\n            position: absolute;\r\n            top: 100%;\r\n        }\r\n\r\n        .dropdown-menu>li>a:hover{\r\n            background: rgba(0,0,0,.1);\r\n        }\r\n\r\n        /* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n        input:-webkit-autofill,\r\n        input:-webkit-autofill:hover,\r\n        input:-webkit-autofill:focus,\r\n        input:-webkit-autofill:active {\r\n            -webkit-animation: autofill 0s forwards;\r\n            animation: autofill 0s forwards;\r\n        }\r\n\r\n        @keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        @-webkit-keyframes autofill {\r\n            100% {\r\n                background: #fff;\r\n                color: inherit;\r\n            }\r\n        }\r\n\r\n        .title1-area {\r\n            padding: 50px\r\n        }\r\n\r\n        .title1-area {\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, .7);\r\n        }\r\n\r\n        .title1-area .small-title {\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        .title1-area .big-title {\r\n            position: relative;\r\n            font-weight: 100;\r\n            letter-spacing: .06em;\r\n            text-transform: uppercase;\r\n            color: #ffa100 !important;\r\n            font-size: 2em;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .title1-area .big-title::before,\r\n        .title1-area .big-title::after {\r\n            content: \'\';\r\n            position: absolute;\r\n            top: 50%;\r\n            transform: translateY(-50%);\r\n            width: calc((100% - 300px) / 2);\r\n            height: 2px;\r\n            background: rgba(255, 255, 255, .9);\r\n        }\r\n\r\n        .title1-area .big-title::before {\r\n            left: 0;\r\n        }\r\n\r\n        .title1-area .big-title::after {\r\n            right: 0;\r\n        }\r\n\r\n        .title1-area p {\r\n            color: #fff;\r\n            font-size: 1.5em;\r\n            font-family: 標楷體;\r\n            padding: 0 61px;\r\n            text-align: left;\r\n        }\r\n\r\n        .block2 {\r\n            position: absolute;\r\n            left: 0;\r\n            top: 50%;\r\n            width: 100%;\r\n\r\n            min-height: 300px;\r\n            background-color: #fff;\r\n        }\r\n\r\n        footer{\r\n            background-color: rgba(255, 255, 255, .8);\r\n        }\r\n\r\n        .back-to-top {\r\n            background: none;            \r\n            margin: 0;            \r\n            position: fixed;            \r\n            bottom: 0;          \r\n            right: 0;            \r\n            width: 70px;           \r\n            height: 70px;          \r\n            z-index: 100;           \r\n            display: none;           \r\n            text-decoration: none;            \r\n            color: #fff;            \r\n            background-color: transparent;    \r\n        }\r\n\r\n        .back-to-top i {\r\n            font-size: 60px;\r\n        }\r\n\r\n        .back-to-top:hover , .back-to-top:focus{\r\n            color: #ff4a4a;\r\n        }\r\n\r\n        #toTop{\r\n            position: fixed;\r\n            bottom: 10px;\r\n            right: 10px;\r\n            cursor: pointer;\r\n            display: none;\r\n        }\r\n\r\n        #toTop{\r\n            font-family: 標楷體;\r\n            font-size: 15px;\r\n            opacity: 0.9;\r\n            background-color: #ff4a4a !important;\r\n            border: none;\r\n            letter-spacing: 0.09em;\r\n        }\r\n\r\n        .btn-default{background-color: transparent}\r\n        .btn-default:hover, .btn-default:focus{background-color: transparent}\r\n        .move-btn{\r\n            position: relative;\r\n            left: -15em;\r\n            top: 3px;\r\n            height: 32px;\r\n            background-color: transparent !important;\r\n            padding: 4px 10px 1px 12px !important;\r\n        }\r\n\r\n        .form-inline-add{\r\n            position: relative;\r\n            left: -52px;\r\n            top: -1.7em;\r\n            float: right;\r\n        }\r\n\r\n        .i-search{\r\n            color: #919191;\r\n            top: 2px;\r\n            left: -8px;\r\n            font-size: 16px;\r\n        }\r\n\r\n        .btn1{\r\n            position: absolute;\r\n            left: 72em;\r\n            top: 8.5em;\r\n        }\r\n\r\n        .btn1:hover, .btn1:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n\r\n        .btn2{\r\n            position: absolute;\r\n            left: 5.3em;\r\n            top: 26.5em;\r\n        }\r\n\r\n        .btn2:hover, .btn2:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n        .btn3{\r\n            position: absolute;\r\n            top: -2.5em;\r\n            left: 3em;\r\n        }\r\n\r\n        .btn3:hover, .btn3:focus{\r\n            padding: 6px 12px;\r\n            background-color: rgba(0,0,0,.8);\r\n        }\r\n\r\n        .img-1{\r\n            position: relative;\r\n            top: -17em;\r\n            left: 23em;\r\n            border-radius: 2%;\r\n            width: 23em;\r\n        }\r\n\r\n        .img-1:hover{\r\n            transform: translateY(-10px);\r\n            -webkit-transform: translateY(-10px);\r\n        }\r\n\r\n        .img-2{\r\n            width: 33em;\r\n            border-radius: 5%;\r\n            margin-bottom: 2em;\r\n        }\r\n\r\n        .search-word{\r\n            position: relative;\r\n            top: -2px;\r\n            padding-left: 2px;\r\n            letter-spacing: 0.06em;\r\n        }\r\n\r\n        .btn-4{\r\n            position: relative;\r\n            float: right;\r\n            top: -2.1em;\r\n            left: -3.54em;\r\n        }\r\n\r\n    </style>\r\n\r\n</head>\r\n\r\n<body>\r\n\r\n\r\n    <button type=\"button\" class=\"btn btn-4 btn-danger btn-rounded\" data-toggle=\"collapse\" data-target=\"#hidden-search\">\r\n        <i class=\"glyphicon glyphicon-search\">\r\n            <span class=\"search-word\">\r\n                搜尋\r\n            </span>\r\n        </i>\r\n    </button>\r\n\r\n    <!--Hidden Search-->\r\n    <div id=\"hidden-search\" class=\"collapse\">\r\n        <form class=\"form-inline form-inline-add\" method=\"GET\" action=\"#\">\r\n            <div class=\"form-group row\" id=\"search\">\r\n                <input type=\"search\" name=\"search\" id=\"search-product\" class=\"form-control\" \r\n                placeholder=\"搜尋我們的資料與產品\" style=\"width: 15.3em; padding-left: 40px;\">\r\n                <a href=\"#\" class=\"move-btn\">\r\n                    <i class=\"glyphicon glyphicon-search i-search\"></i>\r\n                </a>\r\n            </div>\r\n        </form>\r\n    </div>\r\n\r\n    <section style=\"padding-bottom: 30em;\">\r\n        <div class=\"container-fluid bgw load\" style=\"margin-left: 10px; margin-right: 10px;\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\" style=\"padding-top: 9em;\">\r\n                    <center>\r\n                        <img id=\"img-moving\" src=\"userUpload/20180513logo.png\" class=\"center-logo hoverable\">\r\n                        <h1 class=\"title1\">\r\n                            茶，每天而更新我們的娛樂\r\n                        </h1>\r\n\r\n                        <a class=\"scroll\" href=\"#link-drop\">\r\n                            <img height=\"28\" width=\"28\" src=\"https://www.thrivingparish.org/wp-content/uploads/2018/01/white-down-arrow-png-2.png\">\r\n                        </a>\r\n                    </center>\r\n                </div>\r\n            </div>\r\n    </section>\r\n\r\n    <section id=\"link-drop\" class=\"scroll-1\" style=\"padding-bottom: 15px;\">\r\n        <div class=\"container bgw\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"title1-area\">\r\n                        <h4 class=\"big-title\">\r\n                            品牌介紹\r\n                        </h4>\r\n\r\n                        <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                            <b style=\"font-size: 20px; margin-bottom: 10px;letter-spacing: 0.5em\">栽種有機茶，突破困境</b>，<br><br>\r\n                            <p class=\"content-in-block\">\r\n                                建國百年女神農 佳芳茶園 『陳麗雪』\r\n                            \r\n                            陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質?與經濟壓力，\r\n                            不是一般人所能承受，\r\n                            但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，還有...\r\n                            </p>\r\n                        </p>\r\n                        <a href=\"#readmore\" class=\"btn btn1 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <section id=\"link-drop\" class=\"scroll-2\" style=\"padding-bottom: 15px;\">\r\n        <div class=\"container bgw\">\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"title1-area\" style=\"overflow: hidden;\">\r\n                        <!--我的故事-->\r\n                        <div style=\"display: block; height: 32em\">\r\n                            <h4 class=\"big-title\">\r\n                                主人故事\r\n                            </h4>\r\n\r\n                            <div style=\"display: block; width: 54em\">\r\n                                <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                                    <p class=\"content-in-block\">\r\n                                            臺東縣卑南鄉陳麗雪女士為專業茶農，\r\n                                            具有學習與創新的精神，積極參與各項合作研發，並配合政府政策推行廠農合作、\r\n                                            落實產銷履歷及安全用藥，推展優質安全茶業，開發茶葉新產品。經營有機茶園，\r\n                                            作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。\r\n                                            參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度，\r\n                                            開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，朝向觀光茶園發展。                         \r\n                                    </p>\r\n                                </p>\r\n                            </div>\r\n\r\n                            <a href=\"#\">\r\n                                <img class=\"img-1\" class=\"img-1\" src=\"https://i1.wp.com/taiwan-tea.polomi.taipei/wp-content/uploads/2018/03/about-3.jpg?w=2000\">\r\n                            </a>\r\n\r\n                            <a href=\"#readmore\" class=\"btn btn2 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>                    \r\n                        </div>\r\n\r\n                        <!--我得獎金-->\r\n                        <div class=\"row\" style=\"display: block\">\r\n                            <div class=\"col-md-6 col-sm-6\">\r\n                                <img id=\"img-2\" class=\"img-2\" src=\"http://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-1.jpg\">\r\n                            </div>\r\n\r\n                            <div class=\"title1-area col-md-6 col-sm-6\" style=\"border-radius: 2%;width: 40em; left: -.5em\">\r\n                                <div class=\"col-sm-12\">\r\n                                    <b class=\"small-title\" style=\"letter-spacing: 0.5em\">獲獎事蹟</b>\r\n                                    <p class=\"content-in-block\" style=\"width: 32em\">\r\n                                        <p>膺選89年優秀茶葉產製技術改良農戶</p>\r\n                                        <p>膺選90年模範勞工</p>\r\n                                        <p>榮獲99年台東縣農會優秀有機農業經營農戶</p>\r\n                                        <p>台東縣農會99年度創新農業經營管理獎</p>\r\n                                        <p>榮獲民國99年國家品質保證 金牌獎...</p>\r\n                                    </p>\r\n\r\n                                    <a class=\"btn btn3 btn-outline-danger waves-effect\">\r\n                                        Read more...\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n\r\n    <!--Turns Navbar to transparent background if user scrolled.-->\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=\"#link-drop\"]\')\r\n        var target = document.getElementById(\'link-drop\')\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\r\n    <!--back to top-->\r\n    <script type=\"text/javascript\">\r\n        $(document).ready(function(){\r\n            $(\'body\').append(\'<div id=\"toTop\" class=\"btn btn-info\"><span class=\"glyphicon glyphicon-chevron-up\"></span>回到最上頁</div>\');\r\n                $(window).scroll(function () {\r\n                    if ($(this).scrollTop() != 0) {\r\n                        $(\'#toTop\').fadeIn();\r\n                    } else {\r\n                        $(\'#toTop\').fadeOut();\r\n                    }\r\n                }); \r\n            $(\'#toTop\').click(function(){\r\n                $(\"html, body\").animate({ scrollTop: 0 }, 600);\r\n                return false;\r\n            });\r\n        });\r\n    </script>\r\n\r\n    <!--scroll-->\r\n    <script type=\"text/javascript\">\r\n        window.sr = ScrollReveal();\r\n        sr.reveal(\'.nav\',{\r\n            duration: 2000,\r\n            origin:\'left\',\r\n            mobile: true,\r\n        });\r\n\r\n        sr.reveal(\'img\',{\r\n            duration: 2500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\'\r\n        });\r\n\r\n        sr.reveal(\'#img-moving\',{\r\n            duration: 2500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\'\r\n        });\r\n\r\n        sr.reveal(\'.title1\',{\r\n            duration: 3000,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'.scroll-1\',{\r\n            duration: 2000,\r\n            origin:\'left\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'button\',{\r\n            duration: 1500,\r\n            origin:\'bottom\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n\r\n        sr.reveal(\'.scroll-2\',{\r\n            duration: 2000,\r\n            origin:\'right\',\r\n            mobile: true,\r\n            useDelay: \'always\',\r\n            reset: true\r\n        });\r\n    </script>\r\n\r\n</body>\r\n\r\n</html>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1155,'2018-05-19 11:39:59','2018-05-19 19:39:35',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<a href=\"/userUpload/arrow-down.png\">/userUpload/arrow-down.png</a>This is some sample text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1156,'2018-05-19 11:46:54','2018-05-19 19:46:44',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<a href=\"http://ecloud.ewang.com.tw/Store/ckfinder/core/connector/php/connector.php?command=Thumbnail&amp;type=Files&amp;currentFolder=%2F&amp;langCode=en&amp;hash=933ebc37063587ba&amp;FileName=logo.png\">http://ecloud.ewang.com.tw/Store/ckfinder/core/connector/php/connector.php?command=Thumbnail&amp;type=Files&amp;currentFolder=%2F&amp;langCode=en&amp;hash=933ebc37063587ba&amp;FileName=logo.png</a></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1157,'2018-08-31 17:41:23','2018-09-01 01:41:23',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<html lang=\"zh-TW\">\r\n\r\n    <head>\r\n\r\n   <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    <!-- Material Design Bootstrap -->\r\n    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.0/css/mdb.min.css\" rel=\"stylesheet\">\r\n\r\n\r\n    <!-- Scroll-reaveal -->\r\n    <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \r\n\r\n    <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n    <link href=\"https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\" rel=\"stylesheet\" type=\"text/css\">\r\n\r\n    <script src=\"https://www.google.com/recaptcha/api.js\"></script>\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=\"臺東大學樂活產業創新平台2017， 翼王資訊社建置維護\">\r\n        <meta name=\"author\" content=\"\">\r\n\r\n        <title>- 首頁 - 臺東大學樂活產業創新平台2017</title>\r\n\r\n        <!-- Bootstrap Core CSS -->\r\n        <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\r\n        <link rel=\"stylesheet\" type=\"text/css\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n        <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.0.13/css/all.css\" integrity=\"sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp\" crossorigin=\"anonymous\">\r\n\r\n        <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\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        <!-- Material Design Bootstrap -->\r\n        <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.4/css/mdb.min.css\" rel=\"stylesheet\">\r\n\r\n\r\n        <!-- Scroll-reaveal -->\r\n        <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \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\"\r\n            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\"\r\n            rel=\"stylesheet\" type=\"text/css\">\r\n\r\n        <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\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        <!-- 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        <script src=\'https://www.google.com/recaptcha/api.js\'></script>\r\n\r\n        <script LANGUAGE=\"JavaScript\">\r\n            // Nannette Thacker http://www.shiningstar.net\r\n            function confirmSubmit() {\r\n                var agree = confirm(\"確定要繼續？\");\r\n                if (agree)\r\n                    return true;\r\n                else\r\n                    return false;\r\n            }\r\n        </script>\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        <!-- 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	<style type=\"text/css\">\r\n\r\n		@charset \"UTF-8\";\r\n\r\n\r\nbody{\r\n  background-size: cover;\r\n}\r\n\r\nli>a::after{\r\n    content: \'\';\r\n    display: block;\r\n    border-bottom: 2px solid #959595;\r\n    transform: scaleX(0) !important;\r\n    transition: transform .3s ease-in-out;\r\n}\r\n\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{\r\n	background: transparent !important;\r\n}\r\n\r\nli>a:focus::after, li>a:hover::after{\r\n    transform: scaleX(1) !important;\r\n}\r\n\r\n.dropdown-menu li {\r\n  text-align: center;\r\n}\r\n\r\n.dropdown-menu > li > a::after{\r\n  content: \'\';\r\n  display: block;\r\n  position: absolute;\r\n  left: 40px;\r\n  width: 50%;\r\n  text-align: center;\r\n  border-bottom: 2px solid #959599;\r\n  transform: scaleX(0) !important;\r\n  transition: transform .3s ease-in-out;\r\n}\r\n\r\n.dropdown-menu > li > a:focus::after, li > a:hover::after{\r\n  transform: scaleX(1) !important;\r\n}\r\n\r\n\r\n.nav>li>img:hover{\r\n  background: transparent !important;\r\n  border-bottom: none !important;\r\n  top: 0 !important;\r\n}\r\n\r\n.navbar, .navbar-default, .navbar-brand, .dropdown-menu>li>a{ font-weight: 300 !important}\r\n\r\n\r\n/* block area */\r\n.title1-area {\r\n  padding: 50px; }\r\n\r\n.title1 {\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  color: white;\r\n  font-weight: bold;\r\n  padding-left: 0em;\r\n  width: 18em;\r\n  padding: 5px 0 7px 0;\r\n  border-radius: 6px;\r\n  text-align: center;\r\n  letter-spacing: 0.4pc;\r\n  font-family: 標楷體; }\r\n\r\n.title1-area {\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.7); }\r\n\r\n.title1-area .small-title {\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.title1-area .big-title {\r\n  position: relative;\r\n  font-weight: 100;\r\n  letter-spacing: .06em;\r\n  text-transform: uppercase;\r\n  color: #ffa100 !important;\r\n  font-size: 2em;\r\n  margin-bottom: 50px; }\r\n\r\n.title1-area .big-title::before,\r\n.title1-area .big-title::after {\r\n  content: \'\';\r\n  position: absolute;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  width: calc((100% - 300px) / 2);\r\n  height: 2px;\r\n  background: rgba(255, 255, 255, 0.9); \r\n  }\r\n\r\n.title1-area .big-title::before {\r\n  left: 0; }\r\n\r\n.title1-area .big-title::after {\r\n  right: 0; }\r\n\r\n.title1-area p {\r\n  color: #fff;\r\n  font-size: 1.5em;\r\n  font-family: 標楷體;\r\n  padding: 0 61px;\r\n  text-align: left; }\r\n\r\n.block2 {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 50%;\r\n  width: 100%;\r\n  min-height: 300px;\r\n  background-color: #fff; }\r\n\r\n/* End block area */\r\n/* search */\r\n.form-inline-add {\r\n  position: relative;\r\n  left: -30px;\r\n  top: 4.6em;\r\n  float: right; }\r\n\r\n.i-search {\r\n  color: #919191;\r\n  top: 3px !important;\r\n  left: -8px;\r\n  font-size: 16px; }\r\n\r\n/* end search */\r\n/* buttons */\r\n.btn1 { \r\n  transform: translateY(-30%);\r\n  font-size: 1.5em; }\r\n\r\n.btn1:hover, .btn1:focus {\r\n  padding: 6px 12px;\r\n  background-color: rgba(0, 0, 0, 0.8); }\r\n\r\n.btn2 {\r\n  transform: translateY(-20%);\r\n  font-size: 1.5em; }\r\n\r\n.btn2:hover, .btn2:focus {\r\n  padding: 6px 12px;\r\n  background-color: rgba(0, 0, 0, 0.8); }\r\n\r\n.btn3 {\r\n  position: absolute !important;\r\n  top: 1.3em;\r\n  left: 23em;\r\n  font-size: 1.2em !important; }\r\n\r\n.btn3:hover,\r\n.btn3:focus {\r\n  padding: 6px 12px;\r\n  background-color: rgba(0, 0, 0, 0.8); }\r\n\r\n/* End buttons */\r\n.img-1 {\r\n  position: relative;\r\n  top: 1em;\r\n  left: -3em;\r\n  border-radius: 2%;\r\n  width: 23em; }\r\n\r\n.img-1:hover {\r\n  transform: translateY(-10px);\r\n  -webkit-transform: translateY(-10px); }\r\n\r\n.img-2 {\r\n  width: 33em;\r\n  border-radius: 5%;\r\n  margin-bottom: 2em; }\r\n\r\n/* End image */\r\n\r\n.modal-title{\r\n  letter-spacing: 0.2em;\r\n  font-weight: 200;\r\n}\r\n\r\n.navbar-nav > li > a{\r\n	font-size: 14px !important;\r\n}\r\n\r\nlabel{\r\n  letter-spacing: 0.1em;\r\n  font-size: 15px !important;\r\n}\r\n\r\n/* block 3 box */\r\n.product-box{\r\n  background: rgba(255, 255, 255, 0.8);\r\n  margin-top: 15px;\r\n  margin-bottom: 25px;\r\n  border:none;\r\n}\r\n\r\n.box-content\r\n{\r\n  padding-left: 15px;\r\n  padding-right: 15px;\r\n  padding-bottom: 15px;\r\n}\r\n/* block 3 box */\r\n\r\n.no-pb{\r\n  padding: 0;\r\n  border: none;\r\n}\r\n\r\n/* box-title */\r\n.box-title{\r\n  position: relative;\r\n  font-weight: 100;\r\n  color: #000;\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  font-size: 2em;\r\n  margin-bottom: 10px;\r\n  letter-spacing: 0.1em;\r\n}\r\n\r\n.box-title::before,\r\n.box-title::after{\r\n  content: \'\';\r\n  position: absolute;\r\n  width: calc((75% - 300px)/2);\r\n  height: 2px;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  background: gray;\r\n}\r\n\r\n.box-title::before{ left: 0;}\r\n.box-title::after{ right: 0;}\r\n\r\n.box-small-title, .box-text{\r\n  text-align: center;\r\n  text-transform: uppercase;\r\n  letter-spacing: 0.1em;\r\n  margin: 5px 0;\r\n  font-size: 1.2em;\r\n}\r\n/* box-title */\r\n\r\n@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {\r\n  .navbar-nav .open .dropdown-menu ul li:hover {\r\n    color: #ddd !important;\r\n  }\r\n  li:hover .dropdown-menu {\r\n    display: none;\r\n  }\r\n\r\n  .embed-responsive{\r\n    position: relative;\r\n    display: block;\r\n    height: 200px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .embed-responsive-21by9::before{\r\n    padding-top: 0% !important;\r\n  }\r\n}\r\n\r\n*{\r\n  box-sizing: border-box;\r\n  font-family: Georgia, \'Times New Roman\', \'FangSong\', \'仿宋\', STFangSong, \'華文仿宋\', serif;\r\n}\r\n\r\n.fa-modal{\r\n  transform: translateY(35%);\r\n}\r\n\r\n.md-form{\r\n  padding-bottom: 10px;\r\n}\r\n\r\n/* end iphone design */\r\n\r\nbody {\r\n  overflow: visible !important;\r\n}\r\n\r\n.bgw {\r\n  background: transparent !important;\r\n}\r\n\r\na[id=link-drop]:target~#link-drop {\r\n  transform: translateY(-200px);\r\n}\r\n\r\n/* navbar */\r\n\r\n.d-b {\r\n  display: block;\r\n  overflow: hidden;\r\n}\r\n\r\n.navbar {\r\n  transition: all 0.6s ease-out;\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,\r\n.navbar-default,\r\n.navbar-brand,\r\n.dropdown-menu>li>a {\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\nsection {\r\n  margin: 0;\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.dropdown-menu {\r\n  background: white;\r\n  position: absolute;\r\n  top: 100%;\r\n  opacity: 1;\r\n}\r\n\r\n.dropdown-menu li:hover {\r\n  visibility: visible;\r\n}\r\n\r\nli:hover .dropdown-menu {\r\n  display: block;\r\n}\r\n\r\n.dropdown-menu>li {\r\n  -ms-font-size: 14px;\r\n}\r\n\r\n/* Input */\r\n\r\n/* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n\r\ninput:-webkit-autofill,\r\ninput:-webkit-autofill:hover,\r\ninput:-webkit-autofill:focus,\r\ninput:-webkit-autofill:active {\r\n  -webkit-animation: autofill 0s forwards;\r\n  animation: autofill 0s forwards;\r\n}\r\n\r\n@keyframes autofill {\r\n  100% {\r\n    background: #fff;\r\n    color: inherit;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes autofill {\r\n  100% {\r\n    background: #fff;\r\n    color: inherit;\r\n  }\r\n}\r\n\r\ninput[type=\"search\"] {\r\n  border-bottom: 1px solid #fff !important;\r\n  border-radius: 15px 15px 0 0 !important;\r\n}\r\n\r\n/* end Input */\r\n\r\nfooter {\r\n  background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.back-to-top {\r\n  background: none;\r\n  margin: 0;\r\n  position: fixed;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 70px;\r\n  height: 70px;\r\n  z-index: 100;\r\n  display: none;\r\n  text-decoration: none;\r\n  color: #fff;\r\n  background-color: transparent;\r\n}\r\n\r\n.back-to-top i {\r\n  font-size: 60px;\r\n}\r\n\r\n.back-to-top:hover,\r\n.back-to-top:focus {\r\n  color: #ff4a4a;\r\n}\r\n\r\n#toTop {\r\n  position: fixed;\r\n  bottom: 10px;\r\n  right: 10px;\r\n  cursor: pointer;\r\n  display: none;\r\n  z-index: 1;\r\n}\r\n\r\n#toTop {\r\n  font-family: 標楷體;\r\n  font-size: 15px;\r\n  opacity: 0.9;\r\n  background-color: #ff4a4a !important;\r\n  border: none;\r\n  letter-spacing: 0.09em;\r\n  z-index: 1;\r\n}\r\n\r\n.btn-default {\r\n  background-color: transparent;\r\n}\r\n\r\n.btn-default:hover,\r\n.btn-default:focus {\r\n  background-color: transparent;\r\n}\r\n\r\n.move-btn {\r\n  position: relative;\r\n  left: -15em;\r\n  top: 3px;\r\n  height: 32px;\r\n  background-color: transparent !important;\r\n  padding: 4px 10px 1px 12px !important;\r\n}\r\n\r\n.form-inline-add {\r\n	transform: translateY(-255%) translateX(20%);\r\n}\r\n\r\n.i-search {\r\n  color: #919191;\r\n  transform: translateX(17%);\r\n  font-size: 16px;\r\n}\r\n\r\n.search-word {\r\n  position: relative;\r\n  top: -2px;\r\n  padding-left: 2px;\r\n  letter-spacing: 0.08em;\r\n  font-size: 15px;\r\n}\r\n\r\n/* buttons */\r\n\r\n.btn-4 {\r\n  float: right; \r\n  z-index: 1000;\r\n  transform: translateY(-80%);\r\n  border-radius: 5px !important;\r\n}\r\n\r\n.btn-rounded {\r\n  -webkit-border-radius: 10em;\r\n  border-radius: 10em;\r\n}\r\n\r\n.waves-effect {\r\n  position: relative;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n  z-index: 1;\r\n}\r\n\r\n/* buttons / end */\r\n\r\n.modal div {\r\n  opacity: 1;\r\n  -webkit-transition: opacity 1s ease-in-out;\r\n  -moz-transition: opacity 1s ease-in-out;\r\n  -ms-transition: opacity 1s ease-in-out;\r\n  -o-transition: opacity 1s ease-in-out;\r\n  transition: opacity 1s ease-in-out;\r\n}\r\n\r\ndiv {\r\n  opacity: 0;\r\n  -webkit-transition: opacity 1s ease-in-out;\r\n  -moz-transition: opacity 1s ease-in-out;\r\n  -ms-transition: opacity 1s ease-in-out;\r\n  -o-transition: opacity 1s ease-in-out;\r\n  transition: opacity 1s ease-in-out;\r\n}\r\n\r\n.load {\r\n  opacity: 1;\r\n}\r\n	\r\n\r\n	</style>\r\n\r\n    </head>\r\n\r\n    <body>\r\n \r\n\r\n        <button type=\"button\" class=\"btn btn-4 btn-danger btn-rounded\" data-toggle=\"collapse\" data-target=\"#hidden-search\">\r\n            <i class=\"glyphicon glyphicon-search\">\r\n                <span class=\"search-word\">\r\n                    搜尋\r\n                </span>\r\n            </i>\r\n        </button>\r\n\r\n        <!--Hidden Search-->\r\n        <div id=\"hidden-search\" class=\"collapse\">\r\n            <form class=\"form-inline form-inline-add\" method=\"GET\" action=\"#\" style=\"z-index: 1\">\r\n                <div class=\"form-group row\" id=\"search\">\r\n                    <input type=\"search\" name=\"search\" id=\"search-product\" class=\"form-control\" \r\n                    placeholder=\"搜尋我們的資料與產品\" style=\"width: 15.3em; padding-left: 40px;\">\r\n                    <a href=\"#\" class=\"move-btn\">\r\n                        <i class=\"glyphicon glyphicon-search i-search\"></i>\r\n                    </a>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n        <!--Big logo-->\r\n        <section style=\"padding-bottom: 30em;\">\r\n            <div class=\"container-fluid load\" style=\"margin-left: 10px; margin-right: 10px;\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\" style=\"padding-top: 10em;\">\r\n                        <center>\r\n                            <a href=\"../html/homepage.html\">\r\n                                <img id=\"img-moving\" src=\"userUpload/20180513logo.png\" class=\"center-logo hoverable img-mobile\">\r\n                            </a>\r\n                            <h1 class=\"title1\">\r\n                                大自然給我最好的禮物\r\n                            </h1>\r\n\r\n                            <a type=\"button\" class=\"btn btn-rounded btn-danger scroll\" href=\"#link-drop\" style=\"letter-spacing: 0.1em; font-size: 15px;\">\r\n                                <img height=\"28\" width=\"28\" src=\"https://www.thrivingparish.org/wp-content/uploads/2018/01/white-down-arrow-png-2.png\">\r\n                                請案我看下面內容\r\n                            </a>\r\n                        </center>\r\n                    </div>\r\n                </div>\r\n        </section>\r\n\r\n        <!--Block 1-->\r\n        <section id=\"link-drop\" class=\"scroll-1\" style=\"padding-bottom: 15px;\">\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"title1-area\">\r\n                            <h4 class=\"big-title\">\r\n                                品牌介紹\r\n                            </h4>\r\n\r\n                            <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                                <b style=\"font-size: 20px; margin-bottom: 10px;letter-spacing: 0.5em\">栽種有機茶，突破困境</b>，<br><br>\r\n                                <p class=\"content-in-block\">\r\n                                    建國百年女神農 佳芳茶園 『陳麗雪』\r\n                                \r\n                                陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質?與經濟壓力，\r\n                                不是一般人所能承受，\r\n                                但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，還有...\r\n                                </p>\r\n                            </p>\r\n                            <a href=\"../html/About-us.html#brand-story\" id=\"brand-story\" class=\"btn btn1 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <!--Block 2-->\r\n        <section id=\"link-drop\" class=\"scroll-2\" style=\"padding-bottom: 15px;\">\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"title1-area\" style=\"overflow: hidden;\">\r\n                            <!--我的故事-->\r\n                            <div class=\"row\" style=\"display: block; height: 32em\">\r\n                                <h4 class=\"big-title\">\r\n                                    主人故事\r\n                                </h4>\r\n\r\n                                <div class=\"col-md-6 col-sm-4\" style=\"display: block;\">\r\n                                    <p class=\"animated zoomIn\" data-animation=\"zoomIn\" style=\"font-size: 15px;color: #fff\">\r\n                                        <p class=\"content-in-block\">\r\n                                            臺東縣卑南鄉陳麗雪女士為專業茶農，\r\n                                            具有學習與創新的精神，積極參與各項合作研發，並配合政府政策推行廠農合作、\r\n                                            落實產銷履歷及安全用藥，推展優質安全茶業，開發茶葉新產品。經營有機茶園，\r\n                                            作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。\r\n                                            參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度，\r\n                                            開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，朝向觀光茶園發展。                         \r\n                                        </p>\r\n                                    </p>\r\n                                    <a href=\"../html/About-us.html#farm-master\" class=\"btn btn2 btn-outline-danger btn-rounded waves-effect\">閱讀全文</a>                    \r\n                                </div>\r\n\r\n                                <div class=\"col-md-6 col-sm-4\">\r\n                                    <a href=\"#\">\r\n                                        <img class=\"img-1\" class=\"img-1\" src=\"https://i1.wp.com/taiwan-tea.polomi.taipei/wp-content/uploads/2018/03/about-3.jpg?w=2000\">\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <section>\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"title1-area\" style=\"overflow: hidden\">\r\n\r\n                            <h4 class=\"big-title\">\r\n                                獲獎事蹟\r\n                            </h4>\r\n\r\n                            <!--我得獎金-->\r\n                            <div class=\"row\" style=\"display: block\">\r\n                                <div class=\"col-md-6 col-sm-6\">\r\n                                    <img id=\"img-2\" class=\"img-2\" src=\"http://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-1.jpg\">\r\n                                </div>\r\n\r\n                                <div class=\"title1-area col-md-6 col-sm-6\" style=\"border-radius: 2%;width: 40em; left: -.5em;top: -1em\">\r\n                                    <div class=\"col-sm-12\">\r\n                                        <b class=\"small-title\" style=\"letter-spacing: 0.5em\">獲獎事蹟</b>\r\n                                        <p class=\"content-in-block\" style=\"width: 32em\">\r\n                                            <p>膺選89年優秀茶葉產製技術改良農戶</p>\r\n                                            <p>膺選90年模範勞工</p>\r\n                                            <p>榮獲99年台東縣農會優秀有機農業經營農戶</p>\r\n                                            <p>台東縣農會99年度創新農業經營管理獎</p>\r\n                                            <p>榮獲民國99年國家品質保證 金牌獎...</p>\r\n                                        </p>\r\n                                    </div>\r\n                                    <a href=\"../html/About-us.html#medals\" class=\"btn btn3 btn-outline-danger waves-effect\">\r\n                                        閱讀全文\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <!--Block 3-->\r\n        <section id=\"link-drop\" class=\"scroll-3\" style=\"padding-bottom: 15px;\">\r\n            <div class=\"row\">\r\n                <div class=\"container product-box\">\r\n                    <div class=\"col-md-12 col-sm-8\">\r\n                        <h4 class=\"box-title\">產品介紹 Product Introduction</h4>\r\n\r\n                        <!--product tea-1 -->\r\n                        <div class=\"col-md-3 col-sm-6\">\r\n                            <div class=\"view overlay product-box z-depth-1-half\">\r\n                                <div class=\"view overlay\">\r\n                                    <button type=\"button\" class=\"no-pb waves-effect waves-light\" onclick=\"product_1()\">\r\n                                        <img src=\"http://ecloud.ewang.com.tw/userUpload/images/%E5%8F%B0%E7%81%A3%E5%86%B7%E6%B3%A1%E7%B6%A0%E8%8C%B6%E8%8C%B6%E5%8C%85.jpg\" class=\"img-fluid img-responsive\">\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <div class=\"box-content\">\r\n                                    <div class=\"box-small-title\">\r\n                                        天然稜堡綠茶茶包\r\n                                    </div>\r\n\r\n                                    <div class=\"box-text\">\r\n                                        <p>\r\n                                            單盒 / 30 包裝\r\n                                        </p>\r\n\r\n                                        <p style=\"background: red; color: #fff;\">售價 $350</p>\r\n                                    </div>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-rounded btn-light-green waves-effect waves-light btn-md ml-4\" onclick=\"product_1()\" style=\"letter-spacing: 0.1em\">\r\n                                        詳細資料\r\n                                    </button>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-rounded btn-brown\" data-toggle=\"modal\" data-target=\"#tea-1\" style=\"letter-spacing: 0.1em\">立即購買</button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <!--product tea-2 -->\r\n                        <div class=\"col-md-3 col-sm-6\">\r\n                            <div class=\"view overlay product-box z-depth-1-half\">\r\n                                <div class=\"view overlay\">\r\n                                    <button type=\"button\" class=\"no-pb waves-effect waves-light\" onclick=\"product_2()\">\r\n                                        <img src=\"http://ecloud.ewang.com.tw/userUpload/images/%E5%8F%B0%E6%9D%B1%E6%9C%89%E6%A9%9F%E7%B4%85%E7%83%8F%E9%BE%8D.jpg\" class=\"img-fluid img-responsive\">\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <div class=\"box-content\">\r\n                                    <div class=\"box-small-title\">\r\n                                        台灣有機紅烏龍\r\n                                    </div>\r\n\r\n                                    <div class=\"box-text\">\r\n                                        <p>\r\n                                            壹罐150公克±5公克 \r\n                                        </p>\r\n\r\n                                        <p style=\"background: red; color: #fff;\">售價 $450</p>\r\n                                    </div>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-rounded btn-light-green waves-effect waves-light btn-md ml-4\" onclick=\"product_2()\" style=\"letter-spacing: 0.1em\">\r\n                                        詳細資料\r\n                                    </button>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-rounded btn-brown\" data-toggle=\"modal\" data-target=\"#tea-2\" style=\"letter-spacing: 0.1em\">立即購買</button>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <!--product tea-3 -->\r\n                        <div class=\"col-md-3 col-sm-6\">\r\n                            <div class=\"view overlay product-box z-depth-1-half\">\r\n                                <div class=\"view overlay\">\r\n                                    <button type=\"button\" class=\"no-pb waves-effect waves-light\" onclick=\"product_3()\">\r\n                                        <img src=\"http://ecloud.ewang.com.tw/userUpload/images/1%E8%9C%9C%E9%A6%99%E7%B4%85%E8%8C%B6%E5%8C%85.jpg\" class=\"img-fluid img-responsive\">\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <div class=\"box-content\">\r\n                                    <div class=\"box-small-title\">\r\n                                        蜜香紅茶有機茶\r\n                                    </div>\r\n\r\n                                    <div class=\"box-text\">\r\n                                        <p>\r\n                                            75公克±5公克 \r\n                                        </p>\r\n\r\n                                        <p style=\"background: red; color: #fff;\">售價$320</p>\r\n                                    </div>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-rounded btn-light-green waves-effect waves-light btn-md ml-4\" onclick=\"product_3()\" style=\"letter-spacing: 0.1em\">\r\n                                        詳細資料\r\n                                    </button>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-rounded btn-brown\" data-toggle=\"modal\" data-target=\"#tea-3\" style=\"letter-spacing: 0.1em\">立即購買</button>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <!--product tea-4-->\r\n                        <div class=\"col-md-3 col-sm-6\">\r\n                            <div class=\"view overlay product-box z-depth-1-half\">\r\n                                <div class=\"view overlay\">\r\n                                    <button type=\"button\" class=\"no-pb waves-effect waves-light\" onclick=\"product_4()\">\r\n                                        <img src=\"http://ecloud.ewang.com.tw/userUpload/images/%E7%B4%85%E7%8E%89%E7%B4%85%E7%83%8F%E9%BE%8D.jpg\" class=\"img-fluid img-responsive\" style=\"height: 13.2em; width: 101%;\">\r\n                                    </button>\r\n                                </div>\r\n\r\n                                <div class=\"box-content\">\r\n                                    <div class=\"box-small-title\">\r\n                                        紅玉紅烏龍\r\n                                    </div>\r\n\r\n                                    <div class=\"box-text\">\r\n                                        <p>\r\n                                            壹罐150公克±5公克 \r\n                                        </p>\r\n\r\n                                        <p style=\"background: red; color: #fff;\">售價$650</p>\r\n                                    </div>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-rounded btn-light-green waves-effect waves-light btn-md ml-4\" onclick=\"product_4()\" style=\"letter-spacing: 0.1em\">\r\n                                        詳細資料\r\n                                    </button>\r\n\r\n                                    <button type=\"button\" class=\"btn btn-rounded btn-brown\" data-toggle=\"modal\" data-target=\"#tea-4\" style=\"letter-spacing: 0.1em\">立即購買</button>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <!--modal 1-->\r\n        <div id=\"tea-1\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"tea-product-1\" aria-hidden=\"true\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n\r\n                    <!--Modal header-->\r\n                     <div class=\"modal-header text-center\">\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"close\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                            &times;\r\n                        </button>\r\n\r\n                        <h3 id=\"tea-1\" class=\"modal-title w-100 font-weight-bold\">您所選購買品名：天然稜堡綠茶茶包</h3>\r\n                    </div>\r\n\r\n                    <form action=\"#\" method=\"POST\">\r\n                        <div class=\"modal-body mx-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-5 col-sm-6\">\r\n                                    <div class=\"text-center view overlay zoom\">\r\n                                        <img id=\"tea-1\" src=\"http://ecloud.ewang.com.tw/userUpload/images/%E5%8F%B0%E7%81%A3%E5%86%B7%E6%B3%A1%E7%B6%A0%E8%8C%B6%E8%8C%B6%E5%8C%85.jpg\" class=\"img-fluid img-responsive z-depth-1-half\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                                <div class=\"col-md-7 col-sm-6\">\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-user-alt prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-username\" class=\"form-control validated\">\r\n                                        <label data-error=\"錯誤-wrong\" data-success=\"正確-correct\" for=\"tea-username\">請輸入您的名字</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-phone prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-phone-number\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-phone-number\">電話或手機號碼</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-envelope prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"email\" id=\"tea-user-email\" class=\"form-control validate\">\r\n                                        <label data-error=\"錯誤-wrong\" data-success=\"正確-correct\" for=\"tea-user-email\">請輸入您的電子郵件</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-4\">\r\n                                        <i class=\"fa fa-map prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-address\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-address\">請輸入您的地址</label>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div class=\"modal-footer d-flex justify-content-center\">\r\n                            <button id=\"tea-1\" type=\"submit\" class=\"btn btn-cyan btn-rounded waves-effect waves-light\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">送件\r\n                            <i class=\"fa fa-paper-plane ml-1\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!--modal 2-->\r\n        <div id=\"tea-2\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"tea-product-1\" aria-hidden=\"true\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n\r\n                    <!--Modal header-->\r\n                      <div class=\"modal-header text-center\">\r\n                        \r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"close\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                            <span aria-hidden=\"true\">&times;</span>\r\n                        </button>\r\n\r\n                        <h3 class=\"modal-title w-100 font-weight-bold\">您所選購買品名：台灣有機紅烏龍</h3>\r\n                    </div>\r\n\r\n                    <form action=\"#\" method=\"POST\">\r\n                        <div class=\"modal-body mx-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-5 col-sm-6\">\r\n                                    <div class=\"text-center view overlay zoom\">\r\n                                        <img id=\"tea-1\" src=\"http://ecloud.ewang.com.tw/userUpload/images/%E5%8F%B0%E6%9D%B1%E6%9C%89%E6%A9%9F%E7%B4%85%E7%83%8F%E9%BE%8D.jpg\" class=\"img-fluid img-responsive z-depth-1-half\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                                <div class=\"col-md-7 col-sm-6\">\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-user prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-username\" class=\"form-control validated\">\r\n                                        <label data-error=\"錯誤-wrong\" data-success=\"正確-correct\" for=\"tea-username\">請輸入您的名字</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-phone prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-phone-number\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-phone-number\">電話或手機號碼</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-envelope prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"email\" id=\"tea-user-email\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-user-email\">請輸入您的電子郵件</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-4\">\r\n                                        <i class=\"fa fa-map prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-address\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-address\">請輸入您的地址</label>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"modal-footer d-flex justify-content-center\">\r\n                            <button id=\"tea-1\" type=\"submit\" class=\"btn btn-cyan btn-rounded waves-effect waves-light\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">送件\r\n                            <i class=\"fa fa-paper-plane ml-1\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!--modal 3-->\r\n        <div id=\"tea-3\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"tea-product-1\" aria-hidden=\"true\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n\r\n                    <!--Modal header-->\r\n                     <div class=\"modal-header text-center\">\r\n                        \r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"close\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                            <span aria-hidden=\"true\">&times;</span>\r\n                        </button>\r\n                        \r\n                        <h3 class=\"modal-title w-100 font-weight-bold\">您所選購買品名：蜜香紅茶有機茶</h3>\r\n                    </div>\r\n\r\n                    <form action=\"#\" method=\"POST\">\r\n                        <div class=\"modal-body mx-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-5 col-sm-6\">\r\n                                    <div class=\"text-center view overlay zoom\">\r\n                                        <img id=\"tea-1\" src=\"http://ecloud.ewang.com.tw/userUpload/images/1%E8%9C%9C%E9%A6%99%E7%B4%85%E8%8C%B6%E5%8C%85.jpg\" class=\"img-fluid img-responsive z-depth-1-half\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                                <div class=\"col-md-7 col-sm-6\">\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-user-alt prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-username\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-username\">請輸入您的名字</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-phone prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-phone-number\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-phone-number\">電話或手機號碼</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-envelope prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"email\" id=\"tea-user-email\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-user-email\">請輸入您的電子郵件</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-4\">\r\n                                        <i class=\"fa fa-map prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-address\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-address\">請輸入您的地址</label>\r\n                                    </div>\r\n                                </div>\r\n                                \r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"modal-footer d-flex justify-content-center\">\r\n                            <button id=\"tea-1\" type=\"submit\" class=\"btn btn-cyan btn-rounded waves-effect waves-light\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">送件\r\n                            <i class=\"fa fa-paper-plane ml-1\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!--modal 4-->\r\n        <div id=\"tea-4\" class=\"modal fade\" tabindex=\"-1\" role=\"dialog\" aria-labelledby=\"tea-product-1\" aria-hidden=\"true\">\r\n            <div class=\"modal-dialog\" role=\"document\">\r\n                <div class=\"modal-content\">\r\n\r\n                    <!--Modal header-->\r\n                     <div class=\"modal-header text-center\">\r\n\r\n                        <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"close\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                            <span aria-hidden=\"true\">&times;</span>\r\n                        </button>                        \r\n                        \r\n                        <h3 class=\"modal-title w-100 font-weight-bold\">您所選購買品名：紅玉紅烏龍</h3>\r\n\r\n                    </div>\r\n\r\n                    <form action=\"#\" method=\"POST\">\r\n                        <div class=\"modal-body mx-3\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-md-5 col-sm-6\">\r\n                                    <div class=\"text-center view overlay zoom\">\r\n                                        <img id=\"tea-1\" src=\"http://ecloud.ewang.com.tw/userUpload/images/%E7%B4%85%E7%8E%89%E7%B4%85%E7%83%8F%E9%BE%8D.jpg\" class=\"img-fluid img-responsive z-depth-1-half\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">\r\n                                    </div>\r\n                                </div>\r\n                                    \r\n                                <div class=\"col-md-7 col-sm-6\">\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-user-alt prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-username\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-username\">請輸入您的名字</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-phone prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-phone-number\" class=\"form-control validated\">\r\n                                        <label  for=\"tea-phone-number\">電話或手機號碼</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-5\">\r\n                                        <i class=\"fa fa-envelope prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"email\" id=\"tea-user-email\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-user-email\">請輸入您的電子郵件</label>\r\n                                    </div>\r\n\r\n                                    <div class=\"md-form mb-4\">\r\n                                        <i class=\"fa fa-map prefix grey-text fa-modal\"></i>\r\n                                        <input type=\"text\" id=\"tea-address\" class=\"form-control validate\">\r\n                                        <label  for=\"tea-address\">請輸入您的地址</label>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"modal-footer d-flex justify-content-center\">\r\n                            <button id=\"tea-1\" type=\"submit\" class=\"btn btn-cyan btn-rounded waves-effect waves-light\" style=\"opacity: 1 !important; transform: translateY(-10%) !important\">送件\r\n                            <i class=\"fa fa-paper-plane ml-1\"></i>\r\n                            </button>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <!--Block 4-->\r\n        <section id=\"link-drop\" class=\"scroll-4\" style=\"padding-bottom: 15px;\">\r\n            <div class=\"container\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 col-sm-8 product-box\">\r\n\r\n                        <h4 class=\"box-title\" style=\"margin-bottom: 25px;\">佳芳茶園有關資料</h4>\r\n\r\n                        <!--Pic 1-->\r\n                        <div class=\"col-md-6 col-sm-4\">\r\n                            <div class=\"view zoom overlay\">\r\n                                <button class=\"no-pb waves-effect waves-light waves-button\" data-toggle=\"modal\" data-target=\"#image-1\">\r\n                                    <img src=\"http://ecloud.ewang.com.tw/userUpload/images/%E6%8A%95%E5%BD%B1%E7%89%873(1).JPG\" class=\"img-fluid img-responsive z-depth-1-half\">\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <!--Pic 2-->\r\n                        <div class=\"col-md-6 col-sm-4\">\r\n                            <div class=\"view zoom overlay\">\r\n                                <button type=\"button\" class=\"no-pb btn waves-effect waves-light waves-button\" data-toggle=\"modal\" data-target=\"#image-2\">\r\n                                    <img src=\"http://ecloud.ewang.com.tw/userUpload/images/%E6%8A%95%E5%BD%B1%E7%89%873(1).JPG\" class=\"img-fluid img-responsive z-depth-1-half\">\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-md-12 col-sm-8\" style=\"transform: translateX(7%)\">\r\n                            <div class=\"view zoom overlay\">\r\n                                <button class=\"no-pb waves-effect waves-light waves-block\">\r\n                                    <img src=\"http://ecloud.ewang.com.tw/userUpload/images/%E6%8A%95%E5%BD%B1%E7%89%878.JPG\" class=\"img-fluid img-responsive waves-block waves-light z-depth-1-half\">\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"col-md-6 col-sm-4\" style=\"margin-bottom: 3em;\">\r\n                            <div class=\"view zoom overlay\">\r\n                                <button class=\"no-pb btn waves-button waves-light waves-effect\" data-toggle=\"modal\" data-target=\"#image-3\">\r\n                                    <img src=\"http://ecloud.ewang.com.tw/userUpload/images/%E6%8A%95%E5%BD%B1%E7%89%876(1).JPG\" class=\"img-fluid img-responsive z-depth-1-half\">\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                        \r\n                        <div class=\"col-md-6 col-sm-4\">\r\n                            <div class=\"view zoom overlay\">\r\n                                <button class=\"btn waves-light waves-effect waves-button\">\r\n                                    <img src=\"http://ecloud.ewang.com.tw/userUpload/images/%E6%8A%95%E5%BD%B1%E7%89%879.JPG\" class=\"img-fluid img-responsive z-depth-1-half\">\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </section>\r\n\r\n        <script type=\"text/javascript\" src=\"https://code.jquery.com/jquery-3.3.1.js\"></script>\r\n            \r\n    <!-- jQuery (necessary for Bootstrap\'s JavaScript plugins) -->\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\r\n\r\n    <!--Modernizr -2.7.2 cdn-->\r\n    <script type=\"text/javascript\" src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n    <!-- MDB core JavaScript -->\r\n    <script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.4/js/mdb.min.js\"></script>        \r\n\r\n\r\n    <!-- Include all compiled plugins (below), or include individual files as needed -->\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js\"></script>\r\n        \r\n\r\n        <!--Turns Navbar to transparent background if user scrolled.-->\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=\"#link-drop\"]\')\r\n            var target = document.getElementById(\'link-drop\')\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\r\n        <!--back to top-->\r\n        <script type=\"text/javascript\">\r\n            $(document).ready(function(){\r\n                $(\'body\').append(\'<div id=\"toTop\" class=\"btn btn-info\"><span class=\"glyphicon glyphicon-chevron-up\"></span>回到最上頁</div>\');\r\n                    $(window).scroll(function () {\r\n                        if ($(this).scrollTop() != 0) {\r\n                            $(\'#toTop\').fadeIn();\r\n                        } else {\r\n                            $(\'#toTop\').fadeOut();\r\n                        }\r\n                    }); \r\n                $(\'#toTop\').click(function(){\r\n                    $(\"html, body\").animate({ scrollTop: 0 }, 600);\r\n                    return false;\r\n                });\r\n            });\r\n        </script>\r\n\r\n        <!--scroll-->\r\n        <script type=\"text/javascript\">\r\n            window.sr = ScrollReveal();\r\n            sr.reveal(\'.nav\',{\r\n                duration: 2000,\r\n                origin:\'left\',\r\n                mobile: true,\r\n            });\r\n\r\n            sr.reveal(\'img\',{\r\n                duration: 2500,\r\n                origin:\'bottom\',\r\n                mobile: true,\r\n                useDelay: \'always\'\r\n            });\r\n\r\n            sr.reveal(\'#img-moving\',{\r\n                duration: 2500,\r\n                origin:\'bottom\',\r\n                mobile: true,\r\n                useDelay: \'always\'\r\n            });\r\n\r\n            sr.reveal(\'.title1\',{\r\n                duration: 3000,\r\n                origin:\'bottom\',\r\n                mobile: true,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            sr.reveal(\'.scroll-1\',{\r\n                duration: 2000,\r\n                origin:\'left\',\r\n                mobile: true,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            sr.reveal(\'button\',{\r\n                duration: 1500,\r\n                origin:\'bottom\',\r\n                mobile: true,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            sr.reveal(\'.scroll-2\',{\r\n                duration: 2000,\r\n                origin:\'right\',\r\n                mobile: true,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n\r\n            sr.reveal(\'.scroll\',{\r\n                duration: 2000,\r\n                origin: \'bottom\',\r\n                mobile: false,\r\n                useDelay: \'always\',\r\n                reset: true\r\n            });\r\n        </script>\r\n\r\n        <!--Add class \"load\"-->\r\n        <script type=\"text/javascript\">\r\n            $(function() {\r\n        \r\n                $(\"div\").addClass(\"load\");\r\n\r\n            });\r\n        </script>\r\n\r\n        <!-- Script to Activate the Carousel -->\r\n        <script type=\"text/javaScript\">\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        <script type=\"text/javascript\">\r\n            function product_1(){\r\n                window.open(\'http://ecloud.ewang.com.tw/index.php?Act=120&SK=822&MK=335&PK=813\');\r\n            }\r\n\r\n            function product_2(){\r\n                window.open(\'http://ecloud.ewang.com.tw/index.php?Act=120&SK=817&MK=335&PK=811\');\r\n            }\r\n\r\n            function product_3(){\r\n                window.open(\'http://ecloud.ewang.com.tw/index.php?Act=120&SK=819&MK=335&PK=811\');\r\n            }\r\n\r\n            function product_4(){\r\n                window.open(\'http://ecloud.ewang.com.tw/index.php?Act=120&SK=818&MK=335&PK=811\');\r\n            }\r\n        </script>\r\n\r\n    </body>\r\n\r\n</html>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1,NULL,1,NULL,NULL,'210.240.156.12',NULL,NULL,NULL,NULL,NULL,NULL),(1158,'2018-05-19 11:49:52','2018-05-19 19:49:41',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<a href=\"http://ecloud.ewang.com.tw/index.php?Act=120\" target=\"_parent\"><img alt=\"\" src=\"/userUpload/images/logo(1).png\" /></a></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.151',NULL,NULL,NULL,NULL,NULL,NULL),(1159,'2018-05-31 04:42:09','2018-05-31 12:42:09',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'醉台東－小米香酒',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:20px;\"><span style=\"color:#ffa07a;\"><span style=\"font-family:微軟正黑體;\">小米 &mdash; 豐收歡慶的象徵</span></span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:20px;\"><span style=\"color:#ffa07a;\"><span style=\"font-family:微軟正黑體;\">小米酒 &mdash; 用於慶豐年級招待重要客人</span></span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_7165.JPG\" style=\"width: 800px; height: 534px;\" /></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<h2 style=\"text-align: center;\">\r\n	<span style=\"font-size:18px;\"><span style=\"color:#ffa07a;\"><span style=\"font-family:微軟正黑體;\"><strong>－產品介紹－</strong></span></span></span></h2>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#000000;\"><span style=\"font-family:微軟正黑體;\">傳統小米酒有特殊的發酵味，有人愛，但也有人比較不能接受&hellip;</span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#000000;\"><span style=\"font-family:微軟正黑體;\">我們在風味上給予改良，添加關山的香米，調整出人人適飲的新風味。</span></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#000000;\"><span style=\"font-family:微軟正黑體;\">淡雅的風味，等您來品嚐哦！</span></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<h2 style=\"text-align: center;\">\r\n	<strong><span style=\"color:#ffa07a;\"><span style=\"font-size:18px;\"><span style=\"font-family:微軟正黑體;\">－產品資訊－</span></span></span></strong></h2>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-family:微軟正黑體;\">產品種類：榖類釀造酒</span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-family:微軟正黑體;\">&nbsp; &nbsp;主要原料：小米、芋香米</span></p>\r\n<p>\r\n	<span style=\"font-family:微軟正黑體;\">&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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 容量：300ml</span></p>\r\n<p>\r\n	<span style=\"font-family:微軟正黑體;\">&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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 酒精濃度：12%</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\"><strong><span style=\"color:#ff0000;\"><font face=\"微軟正黑體\">/&nbsp; 東軒坊小提醒&nbsp; /</font></span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\"><strong><span style=\"color:#ff0000;\">飲酒過量有礙健康</span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\"><strong><span style=\"color:#ff0000;\">飲酒後請勿開車</span></strong></span></p>\r\n','','',4481063,'20180531IMG_7165.JPG',4481063,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1160,'2018-05-31 04:43:41','2018-05-31 12:43:41',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'祝福－紫米酒',NULL,'<style type=\"text/css\">\r\np{ \r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#ffa07a;\"><strong><span style=\"font-size:20px;\">紫米 &mdash; 自古以來便是滋補的好食材</span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"color:#ffa07a;\"><strong><span style=\"font-size:20px;\">又有「藥榖」和「帝王米」的別稱</span></strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_7162.JPG\" style=\"width: 800px; height: 534px;\" /></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"color:#ffa07a;\"><span style=\"font-size:18px;\">－產品介紹－</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	純紫米釀造的紫米酒，酒色為花青素的顏色，</p>\r\n<p style=\"text-align: center;\">\r\n	會隨著時間而褐化，所以就像 &quot; 薄酒萊 &quot; 新酒一樣，要及早引用哦。</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:18px;\"><span style=\"color:#ffa07a;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	產品種類：榖類釀造酒</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp;主要原料：台東關山黑糯米</p>\r\n<p>\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 容量：300ml</p>\r\n<p>\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 酒精濃度：12%</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:24px;\"><span style=\"color:#ff0000;\">/&nbsp; &nbsp; 東軒坊小提醒&nbsp; &nbsp;/</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:24px;\"><span style=\"color:#ff0000;\">飲酒過量有礙健康</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:24px;\"><span style=\"color:#ff0000;\">飲酒後請勿開車</span></span></strong></p>\r\n','','',0,'20180531IMG_7162.JPG',4203860,NULL,NULL,NULL,NULL,NULL,999,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1161,'2018-05-31 04:11:55','2018-05-31 12:11:55',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'SAY Q 關山安心良質米－胚芽米',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/tung01.png\" style=\"width: 800px; height: 926px;\" /></p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"font-size:18px;\"><span style=\"color:#ffa07a;\">－產品介紹－</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	來自純淨台東的關山，安心無毒的好健康，家庭號</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<strong><span style=\"color:#ffa07a;\"><span style=\"font-size:18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"text-align: center;\">\r\n	品種：高雄139號</p>\r\n<p>\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：2 Kg</p>\r\n','','',0,'20180531tung01.png',2671909,NULL,NULL,NULL,NULL,NULL,998,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1162,'2018-05-31 04:25:59','2018-05-31 12:25:59',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'SAY Q 關山安心良質米－白米',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/tung02.png\" style=\"width: 800px; height: 926px;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	來自純淨台東的關山，安心無毒的好健康，家庭號</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：高雄139號</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：2 Kg</p>\r\n','','',0,'20180531tung02.png',2672181,NULL,NULL,NULL,NULL,NULL,997,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1163,'2018-05-31 04:34:17','2018-05-31 12:34:17',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'SAY Q －美味養生米',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/tung03.png\" style=\"width: 800px; height: 926px;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	嚴選自家種植黑糯米(紫米)、白米、胚芽米</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	依黃金比例混合而成，讓您可以方便煮、健康吃</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	讓您可以在一餐中，呷飽呷巧又呷健康。</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	內容：黑糯米(紫米)、白米、胚芽米，三種米混合而成</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：2 Kg</p>\r\n','','',0,'20180531tung03.png',2671660,NULL,NULL,NULL,NULL,NULL,996,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1164,'2018-05-31 04:37:44','2018-05-31 12:37:44',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'SAY Q 關山安心良質米－香米',NULL,'<style>\r\np{\r\nfont-family:微軟正黑體;\r\n}\r\n</style>\r\n\r\n<body>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/tung04.png\" style=\"width: 800px; height: 925px;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	來自純淨台東的關山，安心無毒的好健康，家庭號</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：高雄147號</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：2 Kg</p>\r\n</body>','','',0,'20180531tung04.png',2671143,NULL,NULL,NULL,NULL,NULL,995,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1165,'2018-05-31 05:07:08','2018-05-31 13:07:08',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'茶米結合－呷飽',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\"><img alt=\"\" src=\"/userUpload/images/IMG_7139.JPG\" style=\"width: 800px; height: 534px;\" /></span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－</span></span></strong><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	關山好米結合鹿野好茶</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：高雄139號－白米</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;重量：600 g/包</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;茶種類：</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;茶內容：</p>\r\n','','',0,'20180531IMG_7139.JPG',3640224,NULL,NULL,NULL,NULL,NULL,994,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1166,'2018-05-31 05:07:38','2018-05-31 13:07:38',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'茶米結合－呷巧',NULL,'<style type=\"text/css\">\r\np{\r\nfont-family:微軟正黑體;\r\n}</style>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_7138.JPG\" style=\"width: 800px; height: 534px;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－</span></span></strong><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	關山好米結合鹿野好茶</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：高雄139號－胚芽米</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 重量：600 g/包</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 茶種類：</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 茶內容：</p>\r\n','','',0,'20180531IMG_7138.JPG',3886684,NULL,NULL,NULL,NULL,NULL,993,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),(1167,'2018-05-31 05:05:13','2018-05-31 13:05:13',NULL,'2018-05-31 00:00:00','2038-01-01 00:00:00',1139,1141,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'茶米結合－呷健康',NULL,'<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_7140.JPG\" style=\"width: 800px; height: 534px;\" /></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">－</span></span></strong><strong><span style=\"font-size: 18px;\"><span style=\"color: rgb(255, 160, 122);\">產品介紹－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	關山好米結合鹿野好茶</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	<strong><span style=\"color: rgb(255, 160, 122);\"><span style=\"font-size: 18px;\">－產品資訊－</span></span></strong></p>\r\n<p style=\"font-family: 微軟正黑體; text-align: center;\">\r\n	品種：養生米</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 重量：600 g/包</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 茶種類：</p>\r\n<p style=\"font-family: 微軟正黑體;\">\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; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 茶內容：</p>\r\n','','',0,'20180531IMG_7140.JPG',3825466,NULL,NULL,NULL,NULL,NULL,992,NULL,1,NULL,NULL,'49.215.50.197',NULL,NULL,NULL,NULL,NULL,NULL),