(874,'2018-04-23 17:26:18','2018-04-24 01:26:18',NULL,'2017-11-17 00:00:00','2038-01-01 00:00:00',122,835,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\nbody { font-family:微軟正黑體; background-color:#808080;}.bgw{background-color:#808080;}hr,p{color:#FFFFFF;}.h2,h2{color:#FFFFFF;}  .navbar-nav > li > a {padding-top: 10px;padding-bottom: 0px;line-height: 25px;font-size: 15px;}	</style>\r\n</p>\r\n<div style=\"Background-color:#FFFFFF\">\r\n	<div class=\"load\" id=\"welcome\">\r\n		<div class=\"row load\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 title load\">\r\n				<h2 style=\"text-align: center;\">\r\n					<span style=\"color:#000000;\">影音報導</span></h2>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12 load\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n					<div class=\"videoWrapper load\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height:=\"400px\" src=\"https://www.youtube.com/embed/XRRE-cuZlnc?list=PLCc0mC90ipstDP0H5HBJW169jc1qVIqCI\" width:=\"300px\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-10 col-sm-10 col-xs-10 load\">\r\n					<h3>\r\n						20150319台東精品咖啡 小店面平台推大夢想<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12 load\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n					<div class=\"videoWrapper load\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height:=\"400px\" src=\"https://www.youtube.com/embed/48ybjWcxw8s?list=PLCc0mC90ipstDP0H5HBJW169jc1qVIqCI\" width:=\"300px\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-10 col-sm-10 col-xs-10 load\">\r\n					<h3>\r\n						20150316咖啡產業結合美食 道地更多元<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12 load\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n					<div class=\"videoWrapper load\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height:=\"400px\" src=\"https://www.youtube.com/embed/u_Fu9RPPek0?list=PLCc0mC90ipstDP0H5HBJW169jc1qVIqCI\" width:=\"300px\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-10 col-sm-10 col-xs-10 load\">\r\n					<h3>\r\n						2016 01 30 藝文咖啡館進駐美術館 推台東精品咖啡<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12 load\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12 load\">\r\n					<div class=\"videoWrapper load\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" scrolling=\"no\" src=\"https://www.youtube.com/embed/Tc04uM5zFuw\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-10 col-sm-10 col-xs-10 load\">\r\n					<h3>\r\n						艾蘭哥爾咖啡-與土地共生的精品咖啡<br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<p>\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<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.162',NULL,NULL,NULL,NULL,NULL,NULL),(875,'2017-12-12 12:58:15','2017-11-18 02:56:13',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<p>\r\n	表單&nbsp;<a href=\"https://docs.google.com/forms/d/1ZHmPYPKaTehqqlocTMvfo9EEyiwcfjxtlYfoZR7Vavw/edit\">https://docs.google.com/forms/d/1ZHmPYPKaTehqqlocTMvfo9EEyiwcfjxtlYfoZR7Vavw/edit</a></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.137.92',NULL,NULL,NULL,NULL,NULL,NULL),(876,'2017-11-20 14:29:05','2017-11-20 22:28:52',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,'  <section class=\"image-bg bg-dark parallax overlay pt120 pb120\">\r\n          <div class=\"background-image-holder\"> <img alt=\"Background Image\" class=\"background-image\" src=\"/upload/product/20160905_060753-image().jpg\" /> </div>\r\n          <div class=\"container\">\r\n              <div class=\"row\">\r\n                  <div class=\"col-sm-12 text-center\">\r\n                      <h2 class=\"uppercase mb8 ChText\">咖啡豆專區</h2>\r\n                      <p class=\"lead mb40\">LOUISA COFFEE BEANS</p>\r\n                  </div>\r\n                  <div class=\"select-option_P1\"> <i class=\"ti-angle-down\"></i>\r\n                      <select id=\"coffee_select\">\r\n                          <option class=\"lager_option\" selected value=\"Default\">選擇單元</option>\r\n                          <option class=\"lager_option\" value=\"http://www.louisacoffee.com.tw/club_show1\">私房咖啡</option>\r\n                          <option class=\"lager_option\" value=\"http://www.louisacoffee.com.tw/club_show2\">典藏咖啡</option>\r\n                          <option class=\"lager_option\" value=\"http://www.louisacoffee.com.tw/club_show3\">咖啡豆產區履歷</option>\r\n                          <!-- <option class=\"lager_option\" value=\"#\">尋豆師系列</option>\r\n                          <option class=\"lager_option\" value=\"#\">公平交易</option>\r\n                          <option class=\"lager_option\" value=\"#\">沖煮器具</option> -->\r\n                      </select>\r\n                  </div>\r\n              </div>\r\n              <!--end of row-->\r\n          </div>\r\n          <!--end of container-->\r\n      </section>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.143.127',NULL,NULL,NULL,NULL,NULL,NULL),(877,'2017-11-20 14:42:51','2017-11-20 22:42:26',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,'<select onChange=\"location = this.options[this.selectedIndex].value;\">\r\n<option value=\"#\">請選擇</option>\r\n<option value=\"https://www.google.com.tw\">Google 台灣</option>\r\n<option value=\"http://tw.yahoo.com\">Yahoo! 奇摩</option>\r\n<option value=\"http://www.php.net\">PHP.net</option>\r\n</select>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.143.127',NULL,NULL,NULL,NULL,NULL,NULL),(878,'2017-11-20 17:36:22','2017-11-21 01:36:11',NULL,'2017-11-21 00:00:00','2038-01-01 00:00:00',122,284,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,'39.10.73.183',NULL,NULL,NULL,NULL,NULL,NULL),(879,'2017-11-21 09:46:01','2017-11-21 01:36:27',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,'<p>\r\n	This is some sampl65665</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.73.183',NULL,NULL,NULL,NULL,NULL,NULL),(880,'2017-11-20 17:36:45','2017-11-21 01:36:35',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,'<p>\r\n	This is some sampl65665</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.73.183',NULL,NULL,NULL,NULL,NULL,NULL),(881,'2017-12-11 13:41:38','2017-11-21 01:40:19',NULL,'2017-11-21 00:00:00','2038-01-01 00:00:00',122,284,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'65+6',NULL,'<p>\r\n	This is some sample text</p>\r\n','213\r\n2321321\r\n2323123','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.73.183',NULL,NULL,NULL,NULL,NULL,NULL),(882,'2017-12-18 14:05:36','2017-11-21 17:19:07',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,283,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\nbody { font-family:微軟正黑體; background-color:#808080;}.bgw{background-color:#808080;}hr,p{color:#FFFFFF;}.h2,h2{color:#FFFFFF;}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'103.31.196.193',NULL,NULL,NULL,NULL,NULL,NULL),(883,'2017-11-21 09:41:03','2017-11-21 17:41:00',NULL,'2017-11-21 00:00:00','2038-01-01 00:00:00',122,285,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'103.31.196.193',NULL,NULL,NULL,NULL,NULL,NULL),(884,'2017-12-15 13:29:46','2017-12-11 21:40:54',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,'<meta charset=\"utf-8\" />\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n	\r\n	<link rel=\"stylesheet\" href=\"css/bootstrap.min.css\"/>\r\n	<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n	<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\"/>\r\n	\r\n<style type=\"text/css\">\r\n	\r\n		html,body	{\r\n			height:100%;\r\n			max-width:100%;\r\n			background-attachment: fixed;\r\n			margin:0px;\r\n			background: url(\'/userUpload/images/Alanger/backg.jpg\') no-repeat fixed 38% center;\r\n    		background-size: cover;\r\n			background-size: 100% 100%;\r\n				}\r\n		.bgw {\r\n			background-color: rgba(255,255,255,0.8);\r\n				}\r\n		h2,h4{\r\n			text-align: center;\r\n				}\r\n		a:link { color: #}\r\n		a:hover	{	color: #ff8300; }\r\n\r\n		.a {text-align:center;}\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: 16px Century Gothic,微軟正黑體;\r\n			padding: 1px 3px;\r\n			border: 1px solid #795548;\r\n			border-radius:3px;\r\n			background-color: #b74545;\r\n				}\r\n		.cs {width:50%; margin:0px auto;\r\n		}\r\n		\r\n</style>\r\n\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	<script>\r\n	  $(document).ready(function(){\r\n	  $(\"div h2.text-center\").hide();\r\n	  $(\"div hr\").hide();\r\n	  $(\"div#header-wrapper hr\").show();\r\n	  $(\"div#jump2 hr\").show();\r\n	  $(\".btn1\").click(function(){\r\n	  $(\"div.sh1\").fadeIn(\'1000\');\r\n	  $(\".btn5\").fadeIn(\'1000\');\r\n	  \r\n	  $(\".btn2\").fadeIn(\'1000\');\r\n	  $(\".btn3\").fadeIn(\'1000\');\r\n	  $(\".btn4\").fadeIn(\'1000\');\r\n	  $(\"div.sh2\").fadeOut(\'1000\');\r\n	  $(\"div.sh3\").fadeOut(\'1000\');\r\n	  $(\"div.sh4\").fadeOut(\'1000\');\r\n	  });\r\n	  $(\".btn2\").click(function(){\r\n	  $(\"div.sh2\").fadeIn(\'1000\');\r\n	  $(\".btn5\").fadeIn(\'1000\');\r\n	  \r\n	  $(\".btn1\").fadeIn(\'1000\');\r\n	  $(\".btn3\").fadeIn(\'1000\');\r\n	  $(\".btn4\").fadeIn(\'1000\');\r\n	  $(\"div.sh1\").fadeOut(\'1000\');\r\n	  $(\"div.sh3\").fadeOut(\'1000\');\r\n	  $(\"div.sh4\").fadeOut(\'1000\');\r\n	  });\r\n	  $(\".btn3\").click(function(){\r\n	  $(\"div.sh3\").fadeIn(\'1000\');\r\n	  $(\".btn5\").fadeIn(\'1000\');\r\n	  \r\n	  $(\".btn1\").fadeIn(\'1000\');\r\n	  $(\".btn2\").fadeIn(\'1000\');\r\n	  $(\".btn4\").fadeIn(\'1000\');\r\n	  $(\"div.sh1\").fadeOut(\'1000\');\r\n	  $(\"div.sh2\").fadeOut(\'1000\');\r\n	  $(\"div.sh4\").fadeOut(\'1000\');\r\n	  });\r\n	  $(\".btn4\").click(function(){\r\n	  $(\"div.sh4\").fadeIn(\'1000\');\r\n	  $(\".btn5\").fadeIn(\'1000\');\r\n	 \r\n	  $(\".btn2\").fadeIn(\'1000\');\r\n	  $(\".btn3\").fadeIn(\'1000\');\r\n	  $(\".btn1\").fadeIn(\'1000\');\r\n	  $(\"div.sh2\").fadeOut(\'1000\');\r\n	  $(\"div.sh3\").fadeOut(\'1000\');\r\n	  $(\"div.sh1\").fadeOut(\'1000\');\r\n	  });\r\n	});\r\n	  $(document).ready(function(){\r\n	  $(\".btn5\").click(function(){\r\n	  $(\"div.sh1\").fadeOut(\'1000\');\r\n	  $(\"div.sh2\").fadeOut(\'1000\');\r\n	  $(\"div.sh3\").fadeOut(\'1000\');\r\n	  $(\"div.sh4\").fadeOut(\'1000\');\r\n	  $(\".btn5\").fadeOut(\'1000\');\r\n	  $(\".btn1\").fadeIn(\'1000\');\r\n	  $(\".btn2\").fadeIn(\'1000\');\r\n	  $(\".btn3\").fadeIn(\'1000\');\r\n	  $(\".btn4\").fadeIn(\'1000\');\r\n	  });\r\n\r\n	});\r\n</script>\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>WHY</c3>\r\n			<c4>小知識</c4>\r\n			<c5>學習</c5>\r\n			\r\n	\r\n			<pre class=\"cs1\">	\r\n				<h3>\r\n					源起</h3> </pre>\r\n			<pre class=\"cs2\">		\r\n				<h3>\r\n					咖啡</h3> </pre>\r\n			<pre class=\"cs3\">		\r\n				<h3>\r\n					WHY</h3> </pre>\r\n			<pre class=\"cs4\">\r\n				<h3>\r\n					小知識</h3> </pre>\r\n			<pre class=\"cs5\">		\r\n				<h3>\r\n					學習</h3> </pre>\r\n		\r\n		</div>\r\n		<div class=\"col-md-2\">\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></div>\r\n		<div class=\"col-md-4\">\r\n			<a href=\"#c01\">手選精品咖啡豆 </a><br />\r\n			<a href=\"#c01\">咖啡「公豆&middot;母豆」之說</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 />\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			&nbsp;</div>\r\n		<div class=\"col-md-2\">\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></div>\r\n		<div class=\"col-md-2\">\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=\"#e01\">烘焙色卡之運用 </a><br />\r\n			<a href=\"#e01\">判斷烘焙程度的方法</a></div>\r\n		<div class=\"col-md-2\">\r\n			<a href=\"#f01\">虹吸式咖啡萃取的學習參考</a></div>\r\n	</div>\r\n</div>\r\n\r\n<div id=\"banner-wrapper\"data-aos=\"zoom-in\"data-aos-duration=\"1700\">\r\n	<div id=\"banner\" class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\"></div>\r\n		\r\n		<div id=\"animation1\" class=\"col-md-10 col-sm-10 col-xs-10\">\r\n		<div id=\"animation1\" class=\"col-md-12 col-sm-12 col-xs-12\"data-aos=\"flip-left\"><br><h2>點擊圖示獲取資訊</h2></div>	\r\n		<div id=\"jump2\" class=\"col-md-12 col-sm-12 col-xs-12\"><br><hr></div>	\r\n		<div id=\"animation1\" class=\"col-md-3 col-sm-3 col-xs-6\"><h2>起源</h2><div class=\"col-md-12 col-sm-12 col-xs-12\"><a href=\"#jump\"><h4 class=\"btn1\"><i class=\"fa fa-taxi\" aria-hidden=\"true\"></i></h4></a></div></div>\r\n		<div id=\"animation1\" class=\"col-md-3 col-sm-3 col-xs-6\"><h2>WHY</h2><div class=\"col-md-12 col-sm-12 col-xs-12\"><a href=\"#jump\"><h4 class=\"btn2\"><i class=\"fa fa-bicycle\" aria-hidden=\"true\"></i></h4></a></div></div>\r\n		<div id=\"animation1\" class=\"col-md-3 col-sm-3 col-xs-6\"><h2>公共運輸</h2><div class=\"col-md-12 col-sm-12 col-xs-12\"><a href=\"#jump\"><h4 class=\"btn3\"><i class=\"fa fa-bus\" aria-hidden=\"true\"></i></h4></a></div></div>\r\n		<div id=\"animation1\" class=\"col-md-3 col-sm-3 col-xs-6\"><h2>小教學</h2><div class=\"col-md-12 col-sm-12 col-xs-12\"><a href=\"#jump\"><h4 class=\"btn4\"><i class=\"fa fa-car\" aria-hidden=\"true\"></i></h4></a></div></div>	\r\n		<div id=\"jump\"class=\"col-md-12 col-sm-12 col-xs-12\"><hr></div>	\r\n\r\n			\r\n		</div>\r\n		\r\n	</div>\r\n</div>\r\n\r\n\r\n<!--隱藏部分-->\r\n<div id=\"header-wrapper\">\r\n	<div id=\"banner\" class=\"row\">\r\n	\r\n	\r\n		<div  class=\"col-md-12 col-sm-12 col-xs-12\">\r\n		   <div class=\"sh1\"style=\"display:none\">\r\n				<div class=\" col-md-12 col-sm-12 col-xs-12\"data-aos=\"zoom-in\"data-aos-duration=\"1700\">	\r\n					<div class=\"col-md-12\"><hr></div>\r\n				<div class=\"col-md-12\"><h2>起源</h2></div>\r\n					<div class=\"col-md-12\"><hr></div>\r\n			\r\n					<div class=\" col-md-12 col-sm-12 col-xs-12\"><a  border=\"0\">\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>\r\n					</div>\r\n					\r\n				</div>\r\n			</div>\r\n			<div class=\"sh2\"style=\"display:none\">\r\n				<div class=\" col-md-12 col-sm-12 col-xs-12\"data-aos=\"zoom-in\"data-aos-duration=\"1700\">	\r\n					<div class=\"col-md-12\"><hr></div>\r\n				<div class=\"col-md-12\"><h2>附近景點</h2></div>\r\n					<div class=\"col-md-12\"><hr></div>\r\n			\r\n					<div class=\" col-md-12 col-sm-12 col-xs-12\"><a  border=\"0\">\r\n					<a href=\"#c01\">手選精品咖啡豆 </a><br />\r\n					<a href=\"#c01\">咖啡「公豆&middot;母豆」之說</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 />\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>\r\n					</div>\r\n					\r\n				</div>\r\n			</div>\r\n			<div class=\"sh3\"style=\"display:none\">\r\n					<div class=\" col-md-12 col-sm-12 col-xs-12\"data-aos=\"zoom-in\"data-aos-duration=\"1700\">	\r\n						<div class=\"col-md-12\"><hr></div>\r\n					<div class=\"col-md-12\"><h2>公共交通運輸</h2></div>\r\n						<div class=\"col-md-12\"><hr></div>\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>	\r\n						\r\n						\r\n					</div>\r\n			</div>\r\n			<div class=\"sh4\"style=\"display:none\">\r\n					<div class=\" col-md-12 col-sm-12 col-xs-12\"data-aos=\"zoom-in\"data-aos-duration=\"1700\">	\r\n						<div class=\"col-md-12\"><hr></div>\r\n					<div class=\"col-md-12\"><h2>自行開車</h2></div>\r\n						<div class=\"col-md-12\"><hr></div>\r\n						\r\n						\r\n						\r\n						<div class=\" col-md-6 col-sm-12 col-xs-12\"><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=\"#e01\">咖啡氣味分類 </a><br />\r\n						<a href=\"#e01\">烘焙色卡之運用 </a><br />\r\n						<a href=\"#e01\">判斷烘焙程度的方法</a>\r\n						<a href=\"#f01\">虹吸式咖啡萃取的學習參考</a>\r\n						</div>\r\n					</div>	\r\n					\r\n			</div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\"><br><br></div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" ><h4 class=\"btn5\"style=\"display:none\"><a href=\"#jump2\"><i class=\"fa fa-undo\" aria-hidden=\"true\"></i></a><br><br></h4>\r\n					\r\n					</div>\r\n					\r\n		</div>\r\n		\r\n		<br>\r\n	</div>	\r\n	\r\n	\r\n	\r\n	<div class=\"container\">\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		\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\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	\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/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>專業的咖啡術語<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 =\"/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>虹吸式咖啡萃取注意事項<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>手沖式咖啡萃取六大關鍵<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>手沖式咖啡萃取注意事項<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>咖啡四師<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>台東咖啡與客家族群的淵源<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>台東咖啡緣起<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>烘焙後的咖啡豆為什麼會這麼香？<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>咖啡「公豆·母豆」之說<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>咖啡油脂<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>咖啡生豆<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>黑咖啡<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>淺焙與深焙的咖啡因孰高？<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>咖啡因的釋出<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>咖啡氣味分類<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>影響咖啡熟豆保鮮的五項因素<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		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR>東河鄉「咖啡園」百年老樹<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		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR>好咖啡的重要指標~酸<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>咖啡豆的基本物質<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>養生咖啡<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>經研究證實<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>咖啡究竟是毒？還是藥？<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		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR>鑑賞台東精品咖啡極致的風味~酸味<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><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>烘焙色卡之運用<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>判斷烘焙程度的方法<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>台東咖啡有得天獨厚的條件，後天的努力不可懈怠<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>為何要舉辦精品咖啡杯測評鑑訓練？<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>台東縣咖啡產業發展協會是台東精品咖啡的推手<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>台東縣各鄉鎮咖啡產銷班<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>台東咖啡的後製處理方式<hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/034.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>台東咖啡種植以阿拉比卡種為主<hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/035.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>台東咖啡產地<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		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr>古坑咖啡的掘起帶動了台東咖啡種植潮<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>台東咖啡種植的二種方式與栽培的三種農法<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>艾蘭哥爾咖啡緣起<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>台東咖啡種植分佈於三線五區<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>中央山脈、花東縱谷平原、卑南溪三角洲、海岸山脈及泰源盆地。<br><br>\r\n				三線五區生產的台東咖啡各具特色風味。\r\n			</div> \r\n		</div>	 \r\n\r\n	</div>\r\n			\r\n</div>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.207.206',NULL,NULL,NULL,NULL,NULL,NULL),(885,'2017-11-30 01:53:46','2017-11-22 01:22:36',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<div class=\'images\'>\r\n  <img class=\'image\' src=\"/userUpload/images/Alanger/20151008_132123.jpg\">\r\n  <img class=\'image\' src=\"/userUpload/images/Alanger/20151008_132307.jpg\">\r\n  <img class=\'image\' src=\"/userUpload/images/Alanger/20151122_092300.jpg\">\r\n\r\n</div>\r\n<style>.image {position: absolute;top: 50%;left: 50%;height: 200px;width: 200px;margin-top: -110px;margin-left: -105px;border: 5px solid #fff;border-bottom-width: 15px;-moz-box-shadow: 0 2px 5px rgba(30, 30, 30, 0.25);-webkit-box-shadow: 0 2px 5px rgba(30, 30, 30, 0.25);box-shadow: 0 2px 5px rgba(30, 30, 30, 0.25);z-index: 2;-moz-transition: -moz-transform 0.3s ease-in-out;-o-transition: -o-transform 0.3s ease-in-out;-webkit-transition: -webkit-transform 0.3s ease-in-out;ransition: transform 0.3s ease-in-out;}.image:first-child {-moz-transform: rotate(8deg);-ms-transform: rotate(8deg);-webkit-transform: rotate(8deg);transform: rotate(8deg);}.image:nth-child(2) {-moz-transform: rotate(2deg);-ms-transform: rotate(2deg);-webkit-transform: rotate(2deg);transform: rotate(2deg);}.image:nth-child(3) {-moz-transform: rotate(-3deg);-ms-transform: rotate(-3deg);-webkit-transform: rotate(-3deg); transform: rotate(-3deg);}.image:nth-child(4) {-moz-transform: rotate(-10deg);-ms-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);transform: rotate(-10deg);}.image:last-child {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}</style>\r\n<script>\r\n&(function() {\r\n  var cssTransition, imageOffset, imageWidth, images, queue, timeout, touch;\r\n \r\n  cssTransition = function() {\r\n    var body, i, len, style, vendor, vendors;\r\n    body = document.body || document.documentElement;\r\n    style = body.style;\r\n    vendors = [\'Moz\', \'Webkit\', \'O\'];\r\n    if (typeof style[\'transition\'] === \'string\') {\r\n      return true;\r\n    }\r\n    for (i = 0, len = vendors.length; i < len; i++) {if (window.CP.shouldStopExecution(1)){break;}\r\n      vendor = vendors[i];\r\n      if (typeof style[vendor + \'Transition\'] === \'string\') {\r\n        return true;\r\n      }\r\n    }\r\nwindow.CP.exitedLoop(1);\r\n \r\n    return false;\r\n  };\r\n \r\n  queue = false;\r\n \r\n  touch = document.documentElement[\'ontouchstart\'] !== void 0;\r\n \r\n  images = document.querySelector(\'.images\');\r\n \r\n  imageWidth = images.firstElementChild.offsetWidth;\r\n \r\n  imageOffset = images.firstElementChild.offsetLeft;\r\n \r\n  timeout = cssTransition() ? [300, 400] : [0, 0];\r\n \r\n  images.addEventListener((touch ? \'touchend\' : \'click\'), function(event) {\r\n    var direction, lastClassList;\r\n    if (queue) {\r\n      return;\r\n    }\r\n    queue = true;\r\n    if (((touch ? event.changedTouches[0].pageX : event.pageX) - imageOffset) > imageWidth / 2) {\r\n      direction = \'slide-right\';\r\n    } else {\r\n      direction = \'slide-left\';\r\n    }\r\n    lastClassList = images.lastElementChild.classList;\r\n    lastClassList.add(direction);\r\n    return setTimeout(function() {\r\n      lastClassList.remove(direction);\r\n      lastClassList.add(\'back\');\r\n      return setTimeout(function() {\r\n        images.insertBefore(images.lastElementChild, images.firstElementChild);\r\n        lastClassList.remove(\'back\');\r\n        return queue = false;\r\n      }, timeout[0]);\r\n    }, timeout[1]);\r\n  }, false);\r\n \r\n}).call(this);</script>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1,NULL,0,NULL,NULL,'36.237.143.127',NULL,NULL,NULL,NULL,NULL,NULL),(886,'2017-11-23 05:49:22','2017-11-21 21:42:29',NULL,'2017-11-21 00:00:00','2038-01-01 00:00:00',780,793,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'芭樂好吃吃吃',NULL,'<p style=\"text-align: center;\">\r\n	我愛芭樂芭樂愛我</p>\r\n','芭樂','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'110.28.71.213',NULL,NULL,NULL,NULL,NULL,NULL),(887,'2017-12-12 07:02:48','2017-12-11 22:25:37',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<meta charset=\"utf-8\" />\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n	\r\n	<link rel=\"stylesheet\" href=\"css/bootstrap.min.css\"/>\r\n	<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n	<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\"/>\r\n	\r\n<style type=\"text/css\">\r\n	\r\n		html,body	{\r\n			height:100%;\r\n			max-width:100%;\r\n			background-attachment: fixed;\r\n			margin:0px;\r\n			background: url(\'/userUpload/images/Alanger/backg.jpg\') no-repeat fixed 38% center;\r\n    		background-size: cover;\r\n			background-size: 100% 100%;\r\n				}\r\n		.bgw {\r\n			background-color: rgba(255,255,255,0.8);\r\n				}\r\n		h2,h4{\r\n			text-align: center;\r\n				}\r\n		a:link { color: #}\r\n		a:hover	{	color: #ff8300; }\r\n\r\n		a {text-align:center;}\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: 16px Century Gothic,微軟正黑體;\r\n			padding: 1px 3px;\r\n			border: 1px solid #795548;\r\n			border-radius:3px;\r\n			background-color: #b74545;\r\n				}\r\n		.cs {width:50%; margin:0px auto;\r\n		}\r\n		\r\n</style>\r\n\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\").hid',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,0,NULL,NULL,'111.242.207.206',NULL,NULL,NULL,NULL,NULL,NULL),(888,'2017-11-21 16:12:25','2017-11-21 23:59:21',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<p>\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n</p>\r\n<p>\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n</p>\r\n<p>\r\n	<link href=\"css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n#backtotop{display:scroll;position:fixed;bottom:20px;right:7px;}\r\n\r\n		body{\r\n			height:100%;\r\n			max-width:100%;\r\n			background-image:url(\"/userUpload/images/Alanger/012.jpg\");\r\n			background-attachment: fixed;\r\n			background-size: cover;\r\n\r\n			margin:0px;\r\n		}\r\n		.row hr {\r\n			height:1px;\r\n			background-color: black;}\r\n		\r\n		.image-full\r\n				{\r\n				display: block;\r\n				width: 100%;\r\n				}\r\n		.row h4 {font-size:36px; font-weight:bold;}\r\n		.row {font-size:22px; font-family:微軟正黑體}\r\n}	</style>\r\n	TOP</p>\r\n<div class=\"row\">\r\n	<div class=\"col-md-12\">\r\n		<h4 align=\"center\">\r\n			│目錄│</h4>\r\n		<br />\r\n		<div class=\"col-md-2\">\r\n			<a href=\"#a01\">台東金崙溪流域咖啡的發源</a><br />\r\n			<a href=\"#a02\">台東咖啡與客家族群的淵源 </a><br />\r\n			<a href=\"#a03\">台東咖啡緣起 東河鄉「咖啡園」</a><br />\r\n			<a href=\"#a04\">百年老樹 </a><br />\r\n			<a href=\"#a05\">艾蘭哥爾咖啡緣起</a><br />\r\n			&nbsp;</div>\r\n		<div class=\"col-md-4\">\r\n			<a href=\"#c01\">手選精品咖啡豆 </a><br />\r\n			<a href=\"#c01\">咖啡「公豆&middot;母豆」之說</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 />\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			&nbsp;</div>\r\n		<div class=\"col-md-2\">\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></div>\r\n		<div class=\"col-md-2\">\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=\"#e01\">烘焙色卡之運用 </a><br />\r\n			<a href=\"#e01\">判斷烘焙程度的方法</a></div>\r\n		<div class=\"col-md-2\">\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><br />\r\n			<a href=\"#f01\">影響咖啡熟豆保鮮的五項因素 </a><br />\r\n			<a href=\"#f01\">台東咖啡的後製處理方式</a><br />\r\n			<a href=\"#g01\">好書推薦</a></div>\r\n		<div class=\"col-md-1\">\r\n			<a href=\"#b01\">咖啡的鹹味 </a><br />\r\n			<a href=\"#b01\">咖啡的苦味 </a><br />\r\n			<a href=\"#b01\">咖啡的甜味 </a><br />\r\n			<a href=\"#b01\">咖啡的酸味</a></div>\r\n		<br />\r\n		<hr />\r\n	</div>\r\n</div>\r\n<div class=\"container\">\r\n	<div class=\"row\">\r\n		<section class=\"Intro1\">\r\n			<h4 align=\"center\">\r\n				咖啡評鑑七大項目為何？</h4>\r\n		</section>\r\n		<div class=\"col-md-6\">\r\n			<img alt=\"Responsive image\" class=\"img-responsive img-rounded img-full\" src=\"/userUpload/images/Alanger/01.jpg\" /></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）</div>\r\n	</div>\r\n	<hr />\r\n	<div class=\"row\">\r\n		<section class=\"Intro1\">\r\n			<h4 align=\"center\">\r\n				咖啡的鹹味</h4>\r\n		</section>\r\n		<div class=\"col-md-6\">\r\n			<img alt=\"Responsive image\" class=\"img-responsive\" src=\"\" /></div>\r\n		<div class=\"col-md-6\">\r\n			咖啡的鹹味主要由礦物質鹽類所造成，如氯化鈉(食鹽)、氯化鉀、氯化銨&hellip;等， 蘋果酸鹽與葡萄糖酸鹽也具有鹹味。礦物質鹽類易溶於水，咖啡萃取時很難避免被釋出。</div>\r\n	</div>\r\n	<hr />\r\n	<div class=\"row\">\r\n		<section class=\"Intro1\">\r\n			<h4 align=\"center\">\r\n				<a name=\"a01\">台東金崙溪流域咖啡的發源</a></h4>\r\n		</section>\r\n		<div class=\"col-md-6\">\r\n			<img alt=\"Responsive image\" class=\"img-responsive img-rounded img-full\" src=\"/userUpload/images/Alanger/02.jpg\" /></div>\r\n		<div class=\"col-md-6\">\r\n			1 9 7 4 年﹝民國6 3年﹞張冠淼從當時擔任台灣省農林廳農業試驗所嘉義農業試驗分所技士張清勤﹝鳳梨之父﹞手中獲贈咖啡種苗﹝阿拉比卡品種﹞ 種植於南大武山金崙溪流域近黃溫泉、都飛魯溫泉上方海拔高度8 0 0公尺排灣族舊讀古梧部落附近之農場。<br />\r\n			<br />\r\n			1 9 83 年﹝民國7 2年﹞放棄經營，任其自然生長。<br />\r\n			<br />\r\n			1 9 8 8年﹝民國7 7年﹞舊讀古梧被劃入大武山自然保留區，每當進入咖啡熟果期時，野獸與鳥禽會來叼食熟果，<br />\r\n			在叼食的過程中卻也使牠們成了天然播種的自然媒介。<br />\r\n			<br />\r\n			由於生態林下的野生咖啡種苗數量持續增加、範圍持續擴大，顯見經過自然演化已成為歸化種。<br />\r\n			<br />\r\n			後因金崙溪流域之原住民從農場取得野生咖啡種苗栽培，使此品種成為金崙咖啡的主要品種。</div>\r\n	</div>\r\n	<hr />\r\n	<div class=\"row\">\r\n		<section class=\"Intro1\">\r\n			<h4 align=\"center\">\r\n				手選精品咖啡豆</h4>\r\n		</section>\r\n		<div class=\"col-md-6\">\r\n			<img alt=\"Responsive image\" class=\"img-responsive\" src=\"/userUpload/images/Alanger/03.jpg\" /></div>\r\n		<div class=\"col-md-6\">\r\n			未經過挑除劣豆的生豆，如果烘焙後消費者喝到的身體裏<br />\r\n			<br />\r\n			除了會攝入毒素之外， 也容易造成心悸、噁心、咖啡醉等身體不適的症狀；<br />\r\n			<br />\r\n			手工挑選過的精品咖啡豆無論在香氣、口感或是餘韻上，<br />\r\n			絕對都遠遠勝於機械所挑選含劣豆的咖啡豆。</div>\r\n	</div>\r\n	<hr />\r\n	<div class=\"row\">\r\n		<section class=\"Intro1\">\r\n			<h4 align=\"center\">\r\n				專業的咖啡術語</h4>\r\n		</section>\r\n		<div class',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.188.147',NULL,NULL,NULL,NULL,NULL,NULL),(889,'2017-11-26 15:11:48','2017-11-26 23:07:55',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.fancybox-wrapper a img{ display:inline-block; vertical-align:top; width:33%;}</style>\r\n<div class=\"fancybox-wrapper\">\r\n	<a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151008_132123.jpg\" rel=\"group\"><img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151008_132307.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132307.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092300.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092300.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092330.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092330.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092414.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092414.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092436.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092436.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151202_124720.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151202_124720.jpg\" /> </a></div>\r\n<script>$(document).ready(function() {\r\n        $( \".fancybox-pic\" ).fancybox();\r\n    });</script>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'36.237.157.105',NULL,NULL,NULL,NULL,NULL,NULL),(890,'2017-11-23 19:38:22','2017-11-23 13:46:01',NULL,'2017-11-23 00:00:00','2038-01-01 00:00:00',780,790,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'Four',NULL,'This is context','Hello','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(891,'2017-11-30 03:11:50','2017-11-30 11:02:43',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,836,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.h2,h2,hr{display:none}body{font-family:微軟正黑體}</style>\r\n<div class=\"row\">\r\n	<div class=\"col-md-12\"  style=\"background-image:url(/userUpload/images/Alanger/20170611_105845.jpg);>\r\n		\r\n	</div>\r\n</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(892,'2017-11-23 08:48:38','2017-11-23 16:47:59',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,'<style>.h2,h2,hr{display:none}body{font-family:微軟正黑體}.h1,h1{center center fixed no-repeat ;background-size:100% auto;}</style>\r\n<div class=\"row\">\r\n	<div class=\"col-sm-7 text-center\" style=\"background-image:url(/userUpload/images/Alanger/FB_IMG_1473939590548_mh1473939712810.jpg);\">\r\n	</div>\r\n</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.82',NULL,NULL,NULL,NULL,NULL,NULL),(893,'2017-11-23 08:48:33','2017-11-23 16:48:06',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,NULL,NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,0,NULL,NULL,'210.240.156.82',NULL,NULL,NULL,NULL,NULL,NULL),(894,'2017-11-23 14:51:29','2017-11-23 22:50:38',NULL,'2017-11-23 00:00:00','2038-01-01 00:00:00',780,789,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'333',NULL,'<p style=\"text-align: center;\">\r\n	This is some sample text</p>\r\n<p style=\"text-align: center;\">\r\n	11111111111111111</p>\r\n<p style=\"text-align: center;\">\r\n	22222222222222222222</p>\r\n<p style=\"text-align: center;\">\r\n	33333333333314</p>\r\n<p>\r\n	&nbsp;</p>\r\n','11111111','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(895,'2017-11-23 14:52:39','2017-11-23 22:52:00',NULL,'2017-11-23 00:00:00','2038-01-01 00:00:00',780,789,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'11111111111111',NULL,'<p style=\"text-align: center;\">\r\n	This is some sample text</p>\r\n','111111111111','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(896,'2017-11-23 14:52:36','2017-11-23 22:52:08',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',780,789,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'11111111111111',NULL,'<p>\r\n	This is some sample text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(897,'2017-11-23 19:38:24','2017-11-24 03:23:00',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,790,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'222222222',NULL,'<p>\r\n	This is some sample text</p>\r\n','22222222','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(898,'0000-00-00 00:00:00','2017-11-24 03:23:09',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,790,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'3333333',NULL,'<p>\r\n	This is some sample text</p>\r\n','222','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(899,'0000-00-00 00:00:00','2017-11-24 03:26:32',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,790,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'12121212',NULL,'<p>\r\n	This is some sample text</p>\r\n','1','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(900,'0000-00-00 00:00:00','2017-11-24 03:26:43',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,790,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'11',NULL,'<p>\r\n	This is some sample text</p>\r\n','2222','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(901,'2017-11-23 19:38:01','2017-11-24 03:27:44',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,793,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'11111',NULL,'<p>\r\n	This is some sample text</p>\r\n','11111111111','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(902,'2017-11-23 19:38:06','2017-11-24 03:27:54',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,793,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'12222',NULL,'<p>\r\n	This is some sample text</p>\r\n','222222222222','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(903,'2017-11-23 19:38:16','2017-11-24 03:28:01',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,793,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'2222222222',NULL,'<p>\r\n	This is some sample text</p>\r\n','222222222','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(904,'2017-11-23 19:38:14','2017-11-24 03:28:37',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,793,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'111111111111',NULL,'<p>\r\n	This is some sample text</p>\r\n','111','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(905,'2017-11-23 19:37:31','2017-11-24 03:29:25',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,786,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'133333333',NULL,'<p>\r\n	This is some sample text</p>\r\n','3111111','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(906,'2017-11-23 19:37:33','2017-11-24 03:29:31',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,786,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'3333333',NULL,'<p>\r\n	This is some sample text</p>\r\n','333333333','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(907,'2017-11-23 19:37:50','2017-11-24 03:30:29',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,788,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'41111111111',NULL,'<p>\r\n	This is some sample text</p>\r\n','1111111111','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(908,'2017-11-23 19:37:52','2017-11-24 03:30:35',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',780,788,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'22222',NULL,'<p>\r\n	This is some sample text</p>\r\n','222222222222','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(909,'2017-11-23 19:32:28','2017-11-24 03:31:54',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',780,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'222222222222',NULL,'<p>\r\n	This is some sample text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(910,'2017-11-23 19:32:30','2017-11-24 03:32:14',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',780,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'2222',NULL,'<p>\r\n	This is some sa2ple text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.10.205.165',NULL,NULL,NULL,NULL,NULL,NULL),(911,'2017-11-24 09:17:34','2017-11-24 17:17:22',NULL,'2017-11-24 00:00:00','2038-01-01 00:00:00',122,284,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\nbody{backgroud-img:url(\"/userUpload/images/Alanger/02.jpg\");}</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.139.143',NULL,NULL,NULL,NULL,NULL,NULL),(912,'2017-11-25 18:09:35','2017-11-26 00:39:50',NULL,'2017-11-25 00:00:00','2038-01-01 00:00:00',124,851,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h2, h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }	</style>\r\n</p>\r\n\r\n\r\n<div class=\"container\">\r\n                <div class=\"row\">\r\n                  \r\n                     <div class=\"col-md-12\" style=\"background: #FFFFFF;\">\r\n<img class=\"img-responsive center-block\" src=\"/userUpload/images/123/oldman.png\" width=\"20%\" />\r\n\r\n</div>\r\n</div>\r\n</div>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.192.40',NULL,NULL,NULL,NULL,NULL,NULL),(913,'2017-12-18 19:39:03','2017-12-19 03:39:03',NULL,'2017-11-26 00:00:00','2038-01-01 00:00:00',124,851,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h2, h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }	</style>\r\n</p>\r\n<div class=\"container\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12\">\r\n			<img class=\"img-responsive center-block\" src=\"/userUpload/images/123/manufacture.png\" width=\"20%\" /></div>\r\n	</div>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,800,NULL,1,NULL,NULL,'111.242.170.159',NULL,NULL,NULL,NULL,NULL,NULL),(914,'2017-12-18 19:38:24','2017-12-19 03:38:24',NULL,'2017-11-26 00:00:00','2038-01-01 00:00:00',124,851,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'燈泡',NULL,'\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h2, h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }	</style>\r\n</p>\r\n<div class=\"container\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12\">\r\n			<img class=\"img-responsive center-block\" src=\"/userUpload/images/123/bulb.png\" width=\"10%\" /></div>\r\n	</div>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,900,NULL,1,NULL,NULL,'111.242.170.159',NULL,NULL,NULL,NULL,NULL,NULL),(915,'2017-12-18 19:39:10','2017-12-19 03:39:10',NULL,'2017-11-26 00:00:00','2038-01-01 00:00:00',124,851,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h2, h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }	</style>\r\n</p>\r\n<div class=\"container\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12\">\r\n			<img class=\"img-responsive center-block\" src=\"/userUpload/images/123/family.png\" width=\"20%\" /></div>\r\n	</div>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,700,NULL,1,NULL,NULL,'111.242.170.159',NULL,NULL,NULL,NULL,NULL,NULL),(916,'2017-12-05 14:36:12','2017-12-05 22:36:12',NULL,'2017-11-26 00:00:00','2038-01-01 00:00:00',124,851,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'故事1',NULL,'<h1 style=\"text-align:center;\">\r\n			STORY</h1>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>&nbsp; &nbsp; &nbsp; &nbsp;在台東的某天下午，有一位長者正使用著拖把清掃著地板，當年幼的孫子</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>蹦蹦沓沓的跑進家裡，長者的清掃只到一半。為了年幼孫子，每天進行清掃的</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>長者心中懊惱，總是無法在孫子回家前將家裡清掃完，孩子遊玩的地方地板著</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>實太寬敞了，拖把的效率又不高，怎麼辦呢&hellip;&hellip;</strong></span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,950,NULL,1,NULL,NULL,'111.242.168.68',NULL,NULL,NULL,NULL,NULL,NULL),(917,'2017-11-25 18:24:45','2017-11-26 02:24:45',NULL,'2017-11-26 00:00:00','2038-01-01 00:00:00',124,851,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'故事2',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	<span style=\"font-size:16px;\"><strong>&nbsp; &nbsp; &nbsp; &nbsp;在幾經尋找之後仍然找不到能讓自己滿意的拖把來解決自己的問題，曾經</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>從事製造業的長者決定自己製造一把能滿足自己的拖把。歷時幾個月的研究與</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>製造後，終於完成了第一代的潔拭拖。</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,850,NULL,1,NULL,NULL,'111.242.192.40',NULL,NULL,NULL,NULL,NULL,NULL),(918,'2017-11-25 18:01:42','2017-11-26 02:01:42',NULL,'2017-11-26 00:00:00','2038-01-01 00:00:00',124,851,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	<span style=\"font-size:16px;\"><strong>&nbsp; &nbsp; &nbsp; &nbsp; 在解決了這樣的問題之後，長者心中不經想到，自己製造的東西是可行</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>的，那麼對於其他人來說，這樣的產品是能給他人帶來便利與幸福的。因此，</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>長者毅然決然地決定將產品推廣出市場，歷時兩年與數度波折之後潔拭拖終</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:16px;\"><strong>於送上生產線上，未來將使更多人受惠。</strong></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,750,NULL,1,NULL,NULL,'111.242.192.40',NULL,NULL,NULL,NULL,NULL,NULL),(919,'2017-12-05 14:35:57','2017-12-05 22:35:54',NULL,'2017-11-26 00:00:00','2038-01-01 00:00:00',124,851,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'總故事',NULL,'<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }	</style>\r\n</p>\r\n<div id=\"story\">\r\n	<div style=\"text-align:center;margin:0 auto;width:100%;height:auto;line-height:3em\">\r\n		<p>\r\n			&nbsp;</p>\r\n		<h1 style=\"text-align:center;\">\r\n			STORY</h1>\r\n		<p>\r\n			&nbsp;</p>\r\n	</div>\r\n	<div id=\"word1\" style=\"text-align:center;margin:0 auto;width:70%;height:auto;line-height:3em\">\r\n		<p style=\"font-size:16px\">\r\n			在台東的某天下午，有一位長者正使用著拖把清掃著地板，當年幼的孫子蹦蹦沓沓的跑進家裡，長者的清掃只到一半。</p>\r\n		<p style=\"font-size:16px\">\r\n			為了年幼孫子，每天進行清掃的長者心中懊惱，總是無法在孫子回家前將家裡清掃完，孩子遊玩的地方地板著實太寬敞了，拖把的效率又不高，怎麼辦呢&hellip;&hellip;</p>\r\n	</div>\r\n	<div style=\"background:#fff;text-align:center;margin:0 auto;padding:5em;\">\r\n		<img src=\"/userUpload/images/123/bulb.png\" style=\"width:20%\" /></div>\r\n	<div id=\"word2\" style=\"text-align:center;margin:0 auto;width:70%;height:auto;line-height:3em\">\r\n		<p style=\"font-size:16px\">\r\n			在幾經尋找之後仍然找不到能讓自己滿意的拖把來解決自己的問題，曾經從事製造業的長者決定自己製造一把能滿足自己的拖把。</p>\r\n		<p style=\"font-size:16px\">\r\n			歷時幾個月的研究與製造後，終於完成了第一代的潔拭拖。</p>\r\n	</div>\r\n	<div id=\"word3\" style=\"text-align:center;margin:0 auto;width:70%;height:auto;line-height:3em\">\r\n		<p style=\"font-size:16px\">\r\n			在解決了這樣的問題之後，長者心中不經想到，自己製造的東西是可行的，那麼對於其他人來說，這樣的產品是能給他人帶來便利與幸福的。</p>\r\n		<p style=\"font-size:16px\">\r\n			因此，長者毅然決然地決定將產品推廣出市場，歷時兩年與數度波折之後潔拭拖終於送上生產線上，未來將使更多人受惠。</p>\r\n	</div>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,600,NULL,0,NULL,NULL,'111.242.168.68',NULL,NULL,NULL,NULL,NULL,NULL),(920,'2017-11-26 15:31:25','2017-11-26 23:25:51',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.fancybox-wrapper a img{ display:inline-block; vertical-align:top; width:33%;}</style>\r\n<div class=\"fancybox-wrapper\">\r\n	<a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/LOGO.jpeg\" rel=\"group\"><img alt=\"\" src=\"/userUpload/images/Alanger/LOGO.jpeg\" /> </a><a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151008_132123.jpg\" rel=\"group\"><img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151008_132307.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132307.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092300.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092300.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092330.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092330.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092414.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092414.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092436.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092436.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151202_124720.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151202_124720.jpg\" /> </a></div>\r\n<script>$(document).ready(function() {\r\n        $( \".fancybox-pic\" ).fancybox();\r\n    });</script>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,3,NULL,0,NULL,NULL,'36.237.157.105',NULL,NULL,NULL,NULL,NULL,NULL),(921,'2017-12-08 12:52:09','2017-11-30 09:55:36',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.pics{ position:relative;}.pics img{ position:absolute;-webkit-transition: opacity 2s ease-in-out;-moz-transition: opacity 2s ease-in-out;-o-transition: opacity 2s ease-in-out;transition: opacity 2s ease-in-out;}.pics img:last-child:hover{opacity:0;}</style>\r\n<div class=\"pics\">\r\n	<img alt=\"滑入顯示的圖片\" height=\"202px\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" width=\"360px\" /> <img alt=\"原本顯示的圖片\" height=\"202px\" src=\"/userUpload/images/Alanger/20151008_132307.jpg\" width=\"360px\" /></div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(922,'2017-11-30 01:53:21','2017-11-26 23:44:13',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.fancybox-wrapper a img{ display:inline-block; vertical-align:top; width:33%;}</style>\r\n<div class=\"fancybox-wrapper\"><a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151008_132123.jpg\" rel=\"group\"><img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151008_132307.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132307.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092300.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092300.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092330.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092330.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092414.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092414.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151122_092436.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092436.jpg\" /> </a> <a class=\"fancybox-pic\" href=\"/userUpload/images/Alanger/20151202_124720.jpg\" rel=\"group\"> <img alt=\"\" src=\"/userUpload/images/Alanger/20151202_124720.jpg\" /> </a></div>\r\n<script>$(document).ready(function() {\r\n        $( \".fancybox-pic\" ).fancybox();\r\n    });</script>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2000,NULL,0,NULL,NULL,'36.237.157.105',NULL,NULL,NULL,NULL,NULL,NULL),(923,'2017-11-29 13:21:00','2017-11-29 21:21:00',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',780,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'111',NULL,'<div style=\"text-align: center;\">\r\n	一生懸命，自慢的芭樂&mdash;芳林</div>\r\n<div style=\"text-align: center;\">\r\n	&nbsp;</div>\r\n<div style=\"text-align: center;\">\r\n	芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，嚴謹的管理及記錄生產過程，並讓它以最自然</div>\r\n<div style=\"text-align: center;\">\r\n	的方式自然生長，讓它擁有該有的原始風味，就像眾給自己家人吃一樣，希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。</div>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/%E9%84%AD%E5%AE%97%E6%9E%97.jpg\" style=\"width: 350px; height: 350px;\" />&nbsp;<img alt=\"\" src=\"/userUpload/images/%E6%8E%A8%E8%96%A6%E8%87%AA%E5%AE%B6%E7%94%A2%E5%93%81.jpg\" style=\"width: 495px; height: 350px;\" /></p>\r\n<p>\r\n	&nbsp; &nbsp;&nbsp;</p>\r\n<hr />\r\n<div style=\"text-align: center;\">\r\n	<div style=\"text-align: center;\">\r\n		<img alt=\"\" src=\"/userUpload/images/89560.jpg\" style=\"text-align: start; width: 400px; height: 350px; float: center;\" />&nbsp; &nbsp; &nbsp;<img alt=\"\" src=\"/userUpload/images/89561.jpg\" style=\"text-align: start; width: 400px; height: 350px; float: center;\" /></div>\r\n	<div style=\"text-align: center;\">\r\n		&nbsp;</div>\r\n	<div style=\"text-align: center;\">\r\n		<div>\r\n			芭樂展現浪漫原味</div>\r\n		<div>\r\n			&nbsp;</div>\r\n		<div>\r\n			&ldquo;我的芭樂自然熟成，八、九分熟最好吃！&rdquo;</div>\r\n		<div>\r\n			<img alt=\"\" src=\"/userUpload/images/%E8%8A%AD%E6%A8%82(1).jpg\" style=\"width: 395px; height: 300px;\" />&nbsp; &nbsp; &nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/%E8%8A%AD%E6%A8%822(1).jpg\" style=\"width: 395px; height: 300px;\" /></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,1,NULL,1,NULL,NULL,'39.8.133.20',NULL,NULL,NULL,NULL,NULL,NULL),(924,'2017-11-28 21:04:04','2017-11-29 04:58:00',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',780,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<div style=\"text-align: center;\">\r\n	芭樂展現浪漫原味</div>\r\n<div style=\"text-align: center;\">\r\n	&nbsp;</div>\r\n<div style=\"text-align: center;\">\r\n	&ldquo;我的芭樂自然熟成，八、九分熟最好吃！&rdquo;</div>\r\n<div style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/%E8%8A%AD%E6%A8%82.jpg\" style=\"height: 300px; width: 395px;\" />&nbsp; &nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/%E8%8A%AD%E6%A8%822.jpg\" style=\"width: 395px; height: 300px;\" /></div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1001,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(925,'2017-11-29 13:00:10','2017-11-29 21:00:10',NULL,NULL,NULL,925,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'芳林芭樂莊園',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,1,NULL,NULL,'1.175.24.227',NULL,NULL,NULL,NULL,NULL,NULL),(926,'0000-00-00 00:00:00','2017-11-29 21:01:15',NULL,NULL,NULL,925,925,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'關於芳林','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,90000,NULL,1,NULL,NULL,'1.175.24.227',NULL,1,NULL,NULL,NULL,NULL),(927,'2017-12-11 07:01:18','2017-11-29 21:01:36',NULL,NULL,NULL,925,926,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'農場起源','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'1.175.24.227',NULL,1,NULL,NULL,NULL,NULL),(928,'0000-00-00 00:00:00','2017-11-29 21:01:55',NULL,NULL,NULL,925,925,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'活動資訊','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,80000,NULL,1,NULL,NULL,'1.175.24.227',NULL,1,NULL,NULL,NULL,NULL),(929,'0000-00-00 00:00:00','2017-11-29 21:02:19',NULL,NULL,NULL,925,928,NULL,1,NULL,NULL,NULL,1,1024,NULL,NULL,'最新消息','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,20000,NULL,1,NULL,NULL,'1.175.24.227',NULL,1,NULL,NULL,NULL,NULL),(930,'2018-01-02 01:36:13','2018-01-02 09:36:13',NULL,NULL,NULL,925,928,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'媒體報導','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(931,'2017-12-11 07:01:51','2017-12-11 15:01:51',NULL,NULL,NULL,925,925,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'常見問題','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,40000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(932,'2018-01-02 01:38:33','2018-01-02 09:38:33',NULL,NULL,NULL,925,925,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'交通資訊','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,35000,NULL,1,NULL,NULL,'210.240.176.221',NULL,1,NULL,NULL,NULL,NULL),(933,'2017-12-11 07:02:31','2017-12-04 23:01:31',NULL,NULL,NULL,925,932,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'我們在哪裡','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'1.175.11.40',NULL,1,NULL,NULL,NULL,NULL),(934,'2017-12-11 07:02:39','2017-12-04 23:01:24',NULL,NULL,NULL,925,932,NULL,1,NULL,NULL,NULL,1,2048,NULL,NULL,'農場地圖','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'1.175.11.40',NULL,1,NULL,NULL,NULL,NULL),(935,'2017-12-04 14:58:57','2017-12-04 22:58:57',NULL,NULL,NULL,925,925,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'芳林商店','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,50000,NULL,1,NULL,NULL,'1.175.11.40',NULL,1,NULL,NULL,NULL,NULL),(936,'2018-01-02 01:37:25','2017-12-04 22:59:05',NULL,NULL,NULL,925,935,NULL,1,NULL,NULL,NULL,1,4096,NULL,NULL,'珍珠芭樂','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'1.175.11.40',NULL,1,NULL,NULL,NULL,NULL),(937,'2017-12-04 15:07:58','2017-12-04 23:07:58',NULL,NULL,NULL,925,925,NULL,1,NULL,NULL,NULL,1,16384,NULL,NULL,'聯絡我們','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'1.175.11.40',NULL,1,NULL,NULL,NULL,NULL),(938,'0000-00-00 00:00:00','2017-11-29 21:22:12',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',780,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<div style=\"text-align: center;\">\r\n	一生懸命，自慢的芭樂&mdash;芳林</div>\r\n<div style=\"text-align: center;\">\r\n	&nbsp;</div>\r\n<div style=\"text-align: center;\">\r\n	芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，嚴謹的管理及記錄生產過程，並讓它以最自然</div>\r\n<div style=\"text-align: center;\">\r\n	的方式自然生長，讓它擁有該有的原始風味，就像眾給自己家人吃一樣，希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。</div>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/%E9%84%AD%E5%AE%97%E6%9E%97.jpg\" style=\"width: 350px; height: 350px;\" />&nbsp;<img alt=\"\" src=\"/userUpload/images/%E6%8E%A8%E8%96%A6%E8%87%AA%E5%AE%B6%E7%94%A2%E5%93%81.jpg\" style=\"width: 495px; height: 350px;\" /></p>\r\n<p>\r\n	&nbsp; &nbsp;&nbsp;</p>\r\n<hr />\r\n<div style=\"text-align: center;\">\r\n	<div style=\"text-align: center;\">\r\n		<img alt=\"\" src=\"/userUpload/images/89560.jpg\" style=\"text-align: start; width: 400px; height: 350px; float: center;\" />&nbsp; &nbsp; &nbsp;<img alt=\"\" src=\"/userUpload/images/89561.jpg\" style=\"text-align: start; width: 400px; height: 350px; float: center;\" /></div>\r\n	<div style=\"text-align: center;\">\r\n		&nbsp;</div>\r\n	<div style=\"text-align: center;\">\r\n		<div>\r\n			芭樂展現浪漫原味</div>\r\n		<div>\r\n			&nbsp;</div>\r\n		<div>\r\n			&ldquo;我的芭樂自然熟成，八、九分熟最好吃！&rdquo;</div>\r\n		<div>\r\n			<img alt=\"\" src=\"/userUpload/images/%E8%8A%AD%E6%A8%82(1).jpg\" style=\"width: 395px; height: 300px;\" />&nbsp; &nbsp; &nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/%E8%8A%AD%E6%A8%822(1).jpg\" style=\"width: 395px; height: 300px;\" /></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,1000,NULL,1,NULL,NULL,'39.8.133.20',NULL,NULL,NULL,NULL,NULL,NULL),(939,'2017-12-12 02:45:16','2017-12-12 10:16:56',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 style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p>\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/;&#10;width=300&amp;&#10;show_facepile=false&amp;&#10;small_header=true&amp;hide_cover=false&amp;show_posts=false&amp;locale=zh_TW\" style=\"border:none; overflow:hidden;max-width: 100%; height: 200px;\"></iframe></p>\r\n<div id=\"whiteblockback\">\r\n	<div class=\"revealOnScroll\" data-animation=\"zoomIn\" id=\"whiteblock\">\r\n		<div class=\"title1area\">\r\n			<div class=\"clearfix \">\r\n				<h4 class=\"smalltitle revealOnScroll\">\r\n					2017芳林芭樂莊園</h4>\r\n				<h4 class=\"bigtitle revealOnScroll\">\r\n					WELCOME</h4>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<hr />\r\n<p style=\"color: indianred; font-family: 標楷體; text-align: center;\">\r\n	<span style=\"color:#008080;\"><strong><span style=\"font-size:28px;\">芳林簡介</span></strong></span></p>\r\n<p style=\"color: indianred; font-family: 標楷體; text-align: center;\">\r\n	<span style=\"font-size:25px; text-align:center;\"><b>一生懸命，自慢的芭樂&mdash;芳林</b></span></p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<div id=\"introduce\">\r\n	<div class=\"p1\">\r\n		<b>芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，嚴謹的管理及記錄生產過程，<br />\r\n		<br />\r\n		並讓它以最自然 的方式自然生長，讓它擁有該有的原始風味，就像眾給自己家人吃一樣，希望您也可以透過芳林，<br />\r\n		<br />\r\n		安心與健康的食用，這就是芳林給您最好的祝福。</b></div>\r\n</div>\r\n<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg\" style=\"width: 338px; height: 600px;\" /></p>\r\n<hr />\r\n<div class=\"p1\">\r\n	<div style=\"text-align: center;\">\r\n		<div style=\"text-align: center;\">\r\n			<div>\r\n				<span style=\"color:#008000;\"><span style=\"font-size:25px;\">芭樂展現浪漫原味</span></span></div>\r\n			<div>\r\n				&nbsp;</div>\r\n			<div>\r\n				<span style=\"font-size:20px;\">&ldquo;<b>我的芭樂自然熟成，八、九分熟最好吃！</b>&rdquo;</span></div>\r\n		</div>\r\n		<hr />\r\n		<br />\r\n		<div class=\"container-fluid bgw\" style=\"margin-left: 10px; margin-right: 10px; \">\r\n			<div class=\"row\">\r\n				<!-- .content -->\r\n				<div class=\"col-md-12\" style=\"padding-top: 0px; \">\r\n					<!--div class=\"bgw\" style=\"margin-top: 0px; padding-top: 0px; \"-->\r\n					<div class=\"row\">\r\n						<div class=\"col-md-6\">\r\n							<img alt=\"\" class=\"image-responsive img-rounded img\" src=\"/userUpload/images/89560.jpg\" style=\"width: 400px; height: 350px; text-align: start; float: right;\" /></div>\r\n						<div class=\"col-md-6\">\r\n							<img alt=\"\" class=\"image-responsive img-rounded img\" src=\"/userUpload/images/89561.jpg\" style=\"text-align: start; width: 400px; height: 350px; float: left;\" /></div>\r\n						<div class=\"row\">\r\n							<div class=\"col-md-6\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82(2).jpg\" style=\"width: 400px; height: 350px; text-align: start; float: right;\" /></div>\r\n							<div class=\"col-md-6\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%822.jpg\" style=\"text-align: start; width: 400px; height: 350px; float: left;\" /></div>\r\n						</div>\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	<link href=\"css/bootstrap.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<style type=\"text/css\">\r\n.showdiv{ text-align: center }\r\n/**************************welcome主要區塊****************************************/					\r\n		#welcome\r\n			{\r\n				position: relative;\r\n				padding: 0em 0em 0em 0em;\r\n				margin-right: -9px;\r\n				margin-top:-59px;			\r\n				background-color:#e7e7e7;\r\n							\r\n				text-align: center;\r\n				color:#000;\r\n						}\r\n		#welcome1\r\n			{\r\n				position: relative;\r\n				padding: 0em 0em 0em 0em;\r\n				margin-right: -9px;\r\n							\r\n				background-color:#e7e7e7;\r\n							\r\n				text-align: center;\r\n				color:#000;\r\n						}\r\n						\r\n\r\n		#welcome .button .a\r\n		{\r\n				background: #FFF;\r\n				color: #3f0900;\r\n						}\r\n	/******************************第一標語標題區塊***************************************/\r\n		#whiteblockback\r\n			{\r\n				position: relative;\r\n				background: url(\'/userUpload/images/10512106/guavatree.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			}\r\n		#whiteblock\r\n			{\r\n				position: relative;\r\n				padding: 0em 2.45em 5em 2.45em;\r\n				display:inblock;\r\n				background-color:rgba(0,0,0,0.5);\r\n				color:white;\r\n				text-align:center;\r\n			}\r\n		\r\n		.title1area {\r\n				width: 100%;\r\n				height: 580px;\r\n				text-align: center;\r\n				padding: 115px 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:white;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n		\r\n		.title1area p {\r\n				display: inline-block;\r\n				padding: 25px;\r\n				line-height: 3;\r\n				text-align: justify;\r\n				margin-top: 30px;\r\n				color: #ffffff;\r\n				text-align: left;\r\n				font-size: 18px;\r\n				\r\n			}	\r\n			\r\n		\r\n		\r\n			\r\n		\r\n		#whiteblockback3\r\n			{\r\n				position: relative;\r\n				background: url(\'/userUpload/images/mingchuan/firefly.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			}\r\n		#whiteblock3\r\n			{\r\n				position: relative;\r\n				padding: 0em 2.45em 0em 2.45em;\r\n					\r\n				background-color:rgba(0,0,0,0.7);\r\n				color:white;\r\n				text-align:center;\r\n			}\r\n			\r\n/****************************內文及圖片介紹區塊*********************************/\r\n		\r\n		#animation1{\r\n				position: relative;\r\n				min-height: 1px;\r\n				padding:1em;\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					}	</style>\r\n</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.p1{Font-Family:\'微軟正黑體\';;text-align: center;}\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				background-color:darkseagreen;\r\n			    font-size:20px; \">			\r\n				color:#000;\r\n	}\r\n/**********************************************圖片表格*************************************************************************************************/\r\n	\r\n	\r\n	\r\n\r\n\r\n					\r\n/******************************************************************************************************************************************************/	</style>\r\n</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.230.121.142',NULL,NULL,NULL,NULL,NULL,NULL),(940,'2017-12-01 11:24:19','2017-12-01 19:23:39',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.pics{ position:relative;}.pics img{ position:absolute;-webkit-transition: opacity 2s ease-in-out;-moz-transition: opacity 2s ease-in-out;-o-transition: opacity 2s ease-in-out;transition: opacity 2s ease-in-out;}.pics img:last-child:hover{opacity:0;}</style>\r\n<div class=\"pics\">\r\n	<img alt=\"滑入顯示的圖片\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" width=\"360px\" /> <img alt=\"原本顯示的圖片\"  src=\"/userUpload/images/Alanger/20151008_132307.jpg\" width=\"360px\" /></div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(941,'2017-11-30 03:12:17','2017-11-30 11:12:10',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,836,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.h2,h2,hr{display:none}body{font-family:微軟正黑體}</style>\r\n<div class=\"row\">\r\n	<div class=\"col-md-12\"  style=\"background-image:url(/userUpload/images/Alanger/20170611_105845.jpg);>\r\n		\r\n	</div>\r\n</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(942,'2017-12-21 03:21:57','2017-12-21 11:21:57',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,836,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.h2,h2,hr{display:none}body{font-family:微軟正黑體} .navbar-nav > li > a {padding-top: 10px;padding-bottom: 0px;line-height: 25px;font-size: 15px;}</style>\r\n<div style=\"background-color:#FCFCFC;\">\r\n	<p style=\"font-size:46px; color:#7B7B7B;\">\r\n		線上商店|咖啡</p>\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12\" style=\"text-align : center\">\r\n			<img height=\"auto\" max-width=\"948px\" src=\"/userUpload/images/Alanger/%E5%9C%96%E7%89%872.png\" /></div>\r\n	</div>\r\n</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(943,'2017-12-13 21:05:35','2017-12-01 22:57:53',NULL,'2017-11-30 00:00:00','2038-01-01 00:00:00',925,930,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p style=\"text-align: center;\">\r\n	<span style=\"font-size:26px;\">影音報導</span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:26px;\">Audio and video coverage</span></p>\r\n<hr />\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"315\" src=\"https://www.youtube.com/embed/WPqw0D4aSv4\" width=\"560\"></iframe></p>\r\n<hr />\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'118.232.107.21',NULL,NULL,NULL,NULL,NULL,NULL),(944,'2017-12-08 13:27:44','2017-12-08 21:27:44',NULL,'2017-11-30 00:00:00','2038-01-01 00:00:00',925,933,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'地圖',NULL,'<p>\r\n	<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" 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!4v1512055677844\" style=\"border:0\" width=\"600\"></iframe>&nbsp; &nbsp; &nbsp; &nbsp;</p>\r\n<hr />\r\n<p>\r\n	&nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872.jpg\" style=\"width: 528px; height: 900px;\" /></p>\r\n','','',0,'',168134,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.230.121.154',NULL,NULL,NULL,NULL,NULL,NULL),(945,'2017-11-30 15:27:32','2017-11-30 23:25:50',NULL,'2017-11-30 00:00:00','2038-01-01 00:00:00',925,933,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,'39.12.168.210',NULL,NULL,NULL,NULL,NULL,NULL),(946,'2017-12-04 19:04:26','2017-12-05 03:04:26',NULL,'2017-11-30 00:00:00','2038-01-01 00:00:00',925,927,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div class=\"p1\">\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:26px;\">芳林的故事</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">The story of FANG LIN ORCHARD</span></div>\r\n	<div style=\"text-align: center;\">\r\n		&nbsp;</div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">計並能善盡孝道。</span></div>\r\n	<div style=\"text-align: center;\">\r\n		&nbsp;</div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包，</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">專家的建議，改為種植一年多產又可以自行調整產期的芭樂。</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">始種植珍珠芭樂。</span></div>\r\n</div>\r\n<div style=\"text-align: center;\">\r\n	<span id=\"docs-internal-guid-1abf7835-0da7-0d77-11cf-6ddcf536a180\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"C:\\Users\\User\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\芭樂樹.jpg\" height=\"360\" src=\"https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" style=\"border: none; transform: rotate(0.00rad); -webkit-transform: rotate(0.00rad);\" width=\"480\" /></span></span></div>\r\n<div class=\"p1\">\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">2014年 承租到位於 高雄市岡山區 阿公店水庫 水源保護區下方的一塊 2.5公頃環境優美 生態自然豐</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">富的農地，成立了（芳林 農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\">力，新手也可以闖出一片天。</span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"font-size:20px;\"><img alt=\"\" src=\"/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg\" style=\"width: 338px; height: 600px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\" style=\"width: 338px; height: 600px;\" /></span></div>\r\n	<div style=\"text-align: center;\">\r\n		<span style=\"background-color: transparent; color: rgb(0, 0, 0); font-family: Calibri; font-size: 12pt; white-space: pre-wrap;\">芳林芭樂果園 &nbsp;鄭宗林</span></div>\r\n	<p dir=\"ltr\" style=\"line-height:1.2;margin-top:0pt;margin-bottom:0pt;\">\r\n		<span id=\"docs-internal-guid-05f0a0fa-22dd-836e-41bf-6ae47e19f2f4\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">經歷 ：</span></span></p>\r\n	<p dir=\"ltr\" style=\"line-height:1.2;margin-top:0pt;margin-bottom:0pt;\">\r\n		<span id=\"docs-internal-guid-05f0a0fa-22dd-836e-41bf-6ae47e19f2f4\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">。 行政院農委會 第一屆 百大青年農民.</span></span></p>\r\n	<p dir=\"ltr\" style=\"line-height:1.2;margin-top:0pt;margin-bottom:0pt;\">\r\n		<span id=\"docs-internal-guid-05f0a0fa-22dd-836e-41bf-6ae47e19f2f4\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">。高雄市農業局 高雄型農 </span></span></p>\r\n	<p dir=\"ltr\" style=\"line-height:1.2;margin-top:0pt;margin-bottom:0pt;\">\r\n		<span id=\"docs-internal-guid-05f0a0fa-22dd-836e-41bf-6ae47e19f2f4\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">&nbsp;&nbsp;&nbsp;培訓班 &nbsp;高雄型農精英班.</span></span></p>\r\n	<p dir=\"ltr\" style=\"line-height:1.2;margin-top:0pt;margin-bottom:0pt;\">\r\n		<span id=\"docs-internal-guid-05f0a0fa-22dd-836e-41bf-6ae47e19f2f4\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">。 高雄市青年農民聯誼會會長.</span></span></p>\r\n	<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt; text-align: center;\">\r\n		<span style=\"background-color: transparent; color: rgb(0, 0, 0); font-family: Calibri; font-size: 12pt; white-space: pre-wrap; text-align: center;\">芳林的品質保證</span></p>\r\n	<p dir=\"ltr\" style=\"line-height:1.2;margin-top:0pt;margin-bottom:0pt;text-align: center;\">\r\n		<span id=\"docs-internal-guid-05f0a0fa-22dd-cd42-e04f-353c83503ea8\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">________________________________________</span></span></p>\r\n	<p dir=\"ltr\" style=\"line-height:1.2;margin-top:0pt;margin-bottom:0pt;text-align: center;\">\r\n		<span><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height: 500px; width: 375px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width: 375px; height: 500px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"width: 375px; height: 500px;\" /></span></span></p>\r\n	<div>\r\n		&nbsp;</div>\r\n	<span id=\"docs-internal-guid-05f0a0fa-22ea-f002-4af3-6304e0471974\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">產銷履歷 </span></span><span id=\"docs-internal-guid-05f0a0fa-22eb-75bc-8c2e-81dabe2a2c62\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\">水質檢測認證 </span></span><span style=\"background-color: transparent; color: rgb(0, 0, 0); font-family: Calibri; font-size: 12pt; white-space: pre-wrap;\">無農藥檢測認證</span>\r\n	<div>\r\n		&nbsp;</div>\r\n	<div style=\"text-align: center;\">\r\n		&nbsp;</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<style type=\"text/css\">\r\n.p1{Font-Family:\'標楷體\'}</style>\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),(947,'2017-11-30 16:31:22','2017-12-01 00:10:18',NULL,'2017-12-01 00:00:00','2038-01-01 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'禮盒系列',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/S_7032526711868.jpg\" style=\"width: 400px; height: 262px;\" />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/S_7032526680813.jpg\" style=\"width: 400px; height: 262px;\" /></p>\r\n<p>\r\n	30-40元/台斤</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.12.168.210',NULL,NULL,NULL,NULL,NULL,NULL),(948,'2017-11-30 16:32:02','2017-12-01 00:30:54',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,512,NULL,NULL,NULL,'',NULL,'<p>\r\n	This is some sample text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.12.168.210',NULL,NULL,NULL,NULL,NULL,NULL),(949,'2017-12-04 16:11:56','2017-12-04 22:23:54',NULL,'2017-12-01 00:00:00','2038-01-01 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'禮盒系列',NULL,'<p style=\"text-align: center;\">\r\n	<a href=\"index.php?Act=925&amp;SK=950&amp;MK=935&amp;PK=936\"><img alt=\"\" src=\"/userUpload/images/10512106/S_7032526711868.jpg\" style=\"width: 400px; height: 262px;\" />&nbsp;&nbsp; </a> <a href=\"index.php?SAct=925&amp;SK=948&amp;MK=935&amp;PK=936\"><img alt=\"\" src=\"/userUpload/images/10512106/S_7032526680813.jpg\" style=\"height: 262px; width: 400px;\" /></a></p>\r\n<p>\r\n	30-40元/台斤</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),(950,'2017-12-04 13:55:52','2017-12-01 01:06:04',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82.jpg\" style=\"width: 450px; height: 341px;\" />&nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/S_7032526711868.jpg\" style=\"width: 450px; height: 341px;\" /></p>\r\n<p>\r\n	芳林農園的芭樂，每台斤 售價 約 30~40 元。</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'39.12.168.210',NULL,NULL,NULL,NULL,NULL,NULL),(951,'2017-12-04 13:55:56','2017-12-01 01:10:30',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/S_7032526680813.jpg\" style=\"width: 450px; height: 341px;\" />&nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/89545.jpg\" style=\"width: 450px; height: 341px;\" /></p>\r\n<div>\r\n	*精品小禮盒 9顆裝 每盒300元 。</div>\r\n<div>\r\n	*每盒運費100元。</div>\r\n<div>\r\n	*同地址2盒 運費130元。</div>\r\n<div>\r\n	*同地址3盒 運費150元。</div>\r\n<div style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E8%8A%AD%E6%A8%82.jpg\" style=\"width: 300px; height: 300px;\" />&nbsp; &nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/89564.jpg\" style=\"width: 300px; height: 300px;\" /></div>\r\n<div>\r\n	<div>\r\n		*豪華大禮盒 12顆裝</div>\r\n	<div>\r\n		零售散裝 約10台斤</div>\r\n	<div>\r\n		每台斤約（30~40）元。</div>\r\n	<div>\r\n		運費是130元。</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,'39.12.168.210',NULL,NULL,NULL,NULL,NULL,NULL),(952,'0000-00-00 00:00:00','2017-12-01 16:07:09',NULL,NULL,NULL,185,185,NULL,2,NULL,NULL,NULL,1,2048,NULL,NULL,'庭翊首頁','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,95000,NULL,1,NULL,NULL,'210.240.156.72',NULL,1,NULL,NULL,NULL,NULL),(953,'2018-09-01 18:31:21','2018-09-02 02:31:21',NULL,'2017-12-01 00:00:00','2038-01-01 00:00:00',185,952,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n			text-align: justify;\r\n			text-justify: inter-word;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: cwTeXFangSong, \'Playfair Display\', serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n				\r\n		h2,h3,h4{\r\n				text-align: center;\r\n		}\r\n		\r\n		.smalltitle{\r\n				color:#ffa100;	\r\n		}\r\n		\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:1.2em;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.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		.block1 {\r\n				min-height:700px;\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/11.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		.block1 .box {\r\n				float: left;\r\n				min-height:700px;\r\n				margin-left: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/01-1.jpg\') ;\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: center;\r\n				background-size: cover;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 710px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 20px;\r\n				\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:repeat-x;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n			\r\n			\r\n</style>\r\n	<link href=\"https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	進入庭翊，<br>彷彿進入另一個客家風情地方，<br>映入眼簾的懷舊三合院、<br>古色古香的客家造型。<br>\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n	\r\n<div class=\"STORY \"><!--STORY-->\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n		<div class=\"COL12 clearfix \">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Story of Ting Yi</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的起源</h4>\r\n                <hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL6\"><img src=\"/userUpload/images/10412126/14.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>\r\n    	<div class=\"text COL6  revealOnScroll\" data-animation=\"zoomInUp\">\r\n                	<p>當初只為了想完成老人家還鄉的心願義無反顧的放下30幾年的生活圈及事業帶著老父親回到他想回來的地方，這是俗話說的落葉歸根嗎？\r\n							如今老人家走了而我們卻走不了！現在（老人家）變成我們的封號了。\r\n							<br>\" 多少銀髮無人陪  幾許古鬚不知誰  看淡世間功名錄  陪伴至親歸鄉赴\"</p>\r\n        </div>\r\n		</div>\r\n	\r\n</div>		\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div class=\"COL12 clearfix\" style=\"background-image:url(/userUpload/images/10412126/goodnews.jpg);background-attachment:fixed;background-size:cover;\">\r\n			<div class=\"COL6 clearfix\"style=\"color:white;\"><img src=\"/userUpload/images/10412126/001(1).png\" class=\"image-full\">\r\n			<div class=\"clearfix\"style=\"font-size:1em;\">一處足於讓你流連忘返的老所在、可以點亮你的思路短暫的休息後從這裡再出發。</div>\r\n			<div class=\"clearfix\"style=\"font-size:1.2em;float:right;\"><br>-2017庭翊民宿</div>\r\n			</div>\r\n			<div class=\"COL6 clearfix\" style=\"float:right;padding:0;\">\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"style=\"color:black;font-size:3.5em;\"> 好康消息</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">Good news</h4>\r\n				</div>\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#e7e7e7;min-height:370px; data-animation=\"zoomInUp\">\r\n                	<p>當初只為了想完成老人家還鄉的心願義無反顧的放下30幾年的生活圈及事業帶著老父親回到他想回來的地方，這是俗話說的落葉歸根嗎？\r\n							如今老人家走了而我們卻走不了！現在（老人家）變成我們的封號了。\r\n							<br>\" 多少銀髮無人陪  幾許古鬚不知誰  看淡世間功名錄  陪伴至親歸鄉赴\"</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	\r\n</div>\r\n	<div class=\"block2 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX\"><!--box-->\r\n				<div class=\"COL12 clearfix\"style=\"padding:0;\"><img src=\"/userUpload/images/10412126/16.jpg\" class=\"image-full image-rounded \" data-animation=\"zoomIn\" ></div>\r\n            	<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n                	當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。\r\n    某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、\r\n    隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。\r\n     到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合\r\n\r\n                </div>\r\n                <div class=\"btn revealOnScroll\" data-animation=\"zoomIn\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=185&MK=185&PK=186\">LEARN MORE</a></div>\r\n            </div><!--box end-->\r\n     </div><!--blockarea end-->\r\n</div>\r\n<!-- <div class=\"STORY\"><!--STORY-->\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12 content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Traditional big stove</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">傳統古早味的大灶</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/05.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>\r\n    	<div class=\"text COL12 clearfix2 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	<p>古早燒木材的大灶頭，雙鍋式前鍋較大為炒菜，用後鍋較小為煮飯或燒熱水用</p>\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12  content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\"> Traditional rain hat、rain coat</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\">簑帽、簑衣</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/13.jpg\" class=\"image-full\"></div>\r\n    	<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	<p>早期農家使用的雨帽、雨衣，<br>\r\n						用山棕做成</p>\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12  content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Ting Yi features urn</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">甕</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/08.jpg\" class=\"image-full\"></div>\r\n    	<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	<p>早期農家都會醃製蘿蔔或酸菜使用的容器，尤其客家人勤儉持家，醃製菜類為必須之技能。</p>\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.140.46',NULL,NULL,NULL,NULL,NULL,NULL),(954,'2017-12-13 21:05:37','2017-12-01 23:05:35',NULL,'2017-12-01 00:00:00','2038-01-01 00:00:00',925,930,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p style=\"text-align: center;\">\r\n	<span style=\"font-size:26px;\">平面報導</span></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<p style=\"text-align: center;\">\r\n	&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<a href=\"http://eyearrow.com/w_link/E_agri/2_life_5_3.html\" target=\"_blank\"><img alt=\"\" src=\"/userUpload/images/S_7032527180950(2).jpg\" style=\"width: 473px; height: 315px;\" /></a> &nbsp; &nbsp; &nbsp;&nbsp;<a href=\"http://www.kaofarmers.tw/content/farmer_profile?id=42\" target=\"_blank\"><img alt=\"\" src=\"/userUpload/images/S_7032526446186.jpg\" style=\"height: 315px;\" /></a></p>\r\n<p style=\"text-align: center;\">\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;型農大聯盟</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'118.232.107.21',NULL,NULL,NULL,NULL,NULL,NULL),(955,'2017-12-13 21:05:40','2017-12-08 21:48:05',NULL,'2017-12-01 00:00:00','2038-01-01 00:00:00',925,930,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div class=\"row\">\r\n	<div class=\"col-md-12\">\r\n		<div style=\"text-align: center;\">\r\n			<div>\r\n				<span style=\"font-size: 24px;\">感謝各大媒體支持</span></div>\r\n			<div>\r\n				<span style=\"font-size: 24px;\">Thanks for support</span></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<style type=\"text/css\">\r\nbody { font-family:微軟正黑體; background-color:#808080;}.bgw{background-color:#808080;}hr,p{color:#FFFFFF;}.h2,h2{color:#FFFFFF;}</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.230.121.154',NULL,NULL,NULL,NULL,NULL,NULL),(956,'2017-12-01 17:43:18','2017-12-01 23:50:43',NULL,'2017-12-01 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n    <head>\r\n        <title>Sliding Background Image Menu with jQuery</title>\r\n		<meta charset=\"UTF-8\" />\r\n        <meta name=\"description\" content=\"Sliding Background Image Menu with jQuery\" />\r\n        <meta name=\"keywords\" content=\"jquery, background image, image, menu, navigation, panels\" />\r\n		<meta name=\"author\" content=\"Codrops\" />\r\n        <link rel=\"stylesheet\" type=\"text/css\" href=\"css/style.css\" />\r\n		<link rel=\"stylesheet\" type=\"text/css\" href=\"css/sbimenu.css\" />\r\n		<link href=\'http://fonts.googleapis.com/css?family=PT+Sans+Narrow\' rel=\'stylesheet\' type=\'text/css\' />\r\n		<link href=\'http://fonts.googleapis.com/css?family=News+Cycle&v1\' rel=\'stylesheet\' type=\'text/css\' />\r\n\r\n    </head>\r\n    <body>\r\n		<div class=\"container\">\r\n			<div class=\"header\">\r\n				<h1>Sliding Background Image Menu<span>with jQuery</span></h1>\r\n				<h2>Default - Show/hide</h2>\r\n			</div>\r\n			<div class=\"content\">\r\n				<div id=\"sbi_container\" class=\"sbi_container\">\r\n					<div class=\"sbi_panel\" data-bg=\"image url(/userUpload/images/Alanger/%E5%92%96%E5%95%A1%E7%9A%84%E9%85%B8%E5%91%B3.jpg)\">\r\n						<a href=\"#\" class=\"sbi_label\">About</a>\r\n						<div class=\"sbi_content\">\r\n							<ul>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n							</ul>\r\n						</div>						\r\n					</div>\r\n					<div class=\"sbi_panel\" data-bg=\"images/2.jpg\">\r\n						<a href=\"#\" class=\"sbi_label\">Menu</a>\r\n						<div class=\"sbi_content\">\r\n							<ul>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n							</ul>\r\n						</div>						\r\n					</div>\r\n					<div class=\"sbi_panel\" data-bg=\"images/3.jpg\">\r\n						<a href=\"#\" class=\"sbi_label\">Location</a>\r\n						<div class=\"sbi_content\">\r\n							<ul>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n								<li><a href=\"#\">Subitem</a></li>\r\n							</ul>\r\n						</div>						\r\n					</div>\r\n				</div>\r\n			</div>\r\n			<div class=\"topbar\">\r\n				<a href=\"http://tympanus.net/Development/GridNavigationEffects/example5.html\"><span>&laquo; Previous Demo: </span>Grid Navigation Effects</a>\r\n				<span class=\"right_ab\">\r\n					<a href=\"http://www.flickr.com/people/manoelpetry/\" target=\"_blank\">Photos by Manoel Petry</a>\r\n					<a href=\"http://tympanus.net/codrops/2011/07/03/sliding-background-image-menu/\"><strong>back to the Codrops tutorial</strong></a>\r\n				</span>\r\n			</div>\r\n		</div>\r\n		<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js\"></script>\r\n		<script type=\"text/javascript\" src=\"js/jquery.easing.1.3.js\"></script>\r\n		<script type=\"text/javascript\" src=\"js/jquery.bgImageMenu.js\"></script>\r\n		<script type=\"text/javascript\">\r\n			$(function() {\r\n				$(\'#sbi_container\').bgImageMenu();\r\n			});\r\n		</script>\r\n    </body>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(957,'2017-12-01 17:43:32','2017-12-02 00:04:11',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n    <head>\r\n        <title>Circular Content Carousel with jQuery</title>\r\n		<meta charset=\"UTF-8\" />\r\n		<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\"> \r\n		<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"> \r\n        <meta name=\"description\" content=\"Circular Content Carousel with jQuery\" />\r\n        <meta name=\"keywords\" content=\"jquery, conent slider, content carousel, circular, expanding, sliding, css3\" />\r\n		<meta name=\"author\" content=\"Codrops\" />\r\n		<link rel=\"shortcut icon\" href=\"../favicon.ico\"> \r\n        <link rel=\"stylesheet\" type=\"text/css\" href=\"css/demo.css\" />\r\n		<link rel=\"stylesheet\" type=\"text/css\" href=\"css/style.css\" />\r\n		<link rel=\"stylesheet\" type=\"text/css\" href=\"css/jquery.jscrollpane.css\" media=\"all\" />\r\n		<link href=\'http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1\' rel=\'stylesheet\' type=\'text/css\' />\r\n		<link href=\'http://fonts.googleapis.com/css?family=Coustard:900\' rel=\'stylesheet\' type=\'text/css\' />\r\n		<link href=\'http://fonts.googleapis.com/css?family=Rochester\' rel=\'stylesheet\' type=\'text/css\' />\r\n    </head>\r\n	<style>\r\n			@import url(\'reset.css\');\r\n\r\n		/* General Demo Style */\r\n		body{\r\n			background:#e4ebe9 url(../images/pattern.png) repeat top left;\r\n			color:#000;\r\n			font-family: \'PT Sans Narrow\', Arial, sans-serif;\r\n			font-size:12px;\r\n		}\r\n		a{\r\n			color:#000;\r\n			text-decoration:none;\r\n		}\r\n		.clr{\r\n			clear:both;\r\n		}\r\n		h1, h5{\r\n			margin:15px;\r\n			font-size:44px;\r\n			color:#000;\r\n			font-family: \'Rochester\', sans-serif;\r\n			text-shadow:1px 1px 1px #fff;\r\n			text-align:center;\r\n		}\r\n		h1 span, h5{\r\n			font-size:20px;\r\n			display:block;\r\n			color:#60817a;\r\n		}\r\n		/* Header Style */\r\n		.header{\r\n			height:25px;\r\n			line-height:24px;\r\n			font-size:13px;\r\n			background:#000;\r\n			opacity:0.9;\r\n			text-transform:uppercase;\r\n			z-index:4;\r\n		}\r\n		.header a{\r\n			padding:5px 10px;\r\n			letter-spacing:1px;\r\n			text-shadow:1px 1px 1px #000;\r\n			color:#ddd;\r\n			text-align:right;\r\n		}\r\n		.header a:hover{\r\n			color:#fff;\r\n		}\r\n		.header a span{\r\n			font-weight:bold;\r\n		}\r\n		.header span.right_ab{\r\n			position:absolute;\r\n			right:4px;\r\n		}\r\n				/*\r\n		 * CSS Styles that are needed by jScrollPane for it to operate correctly.\r\n		 *\r\n		 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane\r\n		 * may not operate correctly without them.\r\n		 */\r\n\r\n		.jspContainer\r\n		{\r\n			overflow: hidden;\r\n			position: relative;\r\n		}\r\n\r\n		.jspPane\r\n		{\r\n			position: absolute;\r\n		}\r\n\r\n		.jspVerticalBar\r\n		{\r\n			position: absolute;\r\n			top: 0;\r\n			right: 0;\r\n			width: 10px;\r\n			height: 100%;\r\n			background: #fff;\r\n\r\n		}\r\n\r\n		.jspHorizontalBar\r\n		{\r\n			position: absolute;\r\n			bottom: 0;\r\n			left: 0;\r\n			width: 100%;\r\n			height: 10px;\r\n			background: #fff;\r\n		}\r\n\r\n		.jspVerticalBar *,\r\n		.jspHorizontalBar *\r\n		{\r\n			margin: 0;\r\n			padding: 0;\r\n		}\r\n\r\n		.jspCap\r\n		{\r\n			display: none;\r\n		}\r\n\r\n		.jspHorizontalBar .jspCap\r\n		{\r\n			float: left;\r\n		}\r\n\r\n		.jspTrack\r\n		{\r\n			background: #fff;\r\n			position: relative;\r\n		}\r\n\r\n		.jspDrag\r\n		{\r\n			background: #000;\r\n			position: relative;\r\n			top: 0;\r\n			left: 0;\r\n			cursor: pointer;\r\n		}\r\n\r\n		.jspHorizontalBar .jspTrack,\r\n		.jspHorizontalBar .jspDrag\r\n		{\r\n			float: left;\r\n			height: 100%;\r\n		}\r\n\r\n		.jspArrow\r\n		{\r\n			background: #50506d;\r\n			text-indent: -20000px;\r\n			display: block;\r\n			cursor: pointer;\r\n		}\r\n\r\n		.jspArrow.jspDisabled\r\n		{\r\n			cursor: default;\r\n			background: #80808d;\r\n		}\r\n\r\n		.jspVerticalBar .jspArrow\r\n		{\r\n			height: 10px;\r\n		}\r\n\r\n		.jspHorizontalBar .jspArrow\r\n		{\r\n			width: 10px;\r\n			float: left;\r\n			height: 100%;\r\n		}\r\n\r\n		.jspVerticalBar .jspArrow:focus\r\n		{\r\n			outline: none;\r\n		}\r\n\r\n		.jspCorner\r\n		{\r\n			background: #eeeef4;\r\n			float: left;\r\n			height: 100%;\r\n		}\r\n\r\n		/* Yuk! CSS Hack for IE6 3 pixel bug :( */\r\n		* html .jspCorner\r\n		{\r\n			margin: 0 -3px 0 0;\r\n		}\r\n				/* CSS reset */\r\n		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { \r\n			margin:0;\r\n			padding:0;\r\n		}\r\n		html,body {\r\n			margin:0;\r\n			padding:0;\r\n		}\r\n		table {\r\n			border-collapse:collapse;\r\n			border-spacing:0;\r\n		}\r\n		fieldset,img { \r\n			border:0;\r\n		}\r\n		input{\r\n			border:1px solid #b0b0b0;\r\n			padding:3px 5px 4px;\r\n			color:#979797;\r\n			width:190px;\r\n		}\r\n		address,caption,cite,code,dfn,th,var {\r\n			font-style:normal;\r\n			font-weight:normal;\r\n		}\r\n		ol,ul {\r\n			list-style:none;\r\n		}\r\n		caption,th {\r\n			text-align:left;\r\n		}\r\n		h1,h2,h3,h4,h5,h6 {\r\n			font-size:100%;\r\n			font-weight:normal;\r\n		}\r\n		q:before,q:after {\r\n			content:\'\';\r\n		}\r\n		abbr,acronym { border:0;\r\n		}\r\n				/* Circular Content Carousel Style */\r\n		.ca-container{\r\n			position:relative;\r\n			margin:25px auto 20px auto;\r\n			width:990px;\r\n			height:450px;\r\n		}\r\n		.ca-wrapper{\r\n			width:100%;\r\n			height:100%;\r\n			position:relative;\r\n		}\r\n		.ca-item{\r\n			position:relative;\r\n			float:left;\r\n			width:330px;\r\n			height:100%;\r\n			text-align:center;\r\n		}\r\n		.ca-more{\r\n			position: absolute;\r\n			bottom: 10px;\r\n			right:0px;\r\n			padding:4px 15px;\r\n			font-weight:bold;\r\n			background: #ccbda2;\r\n			text-align:center;\r\n			color: white;\r\n			font-family: \"Georgia\",\"Times New Roman\",serif;\r\n			font-style:italic;\r\n			text-shadow:1px 1px 1px #897c63;\r\n		}\r\n		.ca-close{\r\n			position:absolute;\r\n			top:10px;\r\n			right:10px;\r\n			background:#fff url(../images/cross.png) no-repeat center center;\r\n			width:27px;\r\n			height:27px;\r\n			text-indent:-9000px;\r\n			outline:none;\r\n			-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);\r\n			-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);\r\n			box-shadow:1px 1px 2px rgba(0,0,0,0.2);\r\n			opacity:0.7;\r\n		}\r\n		.ca-close:hover{\r\n			opacity:1.0;\r\n		}\r\n		.ca-item-main{\r\n			padding:20px;\r\n			position:absolute;\r\n			top:5px;\r\n			left:5px;\r\n			right:5px;\r\n			bottom:5px;\r\n			background:#fff;\r\n			overflow:hidden;\r\n			-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);\r\n			-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);\r\n			box-shadow:1px 1px 2px rgba(0,0,0,0.2);\r\n		}\r\n		.ca-icon{\r\n			width:233px;\r\n			height:189px;\r\n			position:relative;\r\n			margin:0 auto;\r\n			background:transparent url(../images/animal1.png) no-repeat center center;\r\n		}\r\n		.ca-item-2 .ca-icon{\r\n			background-image:url(../images/animal2.png);\r\n		}\r\n		.ca-item-3 .ca-icon{\r\n			background-image:url(../images/animal3.png);\r\n		}\r\n		.ca-item-4 .ca-icon{\r\n			background-image:url(../images/animal4.png);\r\n		}\r\n		.ca-item-5 .ca-icon{\r\n			background-image:url(../images/animal5.png);\r\n		}\r\n		.ca-item-6 .ca-icon{\r\n			background-image:url(../images/animal6.png);\r\n		}\r\n		.ca-item-7 .ca-icon{\r\n			background-image:url(../images/animal7.png);\r\n		}\r\n		.ca-item-8 .ca-icon{\r\n			background-image:url(../images/animal8.png);\r\n		}\r\n		.ca-item h3{\r\n			font-family: \'Coustard\', sans-serif;\r\n			text-transform:uppercase;\r\n			font-size:30px;\r\n			color:#000;\r\n			margin-bottom:20px;\r\n			height:85px;\r\n			text-align:center;\r\n			text-shadow: 0px 1px 1px #e4ebe9;\r\n		}\r\n		.ca-item h4{\r\n			font-family: \"Georgia\",\"Times New Roman\",serif;\r\n			font-style:italic;\r\n			font-size:12px;\r\n			text-align:left;\r\n			border-left:10px solid #b0ccc6;\r\n			padding-left:10px;\r\n			line-height:24px;\r\n			margin:10px;\r\n			position:relative;\r\n		}\r\n		.ca-item h4 span{\r\n			text-indent:40px;\r\n			display:block;\r\n		}\r\n		.ca-item h4  span.ca-quote{\r\n			color:#f4eee3;\r\n			font-size:100px;\r\n			position:absolute;\r\n			top:20px;\r\n			left:0px;\r\n			text-indent:0px;\r\n		}\r\n		.ca-content-wrapper{\r\n			background:#b0ccc6;\r\n			position:absolute;\r\n			width:0px; /* expands to width of the wrapper minus 1 element */\r\n			height:440px;\r\n			top:5px;\r\n			text-align:left;\r\n			z-index:10000;\r\n			overflow:hidden;\r\n		}\r\n		.ca-content{\r\n			width:660px;\r\n			overflow:hidden;\r\n		}\r\n		.ca-content-text{\r\n			font-size: 14px;\r\n			font-style: italic;\r\n			font-family: \"Georgia\",\"Times New Roman\",serif;\r\n			margin:10px 20px;\r\n			padding:10px 20px;\r\n			line-height:24px;\r\n		}\r\n		.ca-content-text p{\r\n			padding-bottom:5px;\r\n		}\r\n		.ca-content h6{\r\n			margin:25px 20px 0px 35px;\r\n			font-size:32px;\r\n			padding-bottom:5px;\r\n			color:#000;\r\n			font-family: \'Coustard\', sans-serif;\r\n			color:#60817a;\r\n			border-bottom:2px solid #99bcb4;\r\n			text-shadow: 1px 1px 1px #99BCB4;\r\n		}\r\n		.ca-content ul{\r\n			margin:20px 35px;\r\n			height:30px;\r\n		}\r\n		.ca-content ul li{\r\n			float:left;\r\n			margin:0px 2px;\r\n		}\r\n		.ca-content ul li a{\r\n			color:#fff;\r\n			background:#000;\r\n			padding:3px 6px;\r\n			font-size:14px;\r\n			font-family: \"Georgia\",\"Times New Roman\",serif;\r\n			font-style:italic;\r\n		}\r\n		.ca-content ul li a:hover{\r\n			background:#fff;\r\n			color:#000;\r\n			text-shadow:none;\r\n		}\r\n		.ca-nav span{\r\n			width:25px;\r\n			height:38px;\r\n			background:transparent url(../images/arrows.png) no-repeat top left;\r\n			position:absolute;\r\n			top:50%;\r\n			margin-top:-19px;\r\n			left:-40px;\r\n			text-indent:-9000px;\r\n			opacity:0.7;\r\n			cursor:pointer;\r\n			z-index:100;\r\n		}\r\n		.ca-nav span.ca-nav-next{\r\n			background-position:top right;\r\n			left:auto;\r\n			right:-40px;\r\n		}\r\n		.ca-nav span:hover{\r\n			opacity:1.0;\r\n		}\r\n	</style>\r\n    <body>\r\n		<div class=\"container\">\r\n			<div class=\"header\">\r\n				<a href=\"http://tympanus.net/Tutorials/PortfolioImageNavigation/\"><span>&laquo; Previous Demo: </span>Portfolio Image Navigation</a>\r\n				<span class=\"right_ab\">\r\n					<a href=\"http://cyberella74.deviantart.com/art/Archigraphs-Animals-Icons-139629985\" target=\"_blank\">Animal Icons by Cyberella</a>\r\n					<a href=\"http://tympanus.net/codrops/2011/08/16/circular-content-carousel/\"><strong>back to the Codrops post</strong></a>\r\n				</span>\r\n			</div>\r\n			<h1>Circular Content Carousel<span>with jQuery</span></h1>\r\n			<div id=\"ca-container\" class=\"ca-container\">\r\n				<div class=\"ca-wrapper\">\r\n					<div class=\"ca-item ca-item-1\">\r\n						<div class=\"ca-item-main\">\r\n							<div class=\"ca-icon\"></div>\r\n							<h3>Stop factory farming</h3>\r\n							<h4>\r\n								<span class=\"ca-quote\">&ldquo;</span>\r\n								<span>The greatness of a nation and its moral progress can be judged by the way in which its animals are treated.</span>\r\n							</h4>\r\n								<a href=\"#\" class=\"ca-more\">more...</a>\r\n						</div>\r\n						<div class=\"ca-content-wrapper\">\r\n							<div class=\"ca-content\">\r\n								<h6>Animals are not commodities</h6>\r\n								<a href=\"#\" class=\"ca-close\">close</a>\r\n								<div class=\"ca-content-text\">\r\n									<p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>\r\n									<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>\r\n									<p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>\r\n								</div>\r\n								<ul>\r\n									<li><a href=\"#\">Read more</a></li>\r\n									<li><a href=\"#\">Share this</a></li>\r\n									<li><a href=\"#\">Become a member</a></li>\r\n									<li><a href=\"#\">Donate</a></li>\r\n								</ul>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<div class=\"ca-item ca-item-2\">\r\n						<div class=\"ca-item-main\">\r\n							<div class=\"ca-icon\"></div>\r\n							<h3>Respect Life &amp; Rights</h3>\r\n							<h4>\r\n								<span class=\"ca-quote\">&ldquo;</span>\r\n								<span>I hold that the more helpless a creature, the more entitled it is to protection by man from the cruelty of man.</span>\r\n							</h4>\r\n								<a href=\"#\" class=\"ca-more\">more...</a>\r\n						</div>\r\n						<div class=\"ca-content-wrapper\">\r\n							<div class=\"ca-content\">\r\n								<h6>Would you eat your dog?</h6>\r\n								<a href=\"#\" class=\"ca-close\">close</a>\r\n								<div class=\"ca-content-text\">\r\n									<p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>\r\n									<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>\r\n									<p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>\r\n								</div>\r\n								<ul>\r\n									<li><a href=\"#\">Read more</a></li>\r\n									<li><a href=\"#\">Share this</a></li>\r\n									<li><a href=\"#\">Become a member</a></li>\r\n									<li><a href=\"#\">Donate</a></li>\r\n								</ul>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<div class=\"ca-item ca-item-3\">\r\n						<div class=\"ca-item-main\">\r\n							<div class=\"ca-icon\"></div>\r\n							<h3>Become 100% meat-free</h3>\r\n							<h4>\r\n								<span class=\"ca-quote\">&ldquo;</span>\r\n								<span>I feel that spiritual progress does demand at some stage that we should cease to kill our fellow creatures for the satisfaction of our bodily wants.</span>\r\n							</h4>\r\n								<a href=\"#\" class=\"ca-more\">more...</a>\r\n						</div>\r\n						<div class=\"ca-content-wrapper\">\r\n							<div class=\"ca-content\">\r\n								<h6>You can change the world</h6>\r\n								<a href=\"#\" class=\"ca-close\">close</a>\r\n								<div class=\"ca-content-text\">\r\n									<p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>\r\n									<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>\r\n									<p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>\r\n								</div>\r\n								<ul>\r\n									<li><a href=\"#\">Read more</a></li>\r\n									<li><a href=\"#\">Share this</a></li>\r\n									<li><a href=\"#\">Become a member</a></li>\r\n									<li><a href=\"#\">Donate</a></li>\r\n								</ul>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<div class=\"ca-item ca-item-4\">\r\n						<div class=\"ca-item-main\">\r\n							<div class=\"ca-icon\"></div>\r\n							<h3>Make a difference</h3>\r\n							<h4>\r\n								<span class=\"ca-quote\">&ldquo;</span>\r\n								<span>A man is but the product of his thoughts what he thinks, he becomes.</span>\r\n							</h4>\r\n								<a href=\"#\" class=\"ca-more\">more...</a>\r\n						</div>\r\n						<div class=\"ca-content-wrapper\">\r\n							<div class=\"ca-content\">\r\n								<h6>Think globally, act locally</h6>\r\n								<a href=\"#\" class=\"ca-close\">close</a>\r\n								<div class=\"ca-content-text\">\r\n									<p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>\r\n									<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>\r\n									<p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>\r\n								</div>\r\n								<ul>\r\n									<li><a href=\"#\">Read more</a></li>\r\n									<li><a href=\"#\">Share this</a></li>\r\n									<li><a href=\"#\">Become a member</a></li>\r\n									<li><a href=\"#\">Donate</a></li>\r\n								</ul>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<div class=\"ca-item ca-item-5\">\r\n						<div class=\"ca-item-main\">\r\n							<div class=\"ca-icon\"></div>\r\n							<h3>Say no to killing</h3>\r\n							<h4>\r\n								<span class=\"ca-quote\">&ldquo;</span>\r\n								<span>A weak man is just by accident. A strong but non-violent man is unjust by accident.</span>\r\n							</h4>\r\n								<a href=\"#\" class=\"ca-more\">more...</a>\r\n						</div>\r\n						<div class=\"ca-content-wrapper\">\r\n							<div class=\"ca-content\">\r\n								<h6>Animals have rights, too!</h6>\r\n								<a href=\"#\" class=\"ca-close\">close</a>\r\n								<div class=\"ca-content-text\">\r\n									<p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>\r\n									<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>\r\n									<p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>\r\n								</div>\r\n								<ul>\r\n									<li><a href=\"#\">Read more</a></li>\r\n									<li><a href=\"#\">Share this</a></li>\r\n									<li><a href=\"#\">Become a member</a></li>\r\n									<li><a href=\"#\">Donate</a></li>\r\n								</ul>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<div class=\"ca-item ca-item-6\">\r\n						<div class=\"ca-item-main\">\r\n							<div class=\"ca-icon\"></div>\r\n							<h3>Don\'t believe the lies</h3>\r\n							<h4>\r\n								<span class=\"ca-quote\">&ldquo;</span>\r\n								<span>An error does not become truth by reason of multiplied propagation, nor does truth become error because nobody sees it.</span>\r\n							</h4>\r\n								<a href=\"#\" class=\"ca-more\">more...</a>\r\n						</div>\r\n						<div class=\"ca-content-wrapper\">\r\n							<div class=\"ca-content\">\r\n								<h6>How essential is meat?</h6>\r\n								<a href=\"#\" class=\"ca-close\">close</a>\r\n								<div class=\"ca-content-text\">\r\n									<p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>\r\n									<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>\r\n									<p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>\r\n								</div>\r\n								<ul>\r\n									<li><a href=\"#\">Read more</a></li>\r\n									<li><a href=\"#\">Share this</a></li>\r\n									<li><a href=\"#\">Become a member</a></li>\r\n									<li><a href=\"#\">Donate</a></li>\r\n								</ul>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<div class=\"ca-item ca-item-7\">\r\n						<div class=\"ca-item-main\">\r\n							<div class=\"ca-icon\"></div>\r\n							<h3>Save the planet</h3>\r\n							<h4>\r\n								<span class=\"ca-quote\">&ldquo;</span>\r\n								<span>A small body of determined spirits fired by an unquenchable faith in their mission can alter the course of history.</span>\r\n							</h4>\r\n								<a href=\"#\" class=\"ca-more\">more...</a>\r\n						</div>\r\n						<div class=\"ca-content-wrapper\">\r\n							<div class=\"ca-content\">\r\n								<h6>Collateral damage?</h6>\r\n								<a href=\"#\" class=\"ca-close\">close</a>\r\n								<div class=\"ca-content-text\">\r\n									<p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>\r\n									<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>\r\n									<p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>\r\n								</div>\r\n								<ul>\r\n									<li><a href=\"#\">Read more</a></li>\r\n									<li><a href=\"#\">Share this</a></li>\r\n									<li><a href=\"#\">Become a member</a></li>\r\n									<li><a href=\"#\">Donate</a></li>\r\n								</ul>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<div class=\"ca-item ca-item-8\">\r\n						<div class=\"ca-item-main\">\r\n							<div class=\"ca-icon\"></div>\r\n							<h3>It\'s time to move on</h3>\r\n							<h4>\r\n								<span class=\"ca-quote\">&ldquo;</span>\r\n								<span>A nation\'s culture resides in the hearts and in the soul of its people.</span>\r\n							</h4>\r\n								<a href=\"#\" class=\"ca-more\">more...</a>\r\n						</div>\r\n						<div class=\"ca-content-wrapper\">\r\n							<div class=\"ca-content\">\r\n								<h6>Let\'s finally become humans</h6>\r\n								<a href=\"#\" class=\"ca-close\">close</a>\r\n								<div class=\"ca-content-text\">\r\n									<p>I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now.</p>\r\n									<p>When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream;</p>\r\n									<p>She packed her seven versalia, put her initial into the belt and made herself on the way.</p>\r\n								</div>\r\n								<ul>\r\n									<li><a href=\"#\">Read more</a></li>\r\n									<li><a href=\"#\">Share this</a></li>\r\n									<li><a href=\"#\">Become a member</a></li>\r\n									<li><a href=\"#\">Donate</a></li>\r\n								</ul>\r\n							</div>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n			<h5>Quotes by Mohandas Gandhi</h5>\r\n		</div>\r\n		<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js\"></script>\r\n		<script type=\"text/javascript\" src=\"js/jquery.easing.1.3.js\"></script>\r\n		<!-- the jScrollPane script -->\r\n		<script type=\"text/javascript\" src=\"js/jquery.mousewheel.js\"></script>\r\n		<script type=\"text/javascript\" src=\"js/jquery.contentcarousel.js\"></script>\r\n		<script type=\"text/javascript\">\r\n			$(\'#ca-container\').contentcarousel();\r\n		</script>\r\n    </body>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(958,'2018-01-23 16:13:33','2017-12-02 01:22:43',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<link href=\'https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\' rel=\'stylesheet\' type=\'text/css\'>\r\n\r\n<h1 style=\"font-family: \'Raleway\', sans-serif;\"> CSS3 hover<span id=\"hover\"> effects/</span></h1>\r\n<p style=\"font-family: sans-serif; color: #fff; padding-left: 10px;\">An implementation of Alessio Atzeni\'s CSS3 effects. Please give credit to <a href=\"www.jacobstone.co.uk\" style=\"color:#efefef; text-decoration: none;\">www.jacobstone.co.uk</a> if you use my photography.</p>\r\n<div id=\"all\">\r\n  <div class=\"view view-first\">\r\n    <img src=\"http://static1.squarespace.com/static/55ac6d80e4b0a964784b2f80/t/5703e9208259b507928ad72a/1459874081584/xzKx01n.png\" />\r\n    <div class=\"mask\">\r\n      <h2>Empire State</h2>\r\n      <p>A cool description of some sort between these tags. I am so cool and awesomely awesome.</p>\r\n      <a href=\"#\" class=\"info\">Read More</a>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <div class=\"view view-second\">\r\n    <img src=\"http://static1.squarespace.com/static/55ac6d80e4b0a964784b2f80/t/5703eaab37013bdcee28c077/1459874476977/gw9SfTu.png\" />\r\n    <div class=\"mask\"></div>\r\n    <div class=\"content\">\r\n      <h2>Midtown</h2>\r\n      <p>A description of some sort between these tags. I am so cool and awesomely awesome.</p>\r\n      <a href=\"#\" class=\"info\">Read More</a>\r\n    </div>\r\n  </div>\r\n\r\n\r\n  <div class=\"view view-tenth\">\r\n    <img src=\"http://static1.squarespace.com/static/55ac6d80e4b0a964784b2f80/t/5703eb0cb09f95f41391ea85/1459874573710/j07SfQZ.png\" />\r\n    <div class=\"mask\">\r\n      <h2>The Only Living Boy in New York</h2>\r\n      <p>Words and such, a whole lot more of muh flippin\' words.</p>\r\n      <a href=\"#\" class=\"info\">Read More</a>\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"view view-second\">\r\n    <img src=\"http://static1.squarespace.com/static/55ac6d80e4b0a964784b2f80/t/5703eb2e746fb98cc2510ebd/1459874606989/PsZyN43.png\" />\r\n    <div class=\"mask\"></div>\r\n    <div class=\"content\">\r\n      <h2 id=\"testimonials\">Upper East Side</h2>\r\n      <p>&ldquo;A description of some sort between these tags. I am so cool ye and awesomely awesome. He was cool.&rdquo;</p>\r\n      <a href=\"#\" class=\"info\">Read More</a>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<style>html {\r\n  min-height: 100%;\r\n}\r\n\r\nbody {\r\n  background: radial-gradient(ellipse at bottom left, rgba(104, 128, 138, 0.4) 10%, rgba(138, 114, 76, 0) 40%), linear-gradient(to bottom, rgba(57, 173, 219, .25), rgba(42, 60, 87, 0.4)), linear-gradient(135deg, #670d10, #092756);\r\n}\r\n\r\nh1 {\r\n  color: white;\r\n  padding-left: 10px;\r\n}\r\n\r\n#hover {\r\n  color: rgba(188, 175, 204, 0.9);\r\n}\r\n\r\nh2#testimonials {\r\n  color: #fffae3;\r\n}\r\n\r\ndiv#all {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n\r\n\r\n/* generic css */\r\n\r\n.view {\r\n  margin: 10px;\r\n  float: left;\r\n  border: 10px solid #fff;\r\n  overflow: hidden;\r\n  position: relative;\r\n  text-align: center;\r\n  box-shadow: 1px 1px 2px #e6e6e6;\r\n  cursor: default;\r\n  background: #fff url(../images/bgimg.jpg) no-repeat center center\r\n}\r\n\r\n.view .mask,\r\n.view .content {\r\n  width: 300px;\r\n  height: 200px;\r\n  position: absolute;\r\n  overflow: hidden;\r\n  top: 0;\r\n  left: 0\r\n}\r\n\r\n.view img {\r\n  display: block;\r\n  position: relative\r\n}\r\n\r\n.view h2 {\r\n  text-transform: uppercase;\r\n  color: #fff;\r\n  text-align: center;\r\n  position: relative;\r\n  font-size: 17px;\r\n  font-family: Raleway, serif;\r\n  padding: 10px;\r\n  /*background: rgba(0, 0, 0, 0.8);*/\r\n  margin: 20px 0 0 0\r\n}\r\n\r\n.view p {\r\n  font-family: Merriweather, serif;\r\n  font-style: italic;\r\n  font-size: 14px;\r\n  position: relative;\r\n  color: #fff;\r\n  padding: 0px 20px 0px;\r\n  text-align: center\r\n}\r\n\r\n.view a.info {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n  padding: 7px 14px;\r\n  background: #000;\r\n  color: #fff;\r\n  font-family: Raleway, serif;\r\n  text-transform: uppercase;\r\n  box-shadow: 0 0 1px #000\r\n}\r\n\r\n.view a.info:hover {\r\n  box-shadow: 0 0 5px #000\r\n}\r\n\r\n\r\n/*1*/\r\n\r\n.view-first img {\r\n  /*1*/\r\n  transition: all 0.2s linear;\r\n  width: 300px;\r\n  height: 200px;\r\n}\r\n\r\n.view-first .mask {\r\n  opacity: 0;\r\n  background-color: rgba(58, 1, 132, 0.44);\r\n  transition: all 0.4s ease-in-out;\r\n}\r\n\r\n.view-first h2 {\r\n  transform: translateY(-100px);\r\n  opacity: 0;\r\n  font-family: Raleway, serif;\r\n  transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-first p {\r\n  transform: translateY(100px);\r\n  opacity: 0;\r\n  transition: all 0.2s linear;\r\n}\r\n\r\n.view-first a.info {\r\n  opacity: 0;\r\n  transition: all 0.2s ease-in-out;\r\n}\r\n\r\n\r\n/* */\r\n\r\n.view-first:hover img {\r\n  transform: scale(1.1);\r\n}\r\n\r\n.view-first:hover .mask {\r\n  opacity: 1;\r\n}\r\n\r\n.view-first:hover h2,\r\n.view-first:hover p,\r\n.view-first:hover a.info {\r\n  opacity: 1;\r\n  transform: translateY(0px);\r\n}\r\n\r\n.view-first:hover p {\r\n  transition-delay: 0.1s;\r\n}\r\n\r\n.view-first:hover a.info {\r\n  transition-delay: 0.2s;\r\n}\r\n\r\n\r\n/*2*/\r\n\r\n.view-second img {\r\n  transition: all 0.2s ease-in;\r\n  -webkit-transition: all 0.2s ease-in;\r\n}\r\n\r\n.view-second .mask {\r\n  background-color: rgba(12, 19, 27, 0.6);\r\n  width: 300px;\r\n  padding: 105px;\r\n  height: 200px;\r\n  opacity: 0;\r\n  transform: translate(265px, 145px) rotate(45deg);\r\n  -webkit-transform: translate(265px, 145px) rotate(45deg);\r\n  transition: all 0.2s ease-in-out;\r\n  -webkit-transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-second h2 {\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.3);\r\n  font-family: Raleway, serif;\r\n  background: transparent;\r\n  margin: 20px 40px 0px 40px;\r\n  -webkit-transform: translate(200px, -200px);\r\n  transform: translate(200px, -200px);\r\n  -webkit-transition: all 0.2s ease-in-out;\r\n  transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-second p {\r\n  transform: translate(-200px, 200px);\r\n  -webkit-transform: translate(200px, -200px);\r\n  transition: all 0.2s ease-in-out;\r\n  -webkit-transition: all 0.2s ease-in-out;\r\n}\r\n\r\n.view-second a.info {\r\n  transform: translate(0px, 100px);\r\n  -webkit-transform: translate(0px, 100px);\r\n  transition: all 0.2s 0.1s ease-in-out;\r\n  -webkit-transition: all 0.2s 0.1s ease-in-out;\r\n}\r\n\r\n\r\n/* */\r\n\r\n.view-second:hover .mask {\r\n  opacity: 1;\r\n  transform: translate(-80px, -125px) rotate(45deg);\r\n  -webkit-transform: translate(-80px, -125px) rotate(45deg);\r\n}\r\n\r\n.view-second:hover h2 {\r\n  transform: translate(0px, 0px);\r\n  -webkit-transform: translate(0px, 0px);\r\n  transition-delay: 0.3s;\r\n  -webkit-transition-delay: 0.3s;\r\n}\r\n\r\n.view-second:hover p {\r\n  transform: translate(0px, 0px);\r\n  -webkit-transform: translate(0px, 0px);\r\n  transition-delay: 0.4s;\r\n  -webkit-transition-delay: 0.4s;\r\n}\r\n\r\n.view-second:hover a.info {\r\n  transform: translate(0px, 0px);\r\n  -webkit-transform: translate(0px, 0px);\r\n  transition-delay: 0.5s;\r\n  -webkit-transition-delay: 0.5s;\r\n}\r\n\r\n\r\n/*3*/\r\n\r\n.view-tenth img {\r\n  transform: scaleY(1);\r\n  transition: all .7s ease-in-out;\r\n}\r\n\r\n.view-tenth .mask {\r\n  background-color: rgba(255, 231, 179, 0.3);\r\n  transition: all 0.5s linear;\r\n  opacity: 0;\r\n}\r\n\r\n.view-tenth h2 {\r\n  border-bottom: 1px solid rgba(0, 0, 0, 0.3);\r\n  background: transparent;\r\n  margin: 20px 40px 0px 40px;\r\n  transform: scale(0);\r\n  color: #333;\r\n  transition: all 0.5s linear;\r\n  opacity: 0;\r\n}\r\n\r\n.view-tenth p {\r\n  color: #333;\r\n  opacity: 0;\r\n  transform: scale(0);\r\n  transition: all 0.5s linear;\r\n  padding-\r\n}\r\n\r\n.view-tenth a.info {\r\n  opacity: 0;\r\n  transform: scale(0);\r\n  transition: all 0.5s linear;\r\n}\r\n\r\n.view-tenth:hover img {\r\n  -webkit-transform: scale(10);\r\n  transform: scale(10);\r\n  opacity: 0;\r\n}\r\n\r\n.view-tenth:hover .mask {\r\n  opacity: 1;\r\n}\r\n\r\n.view-tenth:hover h2,\r\n.view-tenth:hover p,\r\n.view-tenth:hover a.info {\r\n  transform: scale(1);\r\n  opacity: 1;\r\n}</style>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(959,'2018-01-23 16:13:29','2017-12-02 01:40:39',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<link href=\"styles/ihover.css\" rel=\"stylesheet\">\r\n<div class=\"row\">\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- normal -->\r\n    <div class=\"ih-item circle effect1\"><a href=\"#\">\r\n        <div class=\"spinner\"></div>\r\n        <div class=\"img\"><img src=\"/userUpload/images/Alanger/025.jpg\" alt=\"img\"></div>\r\n        <div class=\"info\">\r\n          <div class=\"info-back\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end normal -->\r\n \r\n  </div>\r\n \r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- colored -->\r\n    <div class=\"ih-item circle colored effect1\"><a href=\"#\">\r\n        <div class=\"spinner\"></div>\r\n        <div class=\"img\"><img src=\"/userUpload/images/Alanger/025.jpg\" alt=\"img\"></div>\r\n        <div class=\"info\">\r\n          <div class=\"info-back\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end colored -->\r\n \r\n  </div>\r\n</div>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(960,'2017-12-01 17:43:08','2017-12-02 01:41:43',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div class=\"container\">\r\n  <div class=\"image-container\">\r\n    <img src=\"http://static.pexels.com/wp-content/uploads/2015/02/high-rise-holiday-hotel-4422-978x550.jpeg\" />\r\n     <div class=\"text-container\">\r\n       <h3>Case Study</h3>\r\n       <p>Case Info</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n<style>\r\n@import \"bourbon\";\r\n\r\nbody {\r\n  font-family: \'Source Code Pro\', ;\r\n  text-align: center;\r\n  background-color: #efefef;\r\n}\r\n\r\nh3 {\r\n  text-transform: uppercase;\r\n  font-size: 15px;\r\n  opacity: 0.8;\r\n}\r\n\r\np {\r\n  font-size: 25px;\r\n  margin-top: -5px;\r\n}\r\n\r\n.container {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 427px;\r\n  height: 237px;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.image-container {\r\n  img {\r\n    width: 427px;\r\n    height: 237px;\r\n    transform: scale(1);\r\n    \r\n    transition: transform 800ms ease-in-out;\r\n  }\r\n  \r\n  &:after {\r\n    content: \'\';\r\n    display: block;\r\n    height: 857px;\r\n    width: 474px;\r\n    position: relative;\r\n    top: 0;\r\n    left: 0;\r\n    background-color: rgba(128,179,255, 0.8);\r\n    transform: rotate(45deg) translate3d( -880px, -200px, 0);\r\n    \r\n    transition: transform 800ms 100ms cubic-bezier(.23,1,.32,1);\r\n  }\r\n  \r\n  &:hover {\r\n    img {\r\n      transform: scale(1.3);\r\n    }\r\n    \r\n    .text-container {\r\n      opacity: 1;\r\n      transform: translate(-50%, -50%);\r\n      \r\n      transition: opacity 500ms 200ms ease-in-out, transform 500ms 200ms ease-in-out;\r\n    }\r\n    \r\n    &:after {\r\n      transform: rotate(45deg) translate3d(-405px, -200px, 0);\r\n    }\r\n  }\r\n  .text-container {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -80%);\r\n    z-index: 100;\r\n    color: white;\r\n    opacity: 0;\r\n    -webkit-backface-visibility: hidden;\r\n    \r\n    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;\r\n  }\r\n}\r\n</style>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(961,'2018-01-23 16:13:27','2017-12-02 01:50:31',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<meta charset=\"UTF-8\" />\r\n</p>\r\n<p>\r\n	<title></title>\r\n	<style type=\"text/css\">\r\n#pic{\r\n    height:480px;\r\n    width:480px;\r\n    margin:0 auto;\r\n    background-color: #ccc;\r\n    overflow: hidden;\r\n  }\r\n  #pic img{\r\n    margin:-240px 0 0 -240px;\r\n    -webkit-transform: scale(.5);\r\n    -webkit-transition: 1s;}\r\n  #pic img:hover{\r\n    -webkit-transform: scale(.6);\r\n  }	</style>\r\n</p>\r\n<div id=\"pic\">\r\n	<img src=\"/userUpload/images/Alanger/08.jpg\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(962,'2017-12-01 17:52:18','2017-12-02 01:52:07',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n\r\n     <%----------------------------------放大效果CSS--%>\r\n\r\n#bigimage { position:absolute; display:none;  }\r\n\r\n#bigimage img { width:300px; height:300px; padding:5px; background:#fff; border:1px solid #e3e3e3; }\r\n\r\n    </style>\r\n\r\n<body>\r\n\r\n    <form id=\"form1\" runat=\"server\">\r\n\r\n    <%--放大效果--%>\r\n\r\n    <div id=\"bigimage\"></div>\r\n\r\n    <div>\r\n\r\n        <uc1:ucListView ID=\"ucListView1\" runat=\"server\" />\r\n\r\n    </div>\r\n\r\n    <table>\r\n\r\n        <tbody>\r\n\r\n            <div class=\"divLoadData\">\r\n\r\n            </div>\r\n\r\n        </tbody>\r\n\r\n    </table>\r\n\r\n    <div id=\"divPostsLoader\">\r\n\r\n    </div>\r\n\r\n    </form>\r\n\r\n</body>\r\n<script type=\"text/javascript\" src=\"Scripts/jquery-1.4.1.js\"></script>\r\n\r\n    <script language=\"javascript\" type=\"text/javascript\">\r\n\r\n        //--------------------------------放大效果\r\n\r\n        $(function () {\r\n\r\n            var x = 22;\r\n\r\n            var y = 20;\r\n\r\n            $(\"img\").hover(function (e) {\r\n\r\n                $(\"body\").append(\'<div id=\"bigimage\"><img src=\"\' + this.src + \'\" alt=\"\" /><br/><span>\' + $(this).parent().children(\'span\').html() + \'</span></div>\');\r\n\r\n                $(this).find(\'img\').stop().fadeTo(\'slow\', 0.5);\r\n\r\n                widthJudge(e);\r\n\r\n                $(\"#bigimage\").fadeIn(\'fast\');\r\n\r\n            }, function () {\r\n\r\n                $(this).find(\'img\').stop().fadeTo(\'slow\', 1);\r\n\r\n                $(\"#bigimage\").remove();\r\n\r\n            });\r\n\r\n \r\n\r\n            $(\"img\").mousemove(function (e) {\r\n\r\n                widthJudge(e);\r\n\r\n            });\r\n\r\n \r\n\r\n            function widthJudge(e) {\r\n\r\n                var marginRight = document.documentElement.clientWidth - e.pageX;\r\n\r\n                var imageWidth = $(\"#bigimage\").width();\r\n\r\n                if (marginRight < imageWidth) {\r\n\r\n                    x = imageWidth + 22;\r\n\r\n                    $(\"#bigimage\").css({ top: (e.pageY - y) + \'px\', left: (e.pageX - x) + \'px\' });\r\n\r\n                } else {\r\n\r\n                    x = 22;\r\n\r\n                    $(\"#bigimage\").css({ top: (e.pageY - y) + \'px\', left: (e.pageX + x) + \'px\' });\r\n\r\n                };\r\n\r\n            }\r\n\r\n        });\r\n\r\n    </script>\r\n\r\n \r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(963,'2018-01-23 16:13:24','2017-12-02 01:53:43',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,839,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n/*自動隱藏超出長寬的圖片*/\r\n.post  {\r\noverflow: hidden;\r\nwidth: 800px;\r\nheight: 600px;\r\n}\r\n\r\n/*轉場的時間*/\r\n.post img {\r\ntransition: all 0.5s ease 0s;\r\n}\r\n\r\n/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.05);\r\n-ms-transform: scale(1.05);\r\n-o-transform: scale(1.05);\r\n-webkit-transform: scale(1.05);\r\ntransform: scale(1.05);\r\nopacity: .5;\r\n}</style>\r\n<div class=\"post\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/010.jpg\" style=\"width: 600px; height: 338px;\" /><img alt=\"\" height=\"600\" src=\"圖片網址\" width=\"800\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(964,'2017-12-01 18:04:28','2017-12-02 02:03:39',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n/*自動隱藏超出長寬的圖片*/\r\n.post  {\r\noverflow: hidden;\r\nwidth: 800px;\r\nheight: 600px;\r\n}\r\n\r\n/*轉場的時間*/\r\n.post img {\r\ntransition: all 0.5s ease 0s;\r\n}\r\n\r\n/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.05);\r\n-ms-transform: scale(1.05);\r\n-o-transform: scale(1.05);\r\n-webkit-transform: scale(1.05);\r\ntransform: scale(1.05);\r\nopacity:0.5;\r\n}</style>\r\n<div class=\"post\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" style=\"width: 600px; height: 338px;\" />\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132307.jpg\" style=\"width: 600px; height: 338px;\" />\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092300.jpg\" style=\"width: 600px; height: 338px;\" />\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092414.jpg\" style=\"width: 600px; height: 338px;\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(965,'2017-12-01 18:04:56','2017-12-02 02:04:44',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n/*自動隱藏超出長寬的圖片*/\r\n.post  {\r\noverflow: hidden;\r\nwidth: 800px;\r\nheight: 600px;\r\n}\r\n\r\n/*轉場的時間*/\r\n.post img {\r\ntransition: all 0.5s ease 0s;\r\n}\r\n\r\n/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.05);\r\n-ms-transform: scale(1.05);\r\n-o-transform: scale(1.05);\r\n-webkit-transform: scale(1.05);\r\ntransform: scale(1.05);\r\nopacity:0.5;\r\n}</style>\r\n<div class=\"post\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" style=\"width: 600px; height: 338px;\" /> <img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132307.jpg\" style=\"width: 600px; height: 338px;\" /> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092300.jpg\" style=\"width: 600px; height: 338px;\" /> <img alt=\"\" src=\"/userUpload/images/Alanger/20151122_092414.jpg\" style=\"width: 600px; height: 338px;\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(966,'2017-12-08 12:52:07','2017-12-02 02:07:34',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n/*自動隱藏超出長寬的圖片*/\r\n.post  {\r\noverflow: hidden;\r\nwidth: 800px;\r\nheight: 600px;\r\n}\r\n\r\n/*轉場的時間*/\r\n.post img {\r\ntransition: all 0.5s ease 0s;\r\n}\r\n\r\n/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.05);\r\n-ms-transform: scale(1.05);\r\n-o-transform: scale(1.05);\r\n-webkit-transform: scale(1.05);\r\ntransform: scale(1.05);\r\nopacity:0.5;\r\n}</style>\r\n<div class=\"post\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" style=\"width: 600px; height: 338px;\" /><img alt=\"\" height=\"600\" src=\"圖片網址\" width=\"800\" /></div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(967,'2017-12-01 18:06:28','2017-12-02 02:06:03',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n/*自動隱藏超出長寬的圖片*/\r\n.post  {\r\noverflow: hidden;\r\nwidth: 800px;\r\nheight: 600px;\r\n}\r\n\r\n/*轉場的時間*/\r\n.post img {\r\ntransition: all 0.5s ease 0s;\r\n}\r\n\r\n/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.05);\r\n-ms-transform: scale(1.05);\r\n-o-transform: scale(1.05);\r\n-webkit-transform: scale(1.05);\r\ntransform: scale(1.05);\r\nopacity:0.5;\r\n}</style>\r\n<div class=\"post\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" style=\"width: 600px; height: 338px;\" /><img alt=\"\" height=\"600\" src=\"圖片網址\" width=\"800\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(968,'2017-12-01 18:06:25','2017-12-02 02:06:10',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n/*自動隱藏超出長寬的圖片*/\r\n.post  {\r\noverflow: hidden;\r\nwidth: 800px;\r\nheight: 600px;\r\n}\r\n\r\n/*轉場的時間*/\r\n.post img {\r\ntransition: all 0.5s ease 0s;\r\n}\r\n\r\n/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.05);\r\n-ms-transform: scale(1.05);\r\n-o-transform: scale(1.05);\r\n-webkit-transform: scale(1.05);\r\ntransform: scale(1.05);\r\nopacity:0.5;\r\n}</style>\r\n<div class=\"post\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" style=\"width: 600px; height: 338px;\" /><img alt=\"\" height=\"600\" src=\"圖片網址\" width=\"800\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(969,'2017-12-01 18:07:09','2017-12-02 02:06:57',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n/*自動隱藏超出長寬的圖片*/\r\n.post  {\r\noverflow: hidden;\r\nwidth: 800px;\r\nheight: 600px;\r\n}\r\n\r\n/*轉場的時間*/\r\n.post img {\r\ntransition: all 0.5s ease 0s;\r\n}\r\n\r\n/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.05);\r\n-ms-transform: scale(1.05);\r\n-o-transform: scale(1.05);\r\n-webkit-transform: scale(1.05);\r\ntransform: scale(1.05);\r\nopacity:0.5;\r\n}</style>\r\n<div class=\"post\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" style=\"width: 600px; height: 338px;\" /><img alt=\"\" height=\"600\" src=\"圖片網址\" width=\"800\" /></div>\r\n\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(970,'2017-12-01 18:08:10','2017-12-02 02:07:59',NULL,'2017-12-02 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n/*自動隱藏超出長寬的圖片*/\r\n.post  {\r\noverflow: hidden;\r\nwidth: 800px;\r\nheight: 600px;\r\n}\r\n\r\n/*轉場的時間*/\r\n.post img {\r\ntransition: all 0.5s ease 0s;\r\n}\r\n\r\n/*判斷滑鼠的動作放大圖片還有增加透明度*/\r\n.post img:hover {\r\n-moz-transform: scale(1.05);\r\n-ms-transform: scale(1.05);\r\n-o-transform: scale(1.05);\r\n-webkit-transform: scale(1.05);\r\ntransform: scale(1.05);\r\nopacity:0.5;\r\n}</style>\r\n<div class=\"post\">\r\n	<img alt=\"\" src=\"/userUpload/images/Alanger/20151008_132123.jpg\" style=\"width: 600px; height: 338px;\" /><img alt=\"\" height=\"600\" src=\"圖片網址\" width=\"800\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.236.162.200',NULL,NULL,NULL,NULL,NULL,NULL),(971,'2018-09-23 14:10:24','2018-09-23 22:10:24',NULL,'2017-12-04 00:00:00','2038-01-01 00:00:00',925,931,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div class=\"bgw\">\r\n	<div class=\"grid_40 alpha shophelp_main omega\">\r\n		<p>\r\n			&nbsp;</p>\r\n		<hr />\r\n		<div class=\"question\">\r\n			<ul class=\"question\">\r\n				<li>\r\n					<strong><span style=\"font-size:30px;\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931#Q1\"><span style=\"color:greenyellow;\">Q1：請問下單管道有哪些？</span></a></span></strong></li>\r\n				<li>\r\n					<strong><span style=\"font-size:30px;\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931#Q2\"><span style=\"color:greenyellow;\">Q2：請問下單之後約幾天可以拿到商品呢？</span></a></span></strong></li>\r\n				<li>\r\n					<strong><span style=\"font-size:30px;\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931#Q3\"><span style=\"color:greenyellow;\">Q3：請問芭樂的賞味期限多久？</span></a></span></strong></li>\r\n				<li>\r\n					<strong><span style=\"font-size:30px;\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931#Q4\"><span style=\"color:greenyellow;\">Q4：請問合作的物流廠商是哪一家？</span></a></span></strong></li>\r\n				<li>\r\n					<strong><span style=\"font-size:30px;\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931#Q5\"><span style=\"color:greenyellow;\">Q5：請問芭樂有噴農藥嗎？</span></a></span></strong></li>\r\n			</ul>\r\n		</div>\r\n		<div class=\"clear\">\r\n			&nbsp;</div>\r\n		<p>\r\n			&nbsp;</p>\r\n		<hr />\r\n		<p class=\"top\">\r\n			&nbsp;</p>\r\n		<p class=\"top\">\r\n			&nbsp;</p>\r\n		<ul class=\"answer\">\r\n			<li class=\"top\">\r\n				<a name=\"Q1\"></a>\r\n				<h3>\r\n					<span style=\"color:white;\"><span style=\"font-size:25px;\">Q1. 請問下單管道有哪些？</span></span></h3>\r\n				<span style=\"color:white;\"><span style=\"font-size:24px;\">A：網店與無毒農、果物配合作，其他方式包括電話、LINE、臉書等方式唷！</span></span><br />\r\n				<br />\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931\"><span style=\"color:#f0ffff;\"><img align=\"right\" src=\"https://s2.lativ.com.tw/i/Page/images/2012/info_top.gif\" /></span></a></li>\r\n		</ul>\r\n		<p>\r\n			&nbsp;</p>\r\n		<p>\r\n			&nbsp;</p>\r\n		<ul class=\"answer\">\r\n			<li>\r\n				<span style=\"color:#f0ffff;\"><a name=\"Q2\"></a></span>\r\n				<h3>\r\n					<span style=\"color:white;\"><span style=\"font-size:25px;\">Q2. 請問下單之後約幾天可以拿到商品？</span></span></h3>\r\n				<span style=\"color:#f0ffff;\"><span style=\"font-size:24px;\">A：如果是盛產季節 訂購完 2~3天內就可宅配出貨，當天採收 隔天中午前就能 宅配到消費者手上。 要宅配出會時 前一天會先行通知消費者宅配訊息。 </span></span><br />\r\n				<div>\r\n					&nbsp;</div>\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931\"><span style=\"color:#f0ffff;\"><img align=\"right\" src=\"https://s2.lativ.com.tw/i/Page/images/2012/info_top.gif\" /></span></a></li>\r\n		</ul>\r\n		<p>\r\n			&nbsp;</p>\r\n		<p>\r\n			&nbsp;</p>\r\n		<ul class=\"answer\">\r\n			<li>\r\n				<span style=\"color:#f0ffff;\"><a name=\"Q3\"></a></span>\r\n				<h3>\r\n					<span style=\"color:white;\"><span style=\"font-size:25px;\">Q3. 請問芭樂的賞味期限多久？</span></span></h3>\r\n				<span style=\"color:#f0ffff;\"><span style=\"font-size:24px;\">A：消費者收到芭樂後 迅速放置到 冰箱內冷藏 可保存一星期。 </span></span><br />\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931\"><span style=\"color:#f0ffff;\"><img align=\"right\" src=\"https://s2.lativ.com.tw/i/Page/images/2012/info_top.gif\" /></span></a></li>\r\n		</ul>\r\n		<p>\r\n			&nbsp;</p>\r\n		<p>\r\n			&nbsp;</p>\r\n		<p>\r\n			&nbsp;</p>\r\n		<ul class=\"answer\">\r\n			<li>\r\n				<span style=\"color:#f0ffff;\"><a name=\"Q4\"></a></span>\r\n				<h3>\r\n					<span style=\"color:white;\"><span style=\"font-size:25px;\">Q4. 請問合作的物流廠商是哪一家？</span></span></h3>\r\n				<span style=\"color:#f0ffff;\"><span style=\"font-size:24px;\">A：芳林是與黑貓宅急便合作，較能保障運送品質不會出問題唷！</span></span><br />\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931\"><span style=\"color:#f0ffff;\"><img align=\"right\" src=\"https://s2.lativ.com.tw/i/Page/images/2012/info_top.gif\" /></span></a></li>\r\n		</ul>\r\n		<p>\r\n			&nbsp;</p>\r\n		<p>\r\n			&nbsp;</p>\r\n		<ul class=\"answer\">\r\n			<li>\r\n				<span style=\"color:#f0ffff;\"><a name=\"Q5\"></a></span>\r\n				<h3>\r\n					<span style=\"color:white;\"><span style=\"font-size:25px;\">Q5. 請問芭樂有噴農藥嗎？</span></span></h3>\r\n				<span style=\"color:#f0ffff;\"><span style=\"font-size:24px;\">A：芳林的芭樂都有做農藥篩檢，擁有自己的產銷履歷唷！</span></span><br />\r\n				<a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;MK=925&amp;PK=931\"><img align=\"right\" src=\"https://s2.lativ.com.tw/i/Page/images/2012/info_top.gif\" /></a></li>\r\n		</ul>\r\n		<p>\r\n			&nbsp;</p>\r\n	</div>\r\n</div>\r\n<!-- end of notify -->\r\n<style type=\"text/css\">\r\n.bgw{ background-color:rgba(255,255,255,-1);}\r\n\r\nbody{ \r\nbackground: url(userUpload/20180105背景圖.jpg) no-repeat fixed center center;     \r\nbackground-size: 100% 100%;\r\n      font-family:\"微軟正黑體\" ;\r\n      font-size: 14px;\r\n      color: white;}\r\n\r\n/*********************************************************************/\r\nhr {\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    border: 0;\r\n    border-top: 1px solid #337ab7;\r\n}\r\n.h2, h2 {\r\n    font-size: 30px;\r\n    color: white;\r\n}\r\n/****************************常見問題***************************************/\r\n@media screen and (max-width: 768px)\r\n{\r\n   .bgw{\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 14px;\r\n    color: white;\r\n    background-color: rgb(34,139,34,0.7);\r\n    \r\n}\r\n\r\n}\r\n\r\n\r\n/*********************************************************************/</style>\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),(972,'2017-12-04 15:13:44','2017-12-04 13:43:51',NULL,'2017-12-04 00:00:00','2038-01-01 00:00:00',925,931,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),(973,'2017-12-04 09:15:10','2017-12-04 17:14:49',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>\r\n	div id=&quot;welcome1&quot; class=&quot;.container-fluid row&quot;&gt;</div>\r\n<div>\r\n	&lt;div id=&quot;stitle0&quot;class=&quot;col-md-12 col-sm-12 col-xs-12 clearfix&quot;&gt;</div>\r\n<div>\r\n	&lt;div class=&quot;title1area2 col-md-12 col-sm-12 col-xs-12&quot; &gt;</div>\r\n<div>\r\n	&lt;div class=&quot; clearfix &quot;&gt;</div>\r\n<div>\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;h2 class=&quot;bigtitle revealOnScroll&quot; data-animation=&quot;zoomIn&quot;&gt;銘泉簡介&lt;/h4&gt;</div>\r\n<div>\r\n	&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;hr class=&quot;style1 revealOnScroll&quot; data-animation=&quot;fadeInUp&quot;&gt;</div>\r\n<div>\r\n	&lt;/div&gt;</div>\r\n<div>\r\n	&nbsp;</div>\r\n<div>\r\n	&lt;/div&gt;</div>\r\n<div>\r\n	&lt;div style=&quot;border-bottom: 1px dashed #ae1d49; padding:0.5em;&quot; class=&quot;col-md-12 col-sm-12 col-xs-12&quot;&gt;</div>\r\n<div>\r\n	&lt;div class=&quot;col-md-7 col-sm-6 col-xs-12&quot;&gt;</div>\r\n<div>\r\n	&lt;img src=&quot;/userUpload/images/2017dm09.jpg&quot; class=&quot;image-full img-rounded data-animation=&quot;fadeIn&quot;<span style=\"white-space:pre\"> </span>&gt;<span style=\"white-space:pre\"> </span></div>\r\n<div>\r\n	&lt;/div&gt;</div>\r\n<div>\r\n	&lt;div class=&quot;col-md-5 col-sm-6 col-xs-12 revealOnScroll&quot; data-animation=&quot;zoomIn&quot;&gt;</div>\r\n<div>\r\n	&lt;br&gt;&lt;br&gt;</div>\r\n<div>\r\n	&lt;p style=&quot;&quot;&gt;陽光在綠葉縫隙中灑落，&lt;br&gt;在這條令人屏息的山林廊道，銘泉生態農場正如翡翠般的存在。&lt;/p&gt;</div>\r\n<div>\r\n	&lt;/div&gt;</div>\r\n<div>\r\n	&lt;/div&gt;</div>\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),(974,'2017-12-04 13:48:14','2017-12-04 21:47:13',NULL,'2017-01-01 00:00:00','2017-06-01 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'芭樂',NULL,'<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/S_7032526680813.jpg\" style=\"width: 450px; height: 341px;\" />&nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/89545.jpg\" style=\"width: 450px; height: 341px;\" /></p>\r\n<div>\r\n	*精品小禮盒 9顆裝 每盒300元 。</div>\r\n<div>\r\n	*每盒運費100元。</div>\r\n<div>\r\n	*同地址2盒 運費130元。</div>\r\n<div>\r\n	*同地址3盒 運費150元。</div>\r\n<div style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E8%8A%AD%E6%A8%82.jpg\" style=\"width: 300px; height: 300px;\" />&nbsp; &nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/89564.jpg\" style=\"width: 300px; height: 300px;\" /></div>\r\n<div>\r\n	<div>\r\n		*豪華大禮盒 12顆裝</div>\r\n	<div>\r\n		零售散裝 約10台斤</div>\r\n	<div>\r\n		每台斤約（30~40）元。</div>\r\n	<div>\r\n		運費是130元。</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),(975,'2017-12-04 13:54:26','2017-12-04 21:52:50',NULL,'2017-12-04 00:00:00','2038-01-01 00:00:00',925,928,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),(976,'2017-12-04 13:54:11','2017-12-04 21:52:52',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,928,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<p>\r\n	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.72',NULL,NULL,NULL,NULL,NULL,NULL),(977,'2017-12-04 13:54:13','2017-12-04 21:53:05',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,928,NULL,NULL,NULL,NULL,NULL,512,NULL,NULL,NULL,'',NULL,'<p>\r\n	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.72',NULL,NULL,NULL,NULL,NULL,NULL),(978,'2018-10-29 22:55:22','2018-10-30 06:55:22',NULL,'2017-12-04 00:00:00','2038-01-01 00:00:00',925,935,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'精品小禮盒',NULL,'<div class=\"col-md-12 col-sm-12 col-xs-12\">\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/%E7%B2%BE%E5%93%811.jpg\" style=\"width: 450px; height: auto;\" /> &nbsp;&nbsp; <img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/89545.jpg\" style=\"width: 450px; height: auto;\" /></div>\r\n</div>\r\n<div class=\"p1\">\r\n	*精品小禮盒 9顆裝 每盒300元。<br />\r\n	*每盒運費100元<br />\r\n	*同地址2盒 運費130元。<br />\r\n	*同地址3盒 運費150元。<br />\r\n	無提供線上購買功能</div>\r\n<div class=\"p1\">\r\n	(若需團購也請用以下方式進行聯絡)<br />\r\n	請依下面的聯絡方式進行訂購<br />\r\n	聯絡資訊--&gt;鄭宗林<br />\r\n	手機：<a href=\"tel:0910-326-822\">0910-326-822</a><br />\r\n	電話：<a href=\"tel:07-371-2376\">07-371-2376</a><br />\r\n	信箱：<a href=\"mailto:kenny335a@yahoo.com.tw\">kenny335a@yahoo.com.tw</a></div>\r\n<style type=\"text/css\">\r\n/***************字體***********/\r\n.p1{\r\ncolor:black;\r\nfont-family:\'微軟正黑體\';\r\nfont-size:18pt;\r\n}\r\n/*****************************/</style>\r\n','','',0,'20180105精品小禮盒.jpg',52937,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(979,'2018-10-29 22:53:06','2018-10-30 06:53:06',NULL,'2017-12-04 00:00:00','2038-01-01 00:00:00',925,935,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'芭樂',NULL,'<div class=\"col-md-12 col-sm-12 col-xs-12\">\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/%E8%8A%AD%E6%A8%82(2).jpg\" style=\"width: 450px; height: auto;\" /> &nbsp;&nbsp; <img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/S_7032526711868.jpg\" style=\"width: 450px; height: auto;\" /></div>\r\n</div>\r\n<div class=\"p1\">\r\n	芳林農園的芭樂，每台斤售價約 30~40 元。<br />\r\n	無提供線上購買功能</div>\r\n<div class=\"p1\">\r\n	(若需團購也請用以下方式進行聯絡)<br />\r\n	請依下面的聯絡方式進行訂購<br />\r\n	聯絡資訊--&gt;鄭宗林<br />\r\n	手機：<a href=\"tel:0910-326-822\">0910-326-822</a><br />\r\n	電話：<a href=\"tel:07-371-2376\">07-371-2376</a><br />\r\n	信箱：<a href=\"mailto:kenny335a@yahoo.com.tw\">kenny335a@yahoo.com.tw</a></div>\r\n<style type=\"text/css\">\r\n/***************字體***********/\r\n.p1{\r\ncolor:black;\r\nfont-family:\'微軟正黑體\';\r\nfont-size:18pt;\r\n}\r\n/******************************/\r\n.navbar-default .navbar-nav>li>a {\r\n    color: cornflowerblue;\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: 20px;\r\n}\r\n.navbar-default {\r\n    background-color: yellow;\r\n}\r\n/*****************************/</style>\r\n','','',0,'20180105芭樂1.jpg',314128,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(980,'2017-12-06 08:20:45','2017-12-06 16:20:42',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'禮盒系列',NULL,'<div class=\"container-fluid bgw\" style=\"margin-left: 10px; margin-right: 10px; \">\r\n	<div class=\"row\">\r\n		<!-- .content -->\r\n		<div class=\"col-md-12\" style=\"padding-top: 0px; \">\r\n			<!--div class=\"bgw\" style=\"margin-top: 0px; padding-top: 0px; \"-->\r\n			<div class=\"row\">\r\n				<div class=\"col-md-4\">\r\n					<a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;SK=982&amp;MK=935&amp;PK=936\"><img alt=\"珍珠芭樂\" class=\"img-responsive img-thumbnail\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82(2).jpg\" style=\"width: 380px; height: 262px; float: left;\" title=\"珍珠芭樂\" /></a>&nbsp; &nbsp;&nbsp;<a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;SK=983&amp;MK=935&amp;PK=936\" style=\"text-align: center;\"><img alt=\"精品小禮盒\" class=\"img-responsive img-thumbnail\" src=\"/userUpload/images/10512106/S_7032526711868.jpg\" style=\"width: 380px; height: 262px;\" title=\"精品小禮盒\" /></a>&nbsp; &nbsp;<a href=\"http://ecloud.ewang.com.tw/index.php?Act=925&amp;SK=984&amp;MK=935&amp;PK=936\" style=\"text-align: center;\"><img alt=\"豪華大禮盒\" class=\"img-responsive img-thumbnail\" src=\"/userUpload/images/10512106/S_7032526680813.jpg\" style=\"height: 262px; width: 380px;\" title=\"豪華大禮盒\" /></a></div>\r\n				<div class=\"col-md-4\">\r\n					<p>\r\n						30-40元/台斤</p>\r\n				</div>\r\n				<div class=\"clearfix\">\r\n					&nbsp;</div>\r\n			</div>\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',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(981,'2018-10-29 22:56:22','2018-10-30 06:56:22',NULL,'2017-12-05 00:00:00','2038-01-01 00:00:00',925,935,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'豪華大禮盒',NULL,'<div class=\"col-md-12 col-sm-12 col-xs-12\">\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/%E8%8A%B3%E6%9E%97%E8%8A%AD%E6%A8%82.jpg\" style=\"width: 450px; height: auto;\" /> &nbsp;&nbsp; <img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E8%B1%AA%E8%8F%AF1.jpg\" style=\"width: 450px; height: auto;\" /></div>\r\n</div>\r\n<div class=\"p1\">\r\n	*豪華大禮盒 12顆裝。<br />\r\n	*零售散裝 約10台斤。<br />\r\n	*每台斤約（30~40）元。<br />\r\n	*運費是130元。<br />\r\n	無提供線上購買功能</div>\r\n<div class=\"p1\">\r\n	(若需團購也請用以下方式進行聯絡)<br />\r\n	請依下面的聯絡方式進行訂購<br />\r\n	聯絡資訊--&gt;鄭宗林<br />\r\n	手機：<a href=\"tel:0910-326-822\">0910-326-822</a><br />\r\n	電話：<a href=\"tel:07-371-2376\">07-371-2376</a><br />\r\n	信箱：<a href=\"mailto:kenny335a@yahoo.com.tw\">kenny335a@yahoo.com.tw</a></div>\r\n<style type=\"text/css\">\r\n/***************字體***********/\r\n.p1{\r\ncolor:black;\r\nfont-family:\'微軟正黑體\';\r\nfont-size:18pt;\r\n}\r\n/*****************************/</style>\r\n','','',0,'20180105豪華大禮盒.jpg',212579,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(982,'2017-12-06 09:17:57','2017-12-06 17:17:57',NULL,'2017-12-05 00:00:00','2038-01-01 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<img alt=\"珍珠芭樂\" class=\"img-responsive img-thumbnail\" float:=\"\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82(2).jpg\" style=\"width: 501px; height: 380px;\" title=\"珍珠芭樂\" /> &nbsp;&nbsp;</p>\r\n<p>\r\n	芳林農園的芭樂，每台斤 售價 約 30~40 元。</p>\r\n','珍珠芭樂','',0,'20171206芭樂1.jpg',314128,NULL,NULL,NULL,NULL,NULL,1001,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(983,'2017-12-06 09:17:33','2017-12-06 17:17:33',NULL,'2017-12-05 00:00:00','2038-01-01 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/S_7032526680813.jpg\" style=\"width: 450px; height: 341px;\" />&nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/89545.jpg\" style=\"width: 450px; height: 341px;\" /></p>\r\n<div>\r\n	*精品小禮盒 9顆裝 每盒300元 。</div>\r\n<div>\r\n	*每盒運費100元。</div>\r\n<div>\r\n	*同地址2盒 運費130元。</div>\r\n<div>\r\n	*同地址3盒 運費150元。</div>\r\n','精品小禮盒','',0,'20171206精品小禮盒.jpg',52937,NULL,NULL,NULL,NULL,NULL,1002,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(984,'2017-12-06 09:16:44','2017-12-06 17:16:44',NULL,'2017-12-05 00:00:00','2038-01-01 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div style=\"text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E8%8A%AD%E6%A8%82.jpg\" style=\"width: 300px; height: 300px;\" />&nbsp; &nbsp;&nbsp;<img alt=\"\" src=\"/userUpload/images/10512106/89564.jpg\" style=\"width: 300px; height: 300px;\" /></div>\r\n<div>\r\n	<div>\r\n		*豪華大禮盒 12顆裝</div>\r\n	<div>\r\n		零售散裝 約10台斤</div>\r\n	<div>\r\n		每台斤約（30~40）元。</div>\r\n	<div>\r\n		運費是130元。</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','豪華大禮盒 ','',0,'20171206豪華大禮盒.jpg',212579,NULL,NULL,NULL,NULL,NULL,1003,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(985,'2017-12-04 20:09:15','2017-12-05 04:08:08',NULL,'2017-12-05 00:00:00','2038-01-01 00:00:00',925,927,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<meta charset=\"utf-8\" />\r\n</p>\r\n<p>\r\n	<title></title>\r\n</p>\r\n<p>\r\n	<meta content=\"text/html; charset=utf-8\" http-equiv=\"Content-Type\" />\r\n</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	<link href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\nhtml, body\r\n						{\r\n							height: 100%;\r\n						}\r\n						.bgw{\r\n						\r\n						background-color:rgba(255,255,255,0);\r\n						}\r\n						body\r\n						{\r\n							margin: 0px;\r\n							padding: 0px;\r\n							background: #181818;\r\n							font-family: Microsoft JhengHei,\'Didact Gothic\', sans-serif;\r\n							font-size: 16pt;\r\n							font-weight: 200;\r\n							color: #FFF;\r\n						}\r\n						\r\n						\r\n						h1, h2, h3,h22\r\n						{\r\n							margin: 0;\r\n							padding: 0;\r\n						}\r\n						\r\n						p, ol, ul\r\n						{\r\n							margin-top: 0;\r\n						}\r\n						\r\n						ol, ul\r\n						{\r\n							padding: 0;\r\n							list-style: none;\r\n						}\r\n						\r\n						p\r\n						{\r\n							line-height: 180%;\r\n							font-size: 12pt;\r\n						}\r\n						\r\n						strong\r\n						{\r\n						}\r\n						h4 \r\n						{\r\n							font-size: 2.5em;\r\n							text-align: center;\r\n							}\r\n						\r\n						/* 未連結 */\r\n						.a\r\n						{	\r\n							font-weight:bold;\r\n							color: #000000;\r\n						}\r\n						/* 已連結過 */\r\n						a:visited\r\n						{\r\n							color: #FF0040;\r\n						}\r\n						/* 滑鼠移至連結 */\r\n						a:hover\r\n						{\r\n							color: #635e5d;\r\n						}\r\n						/* 選擇的連結 */\r\n						a:active\r\n						{\r\n							color: #ff8300;\r\n						}\r\n						\r\n						/* 未連結 */\r\n						a2\r\n						{\r\n							color:#ffffff;\r\n						}\r\n						/* 已連結過 */\r\n						a2:visited\r\n						{\r\n							color: #FF0040;\r\n						}\r\n						/* 滑鼠移至連結 */\r\n						a2:hover\r\n						{\r\n							color: #635e5d;\r\n						}\r\n						/* 選擇的連結 */\r\n						a2:active\r\n						{\r\n							color: #ff8300;\r\n						}\r\n						\r\n						.container-fluid\r\n						{\r\n							overflow: hidden;\r\n							margin: 70px auto;\r\n							\r\n						}\r\n						\r\n					/*********************************************************************************/\r\n					/* Image Style                                                                   */\r\n					/*********************************************************************************/\r\n\r\n						.image\r\n						{\r\n							display: inline-block;\r\n						}\r\n						\r\n						.image img\r\n						{\r\n							display: block;\r\n							width: 100%;\r\n						}\r\n						\r\n						.image-full\r\n						{\r\n							display: block;\r\n							width: 100%;\r\n							margin: 0 0 2em 0;\r\n						}\r\n						\r\n						.image-left\r\n						{\r\n							float: left;\r\n							margin: 0 2em 2em 0;\r\n						}\r\n						\r\n						.image-centered\r\n						{\r\n							display: block;\r\n							margin: 0 0 2em 0;\r\n						}\r\n						\r\n						.image-centered img\r\n						{\r\n							margin: 0 auto;\r\n							width: auto;\r\n						}\r\n\r\n					/*********************************************************************************/\r\n					/* List Styles                                                                   */\r\n					/*********************************************************************************/\r\n\r\n						ul.style1\r\n						{\r\n						}\r\n						\r\n						ul.actions\r\n						{\r\n						}\r\n						\r\n						ul.actions li\r\n						{\r\n							display: inline-block;\r\n							padding: 0em 0.50em;\r\n						}\r\n\r\n\r\n					/*********************************************************************************/\r\n					/* Button Style                                                                  */\r\n					/*********************************************************************************/\r\n\r\n						.button\r\n						{\r\n							display: inline-block;\r\n							padding: 1em 2em 1em 2em;\r\n							letter-spacing: 0.10em;\r\n							margin-left: auto;\r\n							margin-right: auto;\r\n							\r\n							border-radius: 6px;\r\n							text-decoration: none;\r\n							font-weight: 700;\r\n							font-size: 1em;\r\n							\r\n							 text-align:center;\r\n						}\r\n						\r\n						.button-alt\r\n						{\r\n							padding: 1em 2em;\r\n							border-color: rgba(0,0,0,.8);\r\n						}\r\n							\r\n					\r\n					/*********************************************************************************/\r\n					/* Heading Titles                                                                */\r\n					/*********************************************************************************/\r\n						h1{vertical-align:text-top;}\r\n						\r\n						h2 \r\n						{\r\n							font-size: 1.8em;\r\n							\r\n							}\r\n						h2 \r\n						{\r\n							font-size: 1.8em;\r\n							text-weight:700;\r\n							}\r\n						h32\r\n						{\r\n						color: rgba(0,0,0,1);\r\n						font-size: 1em;\r\n						}\r\n						h33\r\n						{\r\n						color: rgba(255,255,255,1);\r\n						font-size: 1em;\r\n						}\r\n						h21 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						h22 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n							h23 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(255,255,255,1);\r\n							}\r\n						.byline\r\n						{\r\n							font-size: 0.7em;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n						\r\n						.byline2{\r\n						font-size: 0.7em;\r\n							color: rgba(0,0,0,1);\r\n						}\r\n					/*********************************************************************************/\r\n					/* Welcome                                                                       */\r\n					/*********************************************************************************/\r\n						#welcome\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #AA7700;\r\n							background-size: cover;\r\n							text-align: left;\r\n						}\r\n						\r\n						#welcome .container\r\n						{\r\n							width: 1000px;\r\n							padding: 0px 100px;\r\n							color: rgba(255,255,255,0.8);\r\n						}\r\n						\r\n						\r\n						#welcome .button\r\n						{\r\n							background: #FFF;\r\n							color: #3f0900;\r\n							text-align: center;\r\n							\r\n						}\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#wrapper\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #FFF;\r\n							color:black;\r\n							text-align:left;\r\n						}\r\n						#wrappera\r\n						{\r\n							\r\n							text-align:center;\r\n						}\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#header-wrapper\r\n						{\r\n							position: relative;\r\n							padding: 3em 0em 0em 0em;\r\n							background: #111111 url(/userUpload/images/031.jpg) no-repeat center;\r\n							background-size: cover;\r\n						}\r\n\r\n						#header\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n						}\r\n					/*********************************************************************************/\r\n					/* Logo                                                                          */\r\n					/*********************************************************************************/\r\n						#logo\r\n						{\r\n							position: absolute;\r\n							top: 2.5em;\r\n							left: 0.6em;\r\n						}\r\n						\r\n						#logo h1\r\n						{\r\n							font-size: 1.8em;\r\n							color: #79C255;\r\n						}\r\n						\r\n						#logo a\r\n						{\r\n							text-decoration: none;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n\r\n					\r\n					/*********************************************************************************/\r\n					/* Banner                                                                        */\r\n					/*********************************************************************************/\r\n						#banner-wrapper\r\n						{\r\n							padding: 2em 0em;\r\n							background: rgba(0,0,0,.8);\r\n						}\r\n\r\n						#banner\r\n						{\r\n							text-align: center;\r\n						}\r\n						\r\n						#banner .title h2\r\n						{\r\n							font-size: 2em;\r\n						}\r\n						\r\n						#banner .title .byline\r\n						{\r\n							font-size: 1.3em;\r\n						}\r\n						\r\n						#banner .button\r\n						{\r\n							margin-top: 2em;\r\n							padding: 1.40em 3em;\r\n							border-radius: 6px;\r\n							font-weight: 700;\r\n							font-size: 1em;\r\n							\r\n						}\r\n						\r\n						.banner\r\n						{\r\n							margin-bottom: 5em;\r\n						}	</style>\r\n</p>\r\n<div id=\"header-wrapper\">\r\n	<div data-aos=\"fade-right\" id=\"banner-wrapper\">\r\n		<div class=\"row\" id=\"banner\">\r\n			<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n				<div class=\"title\">\r\n					<h2>\r\n						芳林的故事</h2>\r\n					<span class=\"byline\">The story of FANG LIN ORCHARD</span>\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 data-aos=\"fade-left\" data-aos-duration=\"1700\" id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\">\r\n				<h22>故事的開始</h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" image-responsive=\"\" img=\"\" img-rounded=\"\">\r\n				<span id=\"docs-internal-guid-1abf7835-0da7-0d77-11cf-6ddcf536a180\"><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"C:\\Users\\User\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\芭樂樹.jpg\" height=\"600\" src=\"https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" style=\"border: #9E9E9E ; transform: rotate(0.00rad); -webkit-transform: rotate(0.00rad);\" width=\"1200\" /></span></span></div>\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<h31>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生 計並能善盡孝道....</h31></div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n			<h4>\r\n			</h4>\r\n		</div>\r\n		<div class=\"sh1\" style=\"display:none\">\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n				<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n					&nbsp;</div>\r\n				<h31>對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及 專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加 農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開 始種植珍珠芭樂。</h31>\r\n				<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n					&nbsp;</div>\r\n				<h31>2014年 承租到位於 高雄市岡山區 阿公店水庫 水源保護區下方的一塊 2.5公頃環境優美 生態自然豐 富的農地，成立了（芳林 農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土 壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關 課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努 力，新手也可以闖出一片天。</h31>\r\n				<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n					&nbsp;</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"zoom-in\" data-aos-duration=\"1700\" id=\"welcome\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1000\">\r\n				<h23>芳林芭樂果園 鄭宗林</h23></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\" data-aos-duration=\"1000\" image-responsive=\"\" img=\"\" img-rounded=\"\">\r\n				<img alt=\"\" src=\"/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg\" style=\"width: 338px; height: 600px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\" style=\"width: 338px; height: 600px;\" /></div>\r\n		</div>\r\n		<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<h33>經歷 ：</h33></div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n			<h4>\r\n				<a2 class=\"btn2\"></a2></h4>\r\n		</div>\r\n		<div class=\"sh2\" style=\"display:none\">\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n				<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n					&nbsp;</div>\r\n				<img class=\"image-responsive img-rounded img \" src=\"/userUpload/images/creator-1.jpg\" width=\"100%\" />\r\n				<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n					&nbsp;</div>\r\n			</div>\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n				<h33>。行政院農委會 第一屆 百大青年農民<br />\r\n				。高雄市農業局 高雄型農<br />\r\n				。培訓班 高雄型農精英班<br />\r\n				。高雄市青年農民聯誼會會長</h33></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"fade-right\" data-aos-duration=\"1700\" id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\">\r\n				<h22>芳林的品質保證</h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<h31>優質的保證，讓人人都想品嘗這個美味</h31></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n				<h4>\r\n				</h4>\r\n			</div>\r\n			<div class=\"sh3\" style=\"display:none\">\r\n				<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n					<div class=\"title col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" image-responsive=\"\" img=\"\" img-rounded=\"\">\r\n						<p dir=\"ltr\" style=\"line-height:1.2;margin-top:0pt;margin-bottom:0pt;text-align: center;\">\r\n							<span><span style=\"font-size: 12pt; font-family: Calibri; color: rgb(0, 0, 0); background-color: transparent; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height: 500px; width: 375px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width: 375px; height: 500px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"width: 375px; height: 500px;\" /></span></span></p>\r\n					</div>\r\n					<img class=\"image-responsive img-rounded img \" src=\"/userUpload/images/about05.jpg\" width=\"100%\" /></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n	<br />\r\n	<hr />\r\n</div>\r\n<div class=\"col-md-12 col-sm-12 col-xs-12\" fade-right=\"\" id=\"wrappera\">\r\n	<h4>\r\n		<a2 class=\"btn5\" href=\"#header-wrapper\" style=\"display:none\"></a2></h4>\r\n</div>\r\n<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n	&nbsp;</div>\r\n<script>\r\n    AOS.init();\r\n  </script><script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script><script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n	$(\"div h2.text-center\").hide();\r\n	$(\"div hr\").hide();\r\n\r\n	$(\".btn1\").click(function(){\r\n	$(\"div.sh1\").slideToggle(\'slow\');\r\n	$(\".btn1\").fadeOut(\'500\');\r\n	$(\".btn5\").fadeIn(\'1000\');\r\n	});\r\n	\r\n	$(\".btn2\").click(function(){\r\n	$(\"div.sh2\").slideToggle(\'slow\');\r\n	$(\".btn2\").fadeOut(\'500\');\r\n	$(\".btn5\").fadeIn(\'1000\');\r\n	});\r\n	\r\n	$(\".btn3\").click(function(){\r\n	$(\"div.sh3\").slideToggle(\'slow\');\r\n	$(\".btn3\").fadeOut(\'500\');\r\n	$(\".btn5\").fadeIn(\'1000\');\r\n	});\r\n	\r\n	$(\".btn4\").click(function(){\r\n	$(\"div.sh4\").slideToggle(\'slow\');\r\n	$(\".btn4\").fadeOut(\'500\');\r\n	$(\".btn5\").fadeIn(\'1000\');\r\n	});\r\n	\r\n	$(\".btn5\").click(function(){\r\n	$(\"div.sh1\").fadeOut(\'1000\');\r\n	$(\"div.sh2\").fadeOut(\'1000\');\r\n	$(\"div.sh3\").fadeOut(\'1000\');\r\n	$(\"div.sh4\").fadeOut(\'1000\');\r\n	$(\".btn1\").fadeIn(\'1000\');\r\n	$(\".btn2\").fadeIn(\'1000\');\r\n	$(\".btn3\").fadeIn(\'1000\');\r\n	$(\".btn4\").fadeIn(\'1000\');\r\n	$(\".btn5\").fadeOut(\'1000\');\r\n  \r\n	});\r\n	\r\n	\r\n});\r\n</script>\r\n<hr />\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(986,'2017-12-06 09:31:53','2017-12-06 17:25:47',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<h1>\r\n	<span style=\"color:#ff0000;\"><strong>禮盒系列</strong></span></h1>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1007,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(987,'2017-12-06 09:22:40','2017-12-06 17:22:27',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'哈哈哈',NULL,'<p>\r\n	This is some sample text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1005,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(988,'2017-12-06 09:32:45','2017-12-06 17:32:45',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,936,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<h1>\r\n	<span style=\"color:#ff0000;\"><span style=\"font-size:28px;\">禮盒系列</span></span></h1>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1007,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(989,'2017-12-08 03:38:16','2017-12-08 03:15:27',NULL,'2017-12-07 00:00:00','2038-01-01 00:00:00',185,186,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style>			.container-fluid {			width: -webkit-fill-available;			padding-right: 15px;			padding-left: 15px;			margin-right: auto;			margin-left: auto;		}	body{			background-image:url(\'/userUpload/images/10412126/wall.jpg\');			background-attachment:scroll;						}		.col-md-10{	position: relative;	width:100%;    padding: 0;   }.col-md-offset-1{margin:0;}	/*************************navbar***********************/		body > div:nth-child(1){	margin: 0;}				div.navbar.navbar-default.load {		right: 0;		left: 0;		z-index: 1030;		position: fixed;		top: 0;		z-index:9999;}			.navbar-default {						height:auto;			background-color: rgba(0, 0, 0,0.4);			border-color: rgba(0, 0, 0,0);			transition: all 0.5s ease;			right: 0;		left: 0;		z-index: 1030;		position: fixed;		top: 0;		z-index:9999;		 			}				.navbar-default .navbar-nav>li>a {			color:rgba(255,255,255,1);			font-size:18px;					}		.navbar-default2 {			font-size:16px;			color:black;			height:autopx;			background-color: rgba(255, 255, 255,1);			border-color: rgba(0, 0, 0,0.4);			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);		 			}				.navbar-default2 .navbar-nav>li>a {			color:rgba(0,0,0,1);					}		.nav000 {				display:none;				color:black;				float: left;				height: 50px;				padding: 15px 15px;				font-size: 18px;				line-height: 20px;			}			hr.style1{color:black;}/****************************************************/			.row {			display: -ms-flexbox;			-ms-flex-wrap: wrap;			flex-wrap: wrap;						margin-right: -12px;			margin-left: -12px;		}					 		.row {					}				div.col-md-12.load{			margin:0;			padding-right: 0;			padding-left: 0;				}		.bgw{background-color:rgba(255,255,255,0);}			container-fluid{			margin-top:5px;		}		footer{			margin-top:-10px;			color:white;			background-color:rgba(0, 0, 0,1);}/************body*****************/		*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}		body{						position: relative;			padding: 0;}				div {				display: block;				text-align: justify;				text-justify: inter-word;			}		.btn{display: block;}		.BDBOX {		  -webkit-box-sizing: border-box;			 -moz-box-sizing: border-box;				  box-sizing: border-box;				}				.clearfix2 {			  overflow: auto;			}		.clearfix:after {			content: \".\";			display: block;			height: 0;			clear: both;			visibility: hidden;		}				.p1{			    position: absolute;				top: 0;				left: 0px;				width: 100px;				}		h2,h3,h4{text-align: center;}		.smalltitle{ color:#ffa100;	}		h2 {			margin-bottom: 30px;			padding-top: 0;			color: #000;			text-align: center;		}				p{			font-size:18px;		}				.text{			line-height:3;			font-size:large;		}		.mainarea {			position:relative;			padding: 0;			margin-top: -112px;			background: #FFF;			}		.image-full		{			display: block;			width: 100%;			margin: 0 0 0 0;		}		.image-rounded		{			border-radius: 10%;		}/**************************************************/		.COL4{			width:33.333%;			float:left;			padding:1em 0.5em;		}		.COL8{			width:66.6666%;			float:left;			padding:1em 0.5em;		}		.COL3{			width:25%;			float:left;			padding:1em 1.5em;					}		.COL12{			width:100%;			padding:2em;								}		.COL6{			width:50%;			float:left;			padding:2em;					}		.clearfix:after {			  content: \".\";			  display: block;			  height: 0;			  clear: both;			  visibility: hidden;		}				/***********blockarea***************/		.block1 {				clear: both;				background: url(\'/userUpload/images/10412126/13.jpg\');				background-repeat: no-repeat;				background-attachment: fixed;				background-position: bottom;				background-size: cover;		}		.block1 .box {				float: left;				margin-left:0;				width: 410px;				background: rgba(0,0,0,0.7);				padding: 150px 30px 60px 30px;		}		.block2 {				clear: both;				background: url(\'/userUpload/images/tttttttt/15.JPG\') ;				background-repeat: no-repeat;				background-attachment: fixed;				background-position: bottom;				background-size: cover;		}		.block2 .box {				float: right;				margin-right: 12%;				width: 610px;				background: rgba(0,0,0,0.7);				padding: 150px 30px 60px 30px;		}				.block1 .text, .block2 .text {				margin-top: 30px;				font-size: 15px;				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;				color: #FFF;				line-height: 1.8;			}		.block1 .btn a:hover, .block2 .btn a:hover {				border: 1px solid #a27c48;				background: #a27c48;				color: #FFF;			}		.block1 .btn a, .block2 .btn a {				display: inline-block;				padding: 10px 15px;				border: 1px solid #FFF;				font-size: 12px;				color: #FFF;				text-transform: uppercase;			}			@media screen and (max-width: 480px){			.block1 .box, .block2 .box ,.COL6,.COL4,.COL8{				width: 100%;				margin: 0;				line-height:2;							}			.COL4,.COL8{ padding:15px;}									}		/*******************標題美化*************/		.title1area {				width: 100%;				height: auto;				text-align: center;				padding: 60px 0 0 0;				overflow: hidden;				box-sizing: border-box;				background-color: rgba(0,0,0,0);			}				.title1area .smalltitle {						color: #e7b623;				margin-bottom: 5px;				font-weight: 100;				letter-spacing: .06em;				font-size: 22px;							}		.title1area .bigtitle {				position: relative;				font-weight: 100;				letter-spacing: .06em;				text-transform: uppercase;				color:#ffa100;				font-size: 1.5em;				margin-bottom: 50px;			}		.title1area .bigtitle:before, .title1area .bigtitle:after {				content: \'\';				position: absolute;				top: 50%;				transform: translateY(-50%);				width: calc((100% - 200px) / 2);				height: 2px;				background: rgba(255, 255, 255, 0.9);			}					.title1area .bigtitle:before {				left: 0;			}		.title1area .bigtitle:after {				right: 0;			}/*******************STORYAREA****************************/		.STORY {					position:relative;				clear: both;				background-image:url(\'/userUpload/images/10412126/wall.jpg\');				background-repeat:no-repeat;				background-attachment:scroll;				padding:  0;							}								div.STORY > div.COL12.clearfix2 > div.text.COL6{						border-bottom: 1px dashed #ae1d49;				padding: 0.5em;		}				body > div.STORY > div.COL4{				;				background-color:#e9ecef;				padding: 20px 0;}		.content{								background-color: #ced4da;				padding:30px;		}		@media screen and (max-width: 640px){			.STORY div.COL4 {								padding: 10px;				width: 100%;			}			@media screen and (min-width: 768px){				#nav2{display:none;}						}					body > div.STORY > div.COL4{								background-color:#e9ecef;				}		body > div > div.STORY > div{ padding:20px; }			}						</style><link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/><script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script><div class=\"mainarea\"><div class=\"block1 clearfix\"><!--blockarea-->			<div class=\"box BDBOX \"><!--box-->            				<div class=\"title1area\" >                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊故事</h4>                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">Stories</h4>				</div>                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >                	40年代懷古鄉村合院式建築、有竹造有磚瓦以及木造、陳列展示50年代的農村古文物伸手可及讓人感受到50年代生活情境。    都市叢林裡的你、每天在繁忙的生活步調中、你有多久沒找個安靜的地方、讓身體和心靈一起放鬆了、一處足於讓你流連忘返的老所在、可以點亮你的思路短暫的休息後從這裡再出發。                </div>                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->            </div><!--box end-->        </div><!--blockarea end--><div class=\"STORY \" style=\"float:right;\">		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>				<div class=\"COL12 clearfix \">                		<div class=\"text COL6  revealOnScroll\" data-animation=\"zoomInUp\">		<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Story of Ting Yi</h4>                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的起源</h4>                <hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\">                	<p>當初只為了想完成老人家還鄉的心願義無反顧的放下30幾年的生活圈及事業帶著老父親回到他想回來的地方，這是俗話說的落葉歸根嗎？							如今老人家走了而我們卻走不了！現在（老人家）變成我們的封號了。							<br>\" 多少銀髮無人陪  幾許古鬚不知誰  看淡世間功名錄  陪伴至親歸鄉赴\"</p>        </div>		<div class=\"COL6\"><img src=\"/userUpload/images/10412126/14.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>    			</div>	</div><div class=\"block2 clearfix\" style=\"margin-bottom:-10px;\">		<!--blockarea-->		<div class=\"box BDBOX\">			<!--box-->			<div class=\"COL12 clearfix\" style=\"padding:0;\">				<img class=\"image-full image-rounded \" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/001.png\" /></div>			<div class=\"title1area\">				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">					庭翊民宿</h4>				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">					WELCOME</h4>			</div>			<div class=\"text revealOnScroll\" data-animation=\"zoomIn\">				當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。 <br>某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、 隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。<br> 到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合</div>			<div class=\"btn revealOnScroll\" data-animation=\"zoomIn\">				<a href=\"#\">LEARN MORE</a></div>		</div><div class=\"STORY\" style=\"background-color:rgba(0,0,0,0.7);\" \">		<div class=\"COL8 \">			<div class=\"COL12  content\">					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\"> hexagonal kiosk saloon</h4>					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\">特殊的六角亭交誼廳</h4>					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">							<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/06.jpg\" class=\"image-full\"></div>					<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">								<p>庭翊民宿裡的黃包車，								完全用木頭搭建的六角造型，								非常的特殊，								提供給客人休憩使用及早餐用餐地點。</p>					</div>			</div>		</div>				<div class=\"COL4 \">			<div class=\"COL12  content\">					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Ting Yi features</h4>					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的特色</h4>					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">							<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/tttttttt/28.JPG\" class=\"image-full\"></div>					<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">								<p>走進民宿裡有（柳暗花明又一村）的強烈感受</p>					</div>			</div>		</div>		<div class=\"COL4 \">			<div class=\"COL12 content\">					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Traditional big stove</h4>					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">傳統古早味的大灶</h4>					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">							<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/05.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>					<div class=\"text COL12 clearfix2 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">								<p>古早燒木材的大灶頭， 								雙鍋式前鍋較大為炒菜， 								用後鍋較小為煮飯或燒熱水用</p>					</div>			</div>		</div>				<div class=\"COL4 \">			<div class=\"COL12  content\">					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\"> hexagonal kiosk saloon</h4>					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\">特殊的六角亭交誼廳</h4>					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">							<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/06.jpg\" class=\"image-full\"></div>					<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">								<p>庭翊民宿裡的黃包車，								完全用木頭搭建的六角造型，								非常的特殊，								提供給客人休憩使用及早餐用餐地點。</p>					</div>			</div>		</div>				<div class=\"COL4 \">			<div class=\"COL12  content\">					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Ting Yi features</h4>					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的特色</h4>					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">							<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/08.jpg\" class=\"image-full\"></div>					<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">								<p>庭翊民宿在台九線旁的一條巷弄裡、走進民宿裡有（柳暗花明又一村）的強烈感受，四周果樹林立台東特產（釋迦）</p>					</div>			</div>		</div></div>	</div>		</div><script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n$(\"body > div:nth-child(3) > div > div > div.row.load > div\").removeClass(\'.col-md-10\');\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>	\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.153.99',NULL,NULL,NULL,NULL,NULL,NULL),(990,'2017-12-07 15:32:45','2017-12-07 23:32:07',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',185,186,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n			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			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n				text-align: justify;\r\n				text-justify: inter-word;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n		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:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.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		.block1 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/13.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		.block1 .box {\r\n				float: left;\r\n				margin-left:0;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/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		}\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				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:no-repeat;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n			\r\n			\r\n</style>\r\n\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊故事</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">Stories</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	當初只為了想完成老人家還鄉的心願義無反顧的放下30幾年的生活圈及事業帶著老父親回到他想回來的地方，這是俗話說的落葉歸根嗎？\r\n							如今老人家走了而我們卻走不了！現在（老人家）變成我們的封號了。\r\n							<br>\" 多少銀髮無人陪  幾許古鬚不知誰  看淡世間功名錄  陪伴至親歸鄉赴\"\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n\r\n\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12 content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Traditional big stove</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">傳統古早味的大灶</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 revealOnScroll\" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/05.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>\r\n    	<div class=\"text COL12 clearfix2 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	古早燒木材的大灶頭， <br>\r\n					雙鍋式前鍋較大為炒菜， <br>\r\n					用後鍋較小為煮飯或燒熱水用\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12  content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\"> hexagonal kiosk saloon</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\">特殊的六角亭交誼廳</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 revealOnScroll\" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/06.jpg\" class=\"image-full\"></div>\r\n    	<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	庭翊民宿裡的黃包車，\r\n					完全用木頭搭建的六角造型，\r\n					非常的特殊，\r\n					提供給客人休憩使用及早餐用餐地點。\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12  content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Ting Yi features</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的特色</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 revealOnScroll\" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/08.jpg\" class=\"image-full\"></div>\r\n    	<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	庭翊民宿在台九線旁的一條巷弄裡、走進民宿裡有（柳暗花明又一村）的強烈感受，四周果樹林立台東特產（釋迦）\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n$(\"body > div:nth-child(3) > div > div > div.row.load > div\").removeClass(\'.col-md-10,.col-md-offset-1\');\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.153.99',NULL,NULL,NULL,NULL,NULL,NULL),(991,'2017-12-07 17:15:39','2017-12-08 01:15:24',NULL,'2017-12-08 00:00:00','2038-01-01 00:00:00',185,241,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n		\r\n		\r\n		}\r\n		.col-md-10{\r\n	position: relative;\r\n	width:100%;\r\n    padding: 0;\r\n   \r\n}\r\n.col-md-offset-1{margin:0;}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n			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			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n			hr.style1{color:black;}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n				text-align: justify;\r\n				text-justify: inter-word;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n		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		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:large;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL8{\r\n			width:66.6666%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.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		.block1 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/13.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		.block1 .box {\r\n				float: left;\r\n				margin-left:0;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/tttttttt/15.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		.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				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4,.COL8{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4,.COL8{ padding:15px;}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:no-repeat;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		\r\n		\r\n\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n			\r\n			\r\n</style>\r\n\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊故事</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">Stories</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	40年代懷古鄉村合院式建築、有竹造有磚瓦以及木造、陳列展示50年代的農村古文物伸手可及讓人感受到50年代生活情境。\r\n    都市叢林裡的你、每天在繁忙的生活步調中、你有多久沒找個安靜的地方、讓身體和心靈一起放鬆了、一處足於讓你流連忘返的老所在、可以點亮你的思路短暫的休息後從這裡再出發。\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n<div class=\"STORY \" style=\"float:right;\">\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n		<div class=\"COL12 clearfix \">\r\n                \r\n		<div class=\"text COL6  revealOnScroll\" data-animation=\"zoomInUp\">\r\n		<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Story of Ting Yi</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的起源</h4>\r\n                <hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\">\r\n                	<p>當初只為了想完成老人家還鄉的心願義無反顧的放下30幾年的生活圈及事業帶著老父親回到他想回來的地方，這是俗話說的落葉歸根嗎？\r\n							如今老人家走了而我們卻走不了！現在（老人家）變成我們的封號了。\r\n							<br>\" 多少銀髮無人陪  幾許古鬚不知誰  看淡世間功名錄  陪伴至親歸鄉赴\"</p>\r\n        </div>\r\n		<div class=\"COL6\"><img src=\"/userUpload/images/10412126/14.jpg\" class=\"image-full revealOnScroll\" data-animation=\"zoomIn\"></div>\r\n    	\r\n		</div>\r\n	\r\n\r\n\r\n</div>\r\n<div class=\"block2 clearfix\" style=\"margin-bottom:-10px;\">\r\n		<!--blockarea-->\r\n		<div class=\"box BDBOX\">\r\n			<!--box-->\r\n			<div class=\"COL12 clearfix\" style=\"padding:0;\">\r\n				<img class=\"image-full image-rounded \" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/001.png\" /></div>\r\n			<div class=\"title1area\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					庭翊民宿</h4>\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					WELCOME</h4>\r\n			</div>\r\n			<div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n				當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。 <br>某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、 隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。<br> 到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合</div>\r\n			<div class=\"btn revealOnScroll\" data-animation=\"zoomIn\">\r\n				<a href=\"#\">LEARN MORE</a></div>\r\n		</div>\r\n\r\n<div class=\"STORY\" style=\"background-color:rgba(0,0,0,0.7);\" \">\r\n		<div class=\"COL8 \">\r\n			<div class=\"COL12  content\">\r\n					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\"> hexagonal kiosk saloon</h4>\r\n					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\">特殊的六角亭交誼廳</h4>\r\n					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n			\r\n				<div class=\"COL12 revealOnScroll\" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/06.jpg\" class=\"image-full\"></div>\r\n					<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">\r\n								<p>庭翊民宿裡的黃包車，\r\n								完全用木頭搭建的六角造型，\r\n								非常的特殊，\r\n								提供給客人休憩使用及早餐用餐地點。</p>\r\n					</div>\r\n			</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n			<div class=\"COL12  content\">\r\n					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Ting Yi features</h4>\r\n					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的特色</h4>\r\n					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n			\r\n				<div class=\"COL12 revealOnScroll\" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/tttttttt/28.JPG\" class=\"image-full\"></div>\r\n					<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">\r\n								<p>走進民宿裡有（柳暗花明又一村）的強烈感受</p>\r\n					</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"COL4 \">\r\n			<div class=\"COL12 content\">\r\n					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Traditional big stove</h4>\r\n					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">傳統古早味的大灶</h4>\r\n					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n			\r\n				<div class=\"COL12 revealOnScroll\" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/05.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>\r\n					<div class=\"text COL12 clearfix2 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">\r\n								<p>古早燒木材的大灶頭， \r\n								雙鍋式前鍋較大為炒菜， \r\n								用後鍋較小為煮飯或燒熱水用</p>\r\n					</div>\r\n			</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n			<div class=\"COL12  content\">\r\n					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\"> hexagonal kiosk saloon</h4>\r\n					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\">特殊的六角亭交誼廳</h4>\r\n					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n			\r\n				<div class=\"COL12 revealOnScroll\" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/06.jpg\" class=\"image-full\"></div>\r\n					<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">\r\n								<p>庭翊民宿裡的黃包車，\r\n								完全用木頭搭建的六角造型，\r\n								非常的特殊，\r\n								提供給客人休憩使用及早餐用餐地點。</p>\r\n					</div>\r\n			</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n			<div class=\"COL12  content\">\r\n					<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Ting Yi features</h4>\r\n					<h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的特色</h4>\r\n					<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n			\r\n				<div class=\"COL12 revealOnScroll\" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/08.jpg\" class=\"image-full\"></div>\r\n					<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;color:black;\">\r\n								<p>庭翊民宿在台九線旁的一條巷弄裡、走進民宿裡有（柳暗花明又一村）的強烈感受，四周果樹林立台東特產（釋迦）</p>\r\n					</div>\r\n			</div>\r\n		</div>\r\n</div>	\r\n</div>		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n$(\"body > div:nth-child(3) > div > div > div.row.load > div\").removeClass(\'.col-md-10\');\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.153.99',NULL,NULL,NULL,NULL,NULL,NULL),(992,'2018-09-01 18:31:27','2018-09-02 02:31:27',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',185,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n			text-align: justify;\r\n			text-justify: inter-word;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: cwTeXFangSong, \'Playfair Display\', serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n				\r\n		h2,h3,h4{\r\n				text-align: center;\r\n		}\r\n		\r\n		.smalltitle{\r\n				color:#ffa100;	\r\n		}\r\n		\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:1.2em;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.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		.block1 {\r\n				min-height:700px;\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/11.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		.block1 .box {\r\n				float: left;\r\n				min-height:700px;\r\n				margin-left: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/01-1.jpg\') ;\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: center;\r\n				background-size: cover;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 710px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 20px;\r\n				\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:repeat-x;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n			\r\n			\r\n</style>\r\n	<link href=\"https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	進入庭翊，<br>彷彿進入另一個客家風情地方，<br>映入眼簾的懷舊三合院、<br>古色古香的客家造型。<br>\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n	\r\n<div class=\"STORY \"><!--STORY-->\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n		<div class=\"COL12 clearfix \">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Story of Ting Yi</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">庭翊民宿的起源</h4>\r\n                <hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL6\"><img src=\"/userUpload/images/10412126/14.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>\r\n    	<div class=\"text COL6  revealOnScroll\" data-animation=\"zoomInUp\">\r\n                	<p>當初只為了想完成老人家還鄉的心願義無反顧的放下30幾年的生活圈及事業帶著老父親回到他想回來的地方，這是俗話說的落葉歸根嗎？\r\n							如今老人家走了而我們卻走不了！現在（老人家）變成我們的封號了。\r\n							<br>\" 多少銀髮無人陪  幾許古鬚不知誰  看淡世間功名錄  陪伴至親歸鄉赴\"</p>\r\n        </div>\r\n		</div>\r\n	\r\n</div>		\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div class=\"COL12 clearfix\" style=\"background-image:url(/userUpload/images/10412126/goodnews.jpg);background-attachment:fixed;background-size:cover;\">\r\n			<div class=\"COL6 clearfix\"style=\"color:white;\"><img src=\"/userUpload/images/10412126/001(1).png\" class=\"image-full\">\r\n			<div class=\"clearfix\"style=\"font-size:1em;\">一處足於讓你流連忘返的老所在、可以點亮你的思路短暫的休息後從這裡再出發。</div>\r\n			<div class=\"clearfix\"style=\"font-size:1.2em;float:right;\"><br>-2017庭翊民宿</div>\r\n			</div>\r\n			<div class=\"COL6 clearfix\" style=\"float:right;padding:0;\">\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"style=\"color:black;font-size:3.5em;\"> 好康消息</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">Good news</h4>\r\n				</div>\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#e7e7e7;min-height:370px; data-animation=\"zoomInUp\">\r\n                	<p>當初只為了想完成老人家還鄉的心願義無反顧的放下30幾年的生活圈及事業帶著老父親回到他想回來的地方，這是俗話說的落葉歸根嗎？\r\n							如今老人家走了而我們卻走不了！現在（老人家）變成我們的封號了。\r\n							<br>\" 多少銀髮無人陪  幾許古鬚不知誰  看淡世間功名錄  陪伴至親歸鄉赴\"</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	\r\n</div>\r\n	<div class=\"block2 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX\"><!--box-->\r\n				<div class=\"COL12 clearfix\"style=\"padding:0;\"><img src=\"/userUpload/images/10412126/16.jpg\" class=\"image-full image-rounded \" data-animation=\"zoomIn\" ></div>\r\n            	<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n                	當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。\r\n    某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、\r\n    隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。\r\n     到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合\r\n\r\n                </div>\r\n                <div class=\"btn revealOnScroll\" data-animation=\"zoomIn\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=185&MK=185&PK=186\">LEARN MORE</a></div>\r\n            </div><!--box end-->\r\n     </div><!--blockarea end-->\r\n</div>\r\n<!-- <div class=\"STORY\"><!--STORY-->\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12 content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Traditional big stove</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">傳統古早味的大灶</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/05.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>\r\n    	<div class=\"text COL12 clearfix2 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	<p>古早燒木材的大灶頭，雙鍋式前鍋較大為炒菜，用後鍋較小為煮飯或燒熱水用</p>\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12  content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\"> Traditional rain hat、rain coat</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\">簑帽、簑衣</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/13.jpg\" class=\"image-full\"></div>\r\n    	<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	<p>早期農家使用的雨帽、雨衣，<br>\r\n						用山棕做成</p>\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		<div class=\"COL4 \">\r\n		<div class=\"COL12  content\">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Ting Yi features urn</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">甕</h4>\r\n                <hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL12 \" data-animation=\"zoomInUp\"style=\"padding:0;\" ><img src=\"/userUpload/images/10412126/08.jpg\" class=\"image-full\"></div>\r\n    	<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\"style=\"padding:0;\">\r\n                	<p>早期農家都會醃製蘿蔔或酸菜使用的容器，尤其客家人勤儉持家，醃製菜類為必須之技能。</p>\r\n        </div>\r\n		</div>\r\n		</div>\r\n		\r\n		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,1,NULL,NULL,'36.237.140.46',NULL,NULL,NULL,NULL,NULL,NULL),(993,'2018-09-01 18:45:52','2018-09-02 02:45:52',NULL,'2017-12-08 00:00:00','2038-01-01 00:00:00',185,186,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n			text-align: justify;\r\n			text-justify: inter-word;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n			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		footer{\r\n			\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: cwTeXFangSong, \'Playfair Display\', 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		/*清理浮動*/ \r\n		.clearfix:after {\r\n			visibility:hidden;  \r\n			display:block;  \r\n			font-size:0;  \r\n			content:\" \";  \r\n			clear:both;  \r\n			height:0; \r\n			} \r\n		.clearfix {  zoom:1; }\r\n		\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n				\r\n		h2,h3,h4{\r\n				text-align: center;\r\n		}\r\n		\r\n		.smalltitle{\r\n				color:#ffa100;	\r\n		}\r\n		\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		\r\n		.blue{\r\n			color:darkblue;\r\n			font-weight:bold;\r\n		}\r\n		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:1.2em;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -150px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		\r\n		.COL8{\r\n			width:66.6%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		\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		.block1 {\r\n		\r\n				clear: both;\r\n				background: url(\'/userUpload/images/tttttttt/13.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		.block1 .box {\r\n				float: left;\r\n				\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/15.jpg\') ;\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: center;\r\n				background-size: cover;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 710px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 0px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 20px;\r\n				\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n			.block{\r\n					min-height;\r\n			}\r\n			\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4,.COL8{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			COL8,.COL4{ padding:15px;}\r\n			\r\n			.content{\r\n		\r\n				min-height: 380px;\r\n		}\r\n			\r\n			\r\n		}\r\n			\r\n			\r\n			\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:no-repeat;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n				\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4,COL8 {\r\n				DISPLAY: inline-block;\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n					.content{\r\n				\r\n						min-height: 380px;\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	/*************************block4***********************/\r\n		.wrap {\r\n				width: 100%;\r\n				padding: 0 20px;\r\n		}</style>\r\n<link href=\"https://fonts.googleapis.com/earlyaccess/cwtexfangsong.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></p>\r\n<div class=\"mainarea\">\r\n	<div class=\"block1 clearfix\">\r\n		<!--blockarea-->\r\n		<div class=\"box BDBOX \">\r\n			<!--box-->\r\n			<div class=\"title1area\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					庭翊故事</h4>\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					Stories</h4>\r\n			</div>\r\n			<div class=\"text  revealOnScroll\" data-animation=\"zoomIn\">\r\n				時代的收藏是傳承<br />\r\n				紛擾環境辛苦的您<br />\r\n				是否計畫好下一個旅遊行程<br />\r\n				讓我帶您走進傳統回憶的時光</div>\r\n		</div>\r\n		<!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> --></div>\r\n	<!--box end--></div>\r\n<!--blockarea end-->\r\n<div class=\"STORY \" style=\"float:right;\">\r\n	<div>\r\n		<img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\" /></div>\r\n	<div class=\"COL12 clearfix \">\r\n		<div class=\"text COL6  revealOnScroll\" data-animation=\"zoomInUp\">\r\n			<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n				Story of Ting Yi</h4>\r\n			<h2 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n				庭翊民宿</h2>\r\n			<hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\" />\r\n			<p>\r\n				有傳統風格的老瓦房沒有現代摩登的外觀<br />\r\n				有清幽整潔的布置沒有奢華頂級的設備<br />\r\n				不在四線大馬路上而隱身在旁邊的鄉間小路上<br />\r\n				沒有海闊天空的視野卻有柳暗花明又一春的感覺<br />\r\n				沒有沸騰喧嘩的人聲只有濃烈的鄉村人情味</p>\r\n			<p>\r\n				&nbsp;</p>\r\n		</div>\r\n		<div class=\"COL6\">\r\n			<img class=\"image-full \" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/12.JPG\" /></div>\r\n	</div>\r\n</div>\r\n<div class=\"block2 clearfix\" style=\"margin-bottom:-10px;\">\r\n	<!--blockarea-->\r\n	<div class=\"box BDBOX\">\r\n		<!--box-->\r\n		<div class=\"COL12 clearfix\" style=\"padding:0;\">\r\n			<img class=\"image-full image-rounded \" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/001(1).png\" /></div>\r\n		<div class=\"title1area\">\r\n			<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n				好運粽</h4>\r\n			<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n				庭翊民宿</h4>\r\n		</div>\r\n		<div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n			當您入住庭翊民宿完成住房手續之後，<br />\r\n			即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆<br />\r\n			集滿5顆可兌換一間『雙人房免費住宿一晚』。<br />\r\n			<br />\r\n			曾經有一對夫妻，入住時看得出心情不是很好，揩著好友一同入住，<br />\r\n			依照慣例送他們一顆『好運粽』，第二天得知他們結婚數年了一直沒有愛的結晶，<br />\r\n			感情快亮起紅燈了，此時的我們也只能安慰他們<br />\r\n			什麼忙也幫不上當早餐後看著他們離開。<br />\r\n			隔年發生日簡訊給他們時，才知道收到好運粽回去後很快就有喜了，還生下個龍兒我們都替他們高興啊！ 『好運粽』希望能給有緣人帶來好運。</div>\r\n	</div>\r\n	<div class=\"STORY\" style=\"background-color:rgba(0,0,0,0.7); \">\r\n		<div class=\"COL8 \">\r\n			<div class=\"COL12  content\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					hexagonal kiosk saloon</h4>\r\n				<h2 class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n					特殊的六角亭交誼廳</h2>\r\n				<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\" />\r\n				<div class=\"COL12 \" data-animation=\"zoomInUp\" style=\"padding:0;\">\r\n					<img class=\"image-full\" src=\"/userUpload/images/10412126/06.jpg\" /></div>\r\n				<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align:center;padding:0;color:black;\">\r\n					<p>\r\n						完全用木頭搭建的六角造型， <br>\r\n						非常的特殊， <br>\r\n						提供給客人休憩使用及早餐用餐地點。</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"COL4 \">\r\n			<div class=\"COL12  content\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					Ting Yi features</h4>\r\n				<h2 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n					庭翊民宿的特色</h2>\r\n				<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\" />\r\n				<div class=\"COL12 \" data-animation=\"zoomInUp\" style=\"padding:0;\">\r\n					<img class=\"image-full\" src=\"/userUpload/images/tttttttt/25.JPG\" /></div>\r\n				<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align:center;padding:0;color:black;\">\r\n					<p>\r\n					庭翊民宿裡的黃包車， </p><p class=\"blue\">『腳踩風火是三輪，顧客無法於斤論<br>&nbsp;&nbsp;&nbsp;&nbsp;唯有目標心中存，揮灑汗水為子孫』</p></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<div class=\"STORY\">\r\n		<div class=\"COL4 \">\r\n			<div class=\"COL12 content\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					Ting Yi features</h4>\r\n				<h2 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n					庭翊民宿的特色</h2>\r\n				<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\" />\r\n				<div class=\"COL12 \" data-animation=\"zoomInUp\" style=\"padding:0;\">\r\n					<img class=\"image-full \" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/10.jpg\" /></div>\r\n				<div class=\"text COL12 clearfix2 revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align:center;padding:0;color:black;\">\r\n					<p>\r\n						傳統客家文化造景</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"COL4 \">\r\n			<div class=\"COL12  content\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					Special lantern</h4>\r\n				<h2 class=\"bigtitle revealOnScroll \" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n					特殊的燈籠</h2>\r\n				<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\" />\r\n				<div class=\"COL12 \" data-animation=\"zoomInUp\" style=\"padding:0;\">\r\n					<img class=\"image-full\" src=\"/userUpload/images/10412126/11.JPG\" /></div>\r\n				<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align:center;padding:0;color:black;\">\r\n					<p>\r\n						特殊花紋的客家燈籠</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<div class=\"COL4 \">\r\n			<div class=\"COL12  content\">\r\n				<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">\r\n					Ting Yi features</h4>\r\n				<h2 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\" style=\"letter-spacing: .08em;font-weight: normal;\">\r\n					庭翊民宿的特色</h2>\r\n				<hr class=\"style1 revealOnScroll style1\" data-animation=\"zoomInUp\" />\r\n				<div class=\"COL12 \" data-animation=\"zoomInUp\" style=\"padding:0;\">\r\n					<img class=\"image-full\" src=\"/userUpload/images/10412126/08.jpg\" /></div>\r\n				<div class=\"text COL12 revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align:center;padding:0;color:black;\">\r\n					<p>\r\n						古色古香的特色建物</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script><script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n$(\"body > div:nth-child(3) > div > div > div.row.load > div\").removeClass(\'.col-md-10\');\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script><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>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.140.46',NULL,NULL,NULL,NULL,NULL,NULL),(994,'2018-09-01 18:47:17','2018-09-02 02:47:17',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',185,242,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n			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			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n			hr.style1{color:black;}\r\n		/*************************適應CONTAINER***************************/		\r\n			\r\n		.container-fluid {\r\n				width: -webkit-fill-available;\r\n				padding-right: 15px;\r\n				padding-left: 15px;\r\n				margin-right: auto;\r\n				margin-left: auto;\r\n			}\r\n\r\n		body{\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-attachment:scroll;\r\n			\r\n			\r\n			}\r\n				.col-md-10{\r\n			position: relative;\r\n			width:100%;\r\n			padding: 0;\r\n		   \r\n		}\r\n		.col-md-offset-1{margin:0;}\r\n		.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n				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		footer{\r\n			margin: 0 px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n		/**********************body*****************/\r\n		*{font-family: cwTeXFangSong, \'Playfair Display\', serif;}\r\n		body{\r\n		\r\n		\r\n				position: relative;\r\n				padding: 0;}\r\n				\r\n		h2,h3,h4{text-align: center;}\r\n		\r\n		\r\n		\r\n		h2 {\r\n				margin-bottom: 30px;\r\n				padding-top: 0;\r\n				color: #000;\r\n				text-align: center;\r\n		}\r\n		\r\n		p{\r\n				ont-size:18px;\r\n		}\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		div {\r\n				display: block;\r\n				text-align: justify;\r\n				text-justify: inter-word;\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		/**********************RESET******/\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		.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		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n		\r\n		/**********************mainarea*********************/\r\n		/*********************BLOCK1************************/\r\n		.text{\r\n			line-height:3;\r\n			font-size:large;\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			\r\n		.smalltitle{ color:#ffa100;	}\r\n		\r\n		/************************COL-**************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL8{\r\n			width:66.6666%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:1em 0.7em;\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		\r\n		\r\n		/***********blockarea***************/\r\n		.block1 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/wishful%20double%20room.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		.block1 .box {\r\n				float: left;\r\n				margin-left:0;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/auspicious%20double%20room1.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		.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: 50px 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			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4,.COL8{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4,.COL8{ padding:15px;}\r\n			\r\n			\r\n			}\r\n		\r\n		/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n	/************************block2***************/\r\n		.title1area2 {\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		.title1area2 .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		.title1area2 .bigtitle2 {\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		.title1area2 .bigtitle2:before, .title1area2 .bigtitle2:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 320px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area2 .bigtitle2:before {\r\n				left: 0;\r\n			}\r\n		.title1area2 .bigtitle2:after {\r\n				right: 0;\r\n			}\r\n	/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-color:white;\r\n				padding:  0;\r\n				\r\n			}\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		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			#about,#price,#notice{ padding:1em 1em;\r\n\r\n				}\r\n		}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n				\r\n				#about,#price,#notice{ padding:2.5em 3em;\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	/********************table*******************************/\r\n			\r\n			th {\r\n				padding: 5px;\r\n				text-align: center;\r\n				background-color: #ffc945;\r\n				color: #FFF;\r\n				border: 1.2px solid #e1e1e1;\r\n				}\r\n			tr {\r\n				display: table-row;\r\n			\r\n			}\r\n			td{\r\n				border: 1px solid rgba(0,0,0,.5);\r\n				BACKGROUND-COLOR: floralwhite;\r\n			}\r\n			a {\r\n				display: block;\r\n				color:#634005;\r\n				\r\n				padding: 7px 0;\r\n				font-size: 15px;\r\n				font-weight: 600;\r\n				text-transform: uppercase;\r\n				\r\n			}\r\n</style>\r\n<link href=\"https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<link href=\"https://fonts.googleapis.com/css?family=Playfair+Display\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 如意雙人房 </h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">double room</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	40年代懷古鄉村合院式建築、有竹造有磚瓦以及木造、陳列展示50年代的農村古文物伸手可及讓人感受到50年代生活情境。\r\n    都市叢林裡的你、每天在繁忙的生活步調中、你有多久沒找個安靜的地方、讓身體和心靈一起放鬆了、一處足於讓你流連忘返的老所在、可以點亮你的思路短暫的休息後從這裡再出發。\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n\r\n	<div class=\"STORY \" >\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n		<div class=\"COL12 clearfix \">\r\n                \r\n		<div class=\"text COL4  revealOnScroll\" data-animation=\"zoomInUp\">\r\n		<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">wishful double room</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">如意雙人房</h4>\r\n                <hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\">\r\n                	<table class=\"responsive toggle-square footable-loaded footable\" style=\"width:100%;\">\r\n						<thead>\r\n							<tr>\r\n								<th data-toggle=\"true\">&nbsp;</th>\r\n								<th data-toggle=\"true\">房型名稱</th>\r\n								<th>定價</th>\r\n							</tr>\r\n						</thead>\r\n						<tbody>\r\n							<tr>\r\n								<td colspan=\"1\" rowspan=\"2\" style=\"text-align: center;\"><span class=\"footable-toggle\"></span>平日雙人房</td>\r\n								<td style=\"text-align: center;\">如意雙人房</td>\r\n								<td style=\"text-align: center;\">1600/間</td>\r\n							</tr>\r\n							\r\n							<tr>\r\n								<td style=\"text-align: center;\"><span class=\"footable-toggle\"></span>加人</td>\r\n								<td style=\"text-align: center;\">500/間</td>\r\n							</tr>\r\n							<tr>\r\n								<td colspan=\"1\" rowspan=\"2\" style=\"text-align: center;\"><span class=\"footable-toggle\"></span>假日雙人房</td>\r\n								<td style=\"text-align: center;\">如意雙人房</td>\r\n								<td style=\"text-align: center;\">2000/間</td>\r\n							</tr>\r\n							\r\n							<tr>\r\n								<td style=\"text-align: center;\"><span class=\"footable-toggle\"></span>加人</td>\r\n								<td style=\"text-align: center;\">500/間</td>\r\n							</tr>\r\n						</tbody>\r\n					</table>\r\n        </div>\r\n		<div class=\"COL8\">\r\n			<div id=\"myCarousel\" class=\"carousel slide \" data-ride=\"carousel\" >\r\n							  <!-- Indicators -->\r\n							  <ol class=\"carousel-indicators\">\r\n								<li data-target=\"#myCarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n								<li data-target=\"#myCarousel\" data-slide-to=\"1\"></li>\r\n								<li data-target=\"#myCarousel\" data-slide-to=\"2\"></li>\r\n								<li data-target=\"#myCarousel\" data-slide-to=\"3\"></li>\r\n							  </ol>\r\n\r\n							  <!-- Wrapper for slides -->\r\n							  <div class=\"carousel-inner \">\r\n								<div class=\"item active\">\r\n								  <img src=\"/userUpload/images/10412126/wishful%20double%20room.jpg\" style=\"width:100%\"class=\"\" alt=\"如意雙人房\">\r\n								  <!--<div class=\"carousel-caption \">\r\n									<h3>銘泉生態</h3>\r\n									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n								  </div>-->\r\n								</div>\r\n\r\n								<div class=\"item\">\r\n								  <img src=\"/userUpload/images/10412126/wishful%20double%20room2.jpg\" style=\"width:100%\"class=\"\" alt=\"如意雙人房\">\r\n								  <div class=\"carousel-caption\">\r\n									<h3>如意雙人房</h3>\r\n									\r\n								  </div>\r\n								</div>\r\n\r\n								<div class=\"item\">\r\n								   <img src=\"/userUpload/images/10412126/doubleroombath3.jpg\"style=\"width:100%\" alt=\"如意雙人房\">\r\n								  <div class=\"carousel-caption\">\r\n									<h3>如意雙人房</h3>\r\n									\r\n								  </div>\r\n								</div>\r\n								\r\n								<div class=\"item\">\r\n								   <img src=\"/userUpload/images/10412126/doubleroombath4.jpg\"style=\"width:100%\" alt=\"如意雙人房\">\r\n								  <div class=\"carousel-caption\">\r\n									<h3>如意雙人房</h3>\r\n								\r\n								  </div>\r\n								</div>\r\n							  </div>\r\n\r\n							  <!-- Left and right controls -->\r\n							  <a class=\"left carousel-control\" href=\"#myCarousel\" data-slide=\"prev\">\r\n								<span class=\"glyphicon glyphicon-chevron-left\"></span>\r\n								<span class=\"sr-only\">Previous</span>\r\n							  </a>\r\n							  <a class=\"right carousel-control\" href=\"#myCarousel\" data-slide=\"next\">\r\n								<span class=\"glyphicon glyphicon-chevron-right\"></span>\r\n								<span class=\"sr-only\">Next</span>\r\n							  </a>\r\n					</div>\r\n				\r\n		\r\n			\r\n			</div>\r\n    	\r\n		</div>\r\n			\r\n\r\n\r\n	</div>\r\n</div>\r\n\r\n<div class=\"mainarea1\">\r\n<div class=\"block2 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area2\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 吉祥雙人房 </h4>\r\n                <h4 class=\"bigtitle2 revealOnScroll\" data-animation=\"zoomIn\">auspicious double room</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	40年代懷古鄉村合院式建築、有竹造有磚瓦以及木造、陳列展示50年代的農村古文物伸手可及讓人感受到50年代生活情境。\r\n    都市叢林裡的你、每天在繁忙的生活步調中、你有多久沒找個安靜的地方、讓身體和心靈一起放鬆了、一處足於讓你流連忘返的老所在、可以點亮你的思路短暫的休息後從這裡再出發。\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n\r\n	<div class=\"STORY \" >\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n		<div class=\"COL12 clearfix \">\r\n                \r\n		<div class=\"text COL4  revealOnScroll\" data-animation=\"zoomInUp\">\r\n		<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">auspicious double room</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">吉祥雙人房</h4>\r\n                <hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\">\r\n                	<table class=\"responsive toggle-square footable-loaded footable\" style=\"width:100%;\">\r\n						<thead>\r\n							<tr>\r\n								<th data-toggle=\"true\">&nbsp;</th>\r\n								<th data-toggle=\"true\">房型名稱</th>\r\n								<th>定價</th>\r\n							</tr>\r\n						</thead>\r\n						<tbody>\r\n							<tr>\r\n								<td colspan=\"1\" rowspan=\"2\" style=\"text-align: center;\"><span class=\"footable-toggle\"></span>平日雙人房</td>\r\n								<td style=\"text-align: center;\">吉祥雙人房</td>\r\n								<td style=\"text-align: center;\">1600/間</td>\r\n							</tr>\r\n							\r\n							<tr>\r\n								<td style=\"text-align: center;\"><span class=\"footable-toggle\"></span>加人</td>\r\n								<td style=\"text-align: center;\">500/間</td>\r\n							</tr>\r\n							<tr>\r\n								<td colspan=\"1\" rowspan=\"2\" style=\"text-align: center;\"><span class=\"footable-toggle\"></span>假日雙人房</td>\r\n								<td style=\"text-align: center;\">吉祥雙人房</td>\r\n								<td style=\"text-align: center;\">2000/間</td>\r\n							</tr>\r\n							\r\n							<tr>\r\n								<td style=\"text-align: center;\"><span class=\"footable-toggle\"></span>加人</td>\r\n								<td style=\"text-align: center;\">500/間</td>\r\n							</tr>\r\n						</tbody>\r\n					</table>\r\n        </div>\r\n		<div class=\"COL8\">\r\n		<div id=\"myCarousel2\" class=\"carousel slide \" data-ride=\"carousel\" >\r\n							  <!-- Indicators -->\r\n							  <ol class=\"carousel-indicators\">\r\n								<li data-target=\"#myCarousel2\" data-slide-to=\"0\" class=\"active\"></li>\r\n								<li data-target=\"#myCarousel2\" data-slide-to=\"1\"></li>\r\n								<li data-target=\"#myCarousel2\" data-slide-to=\"2\"></li>\r\n								<li data-target=\"#myCarousel2\" data-slide-to=\"3\"></li>\r\n							  </ol>\r\n\r\n							  <!-- Wrapper for slides -->\r\n							  <div class=\"carousel-inner \">\r\n								<div class=\"item active\">\r\n								  <img src=\"/userUpload/images/10412126/auspicious%20double%20room1.jpg\" style=\"width:100%\"class=\"\" alt=\"吉祥雙人房\">\r\n								  <!--<div class=\"carousel-caption \">\r\n									<h3>銘泉生態</h3>\r\n									<p>農田是食物的產地同時也是生物的棲地，實現人與自然和諧共存!</p>\r\n								  </div>-->\r\n								</div>\r\n\r\n								<div class=\"item\">\r\n								  <img src=\"/userUpload/images/10412126/auspicious%20double%20room2.jpg\" style=\"width:100%\"class=\"\" alt=\"吉祥雙人房\">\r\n								  <div class=\"carousel-caption\">\r\n									<h3>吉祥雙人房</h3>\r\n									\r\n								  </div>\r\n								</div>\r\n\r\n								<div class=\"item\">\r\n								   <img src=\"/userUpload/images/10412126/doubleroombath3.jpg\"style=\"width:100%\" alt=\"吉祥雙人房\">\r\n								  <div class=\"carousel-caption\">\r\n									<h3>吉祥雙人房</h3>\r\n									\r\n								  </div>\r\n								</div>\r\n								\r\n								<div class=\"item\">\r\n								   <img src=\"/userUpload/images/10412126/doubleroombath4.jpg\"style=\"width:100%\" alt=\"吉祥雙人房\">\r\n								  <div class=\"carousel-caption\">\r\n									<h3>吉祥雙人房</h3>\r\n								\r\n								  </div>\r\n								</div>\r\n							  </div>\r\n\r\n							  <!-- Left and right controls -->\r\n							  <a class=\"left carousel-control\" href=\"#myCarousel2\" data-slide=\"prev\">\r\n								<span class=\"glyphicon glyphicon-chevron-left\"></span>\r\n								<span class=\"sr-only\">Previous</span>\r\n							  </a>\r\n							  <a class=\"right carousel-control\" href=\"#myCarousel2\" data-slide=\"next\">\r\n								<span class=\"glyphicon glyphicon-chevron-right\"></span>\r\n								<span class=\"sr-only\">Next</span>\r\n							  </a>\r\n					</div>\r\n				\r\n		\r\n		\r\n		</div>\r\n    	\r\n		</div>\r\n			<div class=\"clearfix COL12\">\r\n					<div  class=\"atitle clearfix COL12\" ><!--atitle-->\r\n						<div class=\"btn1 clearfix COL4\"><a href=\"#tab\" class=\"\"style=\"padding:20px;background-color: burlywood;\">房內設備貼心服務</a></div>\r\n						<div class=\"btn2 clearfix COL4\"><a href=\"#tab\" class=\"\"style=\"padding:20px;background-color: burlywood;\">匯款資訊</a></div>\r\n						<div class=\"btn3 clearfix COL4\"><a href=\"#tab\" class=\"\"style=\"padding:20px;background-color: burlywood;\">貼心叮嚀</a></div>\r\n					</div><!--atitle end-->\r\n					\r\n					<div id=\"tab\" style=\"display:none;\"></div>\r\n							<div id=\"about\"><!--about-->\r\n								\r\n								<strong>房間設備：</strong>液晶電視、拋棄式盥洗用品、吹風機、茶包、咖啡包、礦泉水、分離式冷氣。<br>\r\n								<strong>公共設施：</strong>停車場、烤肉場地、寬頻上網。<br>\r\n										免費提供美味早餐服務。<br>\r\n										提供收費晚餐服務 (碗公飯)，需在訂房時同時預定。<br>\r\n										提供知本火車站接送服務。<br>\r\n										提供旅遊資訊服務。<br>\r\n										提供DIY體驗活動（酌收材料費，並需在訂房時同時預定）<br>\r\n										提供代辦汽、機車租賃服務。<br>\r\n\r\n							</div>\r\n							\r\n							<div id=\"price\"style=\"display:none; padding:1em\">\r\n										預約訂房後，請於第二天下午四點以前預付30﹪住房費用，春節預約訂房請預付全額住房費用，匯款完成後請與我們聯絡、\r\n										確認匯款完成後才算完成預約動作，此時我們將為您保留所有權益。<br>\r\n										反之，預約後第二天下午四點前未完成匯款動作者視同放棄，我們將把機會讓給下一位有緣人（不主動打擾通知催繳）敬請見諒。\r\n										因為顧及住宿體驗品質及房間數量有限，所以做此決定，如有造成您的不便之處請多海含！<br>\r\n									匯款郵局：竹北中山郵局<br>\r\n									戶　　名：溫瑞妍<br>\r\n									局　　號：0061342<br>\r\n									帳　　號：0032548<br>\r\n									匯款完成後，煩請來電告知，以便為您查詢款項是否轉帳成功，謝謝您。<br>\r\n\r\n							</div>\r\n							\r\n							<div id=\"notice\"style=\"display:none;padding:1em\">\r\n										進房時間：當日下午15:00以後；退房時間：翌日上午11:00以前。<br>\r\n										住時請記得出示您的證件，以便我們登記，在辦理登記的同時，也請您將住宿費一併繳交。<br>\r\n									為維護他人權益和住宿的品質，室內及屋簷下請勿吸煙、請勿攜帶寵物，不便處請見諒。<br>\r\n									為維護住宿安寧，請勿大聲喧嘩，並懇請共同維護環境的整潔。<br>\r\n									個人貴重物品、請自行妥善保管、如有遺失，恕不負責，敬請見諒。<br>\r\n									中途外出時請請自行將房門上鎖鑰匙使自行保管22:00前請回宿、退房時請將鑰匙交予民宿主人、上車前請再次確認東西是否帶齊。<br>\r\n									取消預約者，請於約定住宿日一週前告知，可保留訂金一年內擇期住宿有效或退還訂金（但須扣除手續費），由客人挑選。<br>\r\n										若遇天災不可抗拒交通中斷無法來訪者，將保留訂金一年內擇期住宿有效。<br>\r\n									如欲參加DIY體驗者請詳讀『庭翊』網站所提供的訊息內容，有不適合您的地方請勿來訪免得有失落感，這不是我們所樂見的，我\r\n										們希望的是您抱著希望來，懷抱著滿意離開。<br>\r\n									你猜當你想親自完成一個夢想時需要付出多少心力 ? 請用圓夢的心來感受我們每一處的用心。<br>\r\n\r\n							</div>\r\n					<div class=\"COL12\">\r\n					<h4 class=\"btn4\"style=\"display:none\"><a href=\"#tab\"><i class=\"fa fa-undo\" aria-hidden=\"true\"></i></a><br><br></h4>\r\n					</div>\r\n\r\n				</div>	\r\n\r\n\r\n	</div>\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(\".btn1\").click(function(){\r\n  \r\n \r\n\r\n  $(\"div#price\").hide();\r\n  $(\"div#notice\").hide();\r\n  $(\"div#about\").show();\r\n  });\r\n  \r\n  $(\".btn2\").click(function(){\r\n  $(\"div#about\").hide();\r\n $(\".btn4\").show();\r\n\r\n  $(\"div#price\").show();\r\n  $(\"div#notice\").hide();\r\n  });\r\n  \r\n  $(\".btn3\").click(function(){\r\n  $(\"div#about\").hide();\r\n	$(\".btn4\").show();\r\n\r\n  $(\"div#price\").hide();\r\n  $(\"div#notice\").show();\r\n  });\r\n$(\".btn4\").click(function(){\r\n  $(\".btn4\").hide();\r\n  $(\"div#about\").show();\r\n  $(\"div#price\").hide();\r\n  $(\"div#notice\").hide();\r\n  });\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n$(\"body > div:nth-child(3) > div > div > div.row.load > div\").removeClass(\'.col-md-10\');\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,1,NULL,NULL,'36.237.140.46',NULL,NULL,NULL,NULL,NULL,NULL),(995,'2017-12-08 12:32:32','2017-12-08 20:32:21',NULL,'2017-12-08 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	dfddfffd</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.172.228',NULL,NULL,NULL,NULL,NULL,NULL),(996,'2017-12-08 12:36:49','2017-12-08 20:36:31',NULL,'2017-12-08 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!-- Left to right-->\r\n<div class=\"row\">\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- normal -->\r\n    <div class=\"ih-item circle effect8 left_to_right\"><a href=\"#\">\r\n        <div class=\"img-container\">\r\n          <div class=\"img\"><img src=\"images/assets/4.jpg\" alt=\"img\"></div>\r\n        </div>\r\n        <div class=\"info-container\">\r\n          <div class=\"info\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end normal -->\r\n \r\n  </div>\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- colored -->\r\n    <div class=\"ih-item circle colored effect8 left_to_right\"><a href=\"#\">\r\n        <div class=\"img-container\">\r\n          <div class=\"img\"><img src=\"images/assets/5.jpg\" alt=\"img\"></div>\r\n        </div>\r\n        <div class=\"info-container\">\r\n          <div class=\"info\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end colored -->\r\n \r\n  </div>\r\n</div>\r\n<!-- end Left to right-->\r\n \r\n \r\n<!-- Right to left-->\r\n<div class=\"row\">\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- normal -->\r\n    <div class=\"ih-item circle effect8 right_to_left\"><a href=\"#\">\r\n        <div class=\"img-container\">\r\n          <div class=\"img\"><img src=\"images/assets/6.jpg\" alt=\"img\"></div>\r\n        </div>\r\n        <div class=\"info-container\">\r\n          <div class=\"info\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end normal -->\r\n \r\n  </div>\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- colored -->\r\n    <div class=\"ih-item circle colored effect8 right_to_left\"><a href=\"#\">\r\n        <div class=\"img-container\">\r\n          <div class=\"img\"><img src=\"images/assets/7.jpg\" alt=\"img\"></div>\r\n        </div>\r\n        <div class=\"info-container\">\r\n          <div class=\"info\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end colored -->\r\n \r\n  </div>\r\n</div>\r\n<!-- end Right to left-->\r\n \r\n \r\n<!-- Top to bottom-->\r\n<div class=\"row\">\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- normal -->\r\n    <div class=\"ih-item circle effect8 top_to_bottom\"><a href=\"#\">\r\n        <div class=\"img-container\">\r\n          <div class=\"img\"><img src=\"images/assets/1.jpg\" alt=\"img\"></div>\r\n        </div>\r\n        <div class=\"info-container\">\r\n          <div class=\"info\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end normal -->\r\n \r\n  </div>\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- colored -->\r\n    <div class=\"ih-item circle colored effect8 top_to_bottom\"><a href=\"#\">\r\n        <div class=\"img-container\">\r\n          <div class=\"img\"><img src=\"images/assets/2.jpg\" alt=\"img\"></div>\r\n        </div>\r\n        <div class=\"info-container\">\r\n          <div class=\"info\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end colored -->\r\n \r\n  </div>\r\n</div>\r\n<!-- end Top to bottom-->\r\n \r\n \r\n<!-- Bottom to top-->\r\n<div class=\"row\">\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- normal -->\r\n    <div class=\"ih-item circle effect8 bottom_to_top\"><a href=\"#\">\r\n        <div class=\"img-container\">\r\n          <div class=\"img\"><img src=\"images/assets/3.jpg\" alt=\"img\"></div>\r\n        </div>\r\n        <div class=\"info-container\">\r\n          <div class=\"info\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end normal -->\r\n \r\n  </div>\r\n  <div class=\"col-sm-6\">\r\n \r\n    <!-- colored -->\r\n    <div class=\"ih-item circle colored effect8 bottom_to_top\"><a href=\"#\">\r\n        <div class=\"img-container\">\r\n          <div class=\"img\"><img src=\"images/assets/4.jpg\" alt=\"img\"></div>\r\n        </div>\r\n        <div class=\"info-container\">\r\n          <div class=\"info\">\r\n            <h3>Heading here</h3>\r\n            <p>Description goes here</p>\r\n          </div>\r\n        </div></a></div>\r\n    <!-- end colored -->\r\n \r\n  </div>\r\n</div>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.172.228',NULL,NULL,NULL,NULL,NULL,NULL),(997,'2017-12-08 12:52:28','2017-12-08 20:51:20',NULL,'2017-12-08 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n.hover {position:relative;}\r\n\r\n.hover img {\r\n  position:absolute;\r\n  /* CSS3淡出淡入效果,1秒 */  -webkit-transition: opacity 1s ease-in-out;\r\n  -moz-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  width:500px;\r\n}\r\n\r\n.hover img:nth-of-type(2):hover{\r\n  opacity:0; /*滑鼠滑入時，透明度變0*/}</style>\r\n<div class=\"hover\">\r\n	<img src=\"/userUpload/images/Alanger/20151008_132123.jpg\" /> <img src=\"/userUpload/images/Alanger/20151008_132307.jpg\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.172.228',NULL,NULL,NULL,NULL,NULL,NULL),(998,'2017-12-08 12:53:16','2017-12-08 20:52:52',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">.hover {position:relative;}\r\n\r\n.hover img {\r\n  position:absolute;\r\n  /* CSS3淡出淡入效果,1秒 */  -webkit-transition: opacity 1s ease-in-out;\r\n  -moz-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  width:500px;\r\n}\r\n\r\n.hover img:nth-of-type(2):hover{\r\n  opacity:0; /*滑鼠滑入時，透明度變0*/}</style>\r\n<div class=\"hover\">\r\n	<img src=\"/userUpload/images/Alanger/20151008_132123.jpg\" /> <img src=\"/userUpload/images/Alanger/20151008_132307.jpg\" /></div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.172.228',NULL,NULL,NULL,NULL,NULL,NULL),(999,'0000-00-00 00:00:00','2017-12-08 20:53:24',NULL,'2017-12-08 00:00:00','2038-01-01 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n.hover {position:relative;}\r\n\r\n.hover img {\r\n  position:absolute;\r\n  /* CSS3淡出淡入效果,1秒 */  -webkit-transition: opacity 1s ease-in-out;\r\n  -moz-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  width:500px;\r\n}\r\n\r\n.hover img:nth-of-type(2):hover{\r\n  opacity:0; /*滑鼠滑入時，透明度變0*/}</style>\r\n<div class=\"hover\">\r\n	<img src=\"/userUpload/images/Alanger/20151008_132123.jpg\" /> <img src=\"/userUpload/images/Alanger/20151008_132307.jpg\" /></div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.172.228',NULL,NULL,NULL,NULL,NULL,NULL),(1000,'2017-12-09 03:01:42','2017-12-09 07:54:09',NULL,'2017-12-09 00:00:00','2038-01-01 00:00:00',185,244,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n			text-align: justify;\r\n			text-justify: inter-word;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n				\r\n		h2,h3,h4{\r\n				text-align: center;\r\n		}\r\n		\r\n		.smalltitle{\r\n				color:#ffa100;	\r\n		}\r\n		\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:1.2em;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.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		.block1 {\r\n				min-height:700px;\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/11.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		.block1 .box {\r\n				float: left;\r\n				min-height:700px;\r\n				margin-left: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/01-1.jpg\') ;\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: center;\r\n				background-size: cover;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 710px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 20px;\r\n				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:no-repeat;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n			\r\n			\r\n</style>\r\n\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	進入庭翊，<br>彷彿進入另一個客家風情地方，<br>映入眼簾的懷舊三合院、<br>古色古香的客家造型。<br>\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n<div class=\"STORY \"><!--STORY-->\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n		<div class=\"COL12 clearfix \">\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomInUp\">Story of Ting Yi</h4>\r\n                <h2 style=\"letter-spacing: .08em;font-weight: normal;\"class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">母親月</h4>\r\n                <hr class=\"style1 revealOnScroll\" data-animation=\"zoomInUp\">\r\n		\r\n		<div class=\"COL6\"><img src=\"/userUpload/images/10412126/14.jpg\" class=\"image-full \" data-animation=\"zoomIn\"></div>\r\n    	<div class=\"text COL6  revealOnScroll\" data-animation=\"zoomInUp\">\r\n                	\r\n							<table align=\"center\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 1000px\">\r\n	<tbody>\r\n		<tr>\r\n			<td style=\"text-align: center;\">\r\n				<span style=\"font-size:16px;\"><strong>入住時間</strong></span></td>\r\n			<td style=\"text-align: center;\">\r\n				<span style=\"font-size:16px;\"><strong>退住時間</strong></span></td>\r\n		</tr>\r\n		<tr>\r\n			<td>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div style=\"text-align: center;\">\r\n					<input name=\"u07\" placehoider=\"入住時間\" type=\"date\" /></div>\r\n			</td>\r\n			<td>\r\n				<div style=\"text-align: center;\">\r\n					&nbsp;</div>\r\n				<div style=\"text-align: center;\">\r\n					<input name=\"u07\" placehoider=\"入住時間\" type=\"date\" /></div>\r\n			</td>\r\n		</tr>\r\n	</tbody>\r\n</table>\r\n\r\n	<textarea class=\"form-control\" rows=\"3\"></textarea></p>\r\n\r\n						\r\n					\r\n					<hr>\r\n				</div>\r\n		\r\n			</div>\r\n		\r\n			<div class=\"row\">\r\n		\r\n	            <div class=\"col-md-12\">\r\n					\r\n<table align=\"center\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\" style=\"width: 1000px\">\r\n	<tbody>\r\n		<tr>\r\n			<td>\r\n				<div style=\"text-align: center;\">\r\n					<input name=\"room\" type=\"RADIO\" value=\"double room\" />雙人房</div>\r\n			</td>\r\n			<td>\r\n				<div style=\"text-align: center;\">\r\n					<div>\r\n						<p style=\"text-align: center;\">\r\n							<input name=\"room\" type=\"RADIO\" value=\"four room\" />四人房</p>\r\n					</div>\r\n				</div>\r\n			</td>\r\n		</tr>\r\n	</tbody>\r\n</table>\r\n\r\n\r\n						\r\n					\r\n					\r\n				</div>\r\n		\r\n			</div>\r\n		</div>\r\n	\r\n</div>		\r\n\r\n	<div class=\"block2 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX\"><!--box-->\r\n				<div class=\"COL12 clearfix\"style=\"padding:0;\"><img src=\"/userUpload/images/10412126/16.jpg\" class=\"image-full image-rounded \" data-animation=\"zoomIn\" ></div>\r\n            	<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n                	當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。\r\n    某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、\r\n    隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。\r\n     到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合\r\n\r\n                </div>\r\n                <div class=\"btn revealOnScroll\" data-animation=\"zoomIn\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=185&MK=185&PK=186\">LEARN MORE</a></div>\r\n            </div><!--box end-->\r\n     </div><!--blockarea end-->\r\n</div>\r\n<!-- <div class=\"STORY\"><!--STORY-->\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div class=\"COL12 clearfix\" style=\"background-image:url(/userUpload/images/10412126/goodnews.jpg);background-attachment:fixed;background-size:cover;\">\r\n			<div class=\"COL6 clearfix\"style=\"color:white;\"><img src=\"/userUpload/images/10412126/001(1).png\" class=\"image-full\">\r\n			<div class=\"clearfix\"style=\"font-size:1em;\">一處足於讓你流連忘返的老所在、可以點亮你的思路短暫的休息後從這裡再出發。</div>\r\n			<div class=\"clearfix\"style=\"font-size:1.2em;float:right;\"><br>-2017庭翊民宿</div>\r\n			</div>\r\n			<div class=\"COL6 clearfix\" style=\"float:right;padding:0;\">\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"style=\"color:black;font-size:3.5em;\"> 好康消息</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">Good news</h4>\r\n				</div>\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#e7e7e7;min-height:370px; data-animation=\"zoomInUp\">\r\n                	<p>庭翊週年慶\r\n						庭翊民宿 週年慶活動即將從7/1開跑為時兩個月，週年慶期間適逢暑假及台東最熱鬧的原民豐年祭慶典時間, 忙碌的您暫時放下手邊的工作來一趟後山之旅會有您意想不到的驚喜, 庭翊民宿特推出以下的優惠活動回饋大家\r\n						1 、即日起凡預定7/1-8/31日住宿者 , 住宿費不分平假日一律以當日報價9折優惠,\r\n						2 、入住完成登記後再送精美（手工包中）見面禮一顆（以房間為單位）計之\r\n						3 、凡集滿（庭翊民宿）贈送之手工見面禮（包中）5顆 即可兌換一間兩人房住宿一晚免費 , 兌換時間(無期限)\r\n						粉絲專頁：facebook\r\n\r\n						裡頭有更詳細的所有照片,並與我們互動\r\n\r\n						訂房專線：0932112028\r\n						歡迎好友大大們幫忙分享此好康訊息給您的好友們共同分享好康\r\n</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	\r\n</div>	\r\n\r\n		\r\n\r\n		\r\n		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.153.99',NULL,NULL,NULL,NULL,NULL,NULL),(1001,'2017-12-08 21:27:03','2017-12-09 05:26:47',NULL,'2017-12-09 00:00:00','2038-01-01 00:00:00',185,250,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n			text-align: justify;\r\n			text-justify: inter-word;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n				\r\n		h2,h3,h4{\r\n				text-align: center;\r\n		}\r\n		\r\n		.smalltitle{\r\n				color:#ffa100;	\r\n		}\r\n		\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:1.2em;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.COL12map{\r\n			width:100%;\r\n			\r\n			\r\n			\r\n		}\r\n		.COL6{\r\n			width:50%;\r\n			float:left;\r\n			padding:2em;\r\n			\r\n		}\r\n		.COL8{\r\n			width:65%;\r\n			padding:0.8em;\r\n			\r\n			\r\n		}\r\n		.clearfix:after {\r\n			  content: \".\";\r\n			  display: block;\r\n			  height: 0;\r\n			  clear: both;\r\n			  visibility: hidden;\r\n		}\r\n		\r\n		\r\n/***********blockarea***************/\r\n		.block1 {\r\n				min-height:700px;\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/map.PNG\');\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: bottom;\r\n				background-size: cover;\r\n		}\r\n		.block1 .box {\r\n				float: left;\r\n				min-height:700px;\r\n				margin-left: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/01-1.jpg\') ;\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: center;\r\n				background-size: cover;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 710px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 20px;\r\n				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			\r\n			.iframe-rwd {\r\n							position: relative;\r\n							padding-bottom: 400px;\r\n							padding-top: 0;\r\n							height: 0;\r\n							overflow: hidden;\r\n						}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:no-repeat;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n		\r\n			\r\n</style>\r\n\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	進入庭翊，<br>彷彿進入另一個客家風情地方，<br>映入眼簾的懷舊三合院、<br>古色古香的客家造型。<br>\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div class=\" clearfix\" style=\"background-image:url(/userUpload/images/10412126/goodnews.jpg);background-attachment:fixed;background-size:cover;\">\r\n\r\n			\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"style=\"color:black;font-size:3.5em;\"> LOCATION</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">交通位置</h4>\r\n				</div>\r\n				\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#e7e7e7;min-height:370px; data-animation=\"zoomInUp\">\r\n				\r\n                	<h2>聯絡我們</h2>\r\n			    <form method=\"post\" action=\"index.php?Act=185&PK=250&MK=185\">\r\n				<table class=\"table table-hover\">\r\n			    	<tr><td>姓名			<td><input type=\"text\" name=\"name\"  value=\"\" class=\"form-control\" />\r\n			    	<tr><td>email		<td><input type=\"text\" name=\"email\" value=\"\"  class=\"form-control\"/>\r\n			    	<tr><td>建議事項		<td><textarea name=\"message\" rows=\"8\" cols=\"30\" class=\"form-control\"></textarea>\r\n					<tr>\r\n						<td>驗證碼\r\n						<td>\r\n							<img id=\"captcha\" src=\"securimage/securimage_show.php\" alt=\"驗證碼圖片\" />\r\n							<br>\r\n							<input type=text required name=\"captchaCode\" size=\"10\" maxlength=\"6\" />\r\n							<a href=\"#\" onclick=\"document.getElementById(\'captcha\').src = \'securimage/securimage_show.php?\' + Math.random(); return false\">[ 看不清楚，換一張圖片 ]</a>\r\n			    	<tr><td>&nbsp;	<td><input type=\"submit\" name=\"btsendmail\" value=\"送出訊息\" />			\r\n				\r\n				</table>\r\n			    </form>\r\n\r\n</p>\r\n				</div>\r\n			\r\n		</div>\r\n	\r\n</div>	\r\n<div class=\"STORY \"><!--STORY-->\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n	\r\n\r\n	<div class=\"block2 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX\"><!--box-->\r\n				<div class=\"COL12 clearfix\"style=\"padding:0;\"><img src=\"/userUpload/images/10412126/16.jpg\" class=\"image-full image-rounded \" data-animation=\"zoomIn\" ></div>\r\n            	<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n                	當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。\r\n    某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、\r\n    隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。\r\n     到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合\r\n\r\n                </div>\r\n                <div class=\"btn revealOnScroll\" data-animation=\"zoomIn\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=185&MK=185&PK=186\">LEARN MORE</a></div>\r\n            </div><!--box end-->\r\n     </div><!--blockarea end-->\r\n</div>\r\n<!-- <div class=\"STORY\"><!--STORY-->\r\n		\r\n\r\n		\r\n		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.153.99',NULL,NULL,NULL,NULL,NULL,NULL),(1002,'2017-12-08 21:27:32','2017-12-09 05:27:11',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',185,250,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n			text-align: justify;\r\n			text-justify: inter-word;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n				\r\n		h2,h3,h4{\r\n				text-align: center;\r\n		}\r\n		\r\n		.smalltitle{\r\n				color:#ffa100;	\r\n		}\r\n		\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:1.2em;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.COL12map{\r\n			width:100%;\r\n			\r\n			\r\n			\r\n		}\r\n		.COL6{\r\n			width:50%;\r\n			float:left;\r\n			padding:2em;\r\n			\r\n		}\r\n		.COL8{\r\n			width:65%;\r\n			padding:0.8em;\r\n			\r\n			\r\n		}\r\n		.clearfix:after {\r\n			  content: \".\";\r\n			  display: block;\r\n			  height: 0;\r\n			  clear: both;\r\n			  visibility: hidden;\r\n		}\r\n		\r\n		\r\n/***********blockarea***************/\r\n		.block1 {\r\n				min-height:700px;\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/map.PNG\');\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: bottom;\r\n				background-size: cover;\r\n		}\r\n		.block1 .box {\r\n				float: left;\r\n				min-height:700px;\r\n				margin-left: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/01-1.jpg\') ;\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: center;\r\n				background-size: cover;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 710px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 20px;\r\n				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			\r\n			.iframe-rwd {\r\n							position: relative;\r\n							padding-bottom: 400px;\r\n							padding-top: 0;\r\n							height: 0;\r\n							overflow: hidden;\r\n						}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:no-repeat;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n		\r\n			\r\n</style>\r\n\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	進入庭翊，<br>彷彿進入另一個客家風情地方，<br>映入眼簾的懷舊三合院、<br>古色古香的客家造型。<br>\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div class=\" clearfix\" style=\"background-image:url(/userUpload/images/10412126/goodnews.jpg);background-attachment:fixed;background-size:cover;\">\r\n\r\n			\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"style=\"color:black;font-size:3.5em;\"> LOCATION</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">交通位置</h4>\r\n				</div>\r\n				\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#e7e7e7;min-height:370px; data-animation=\"zoomInUp\">\r\n				\r\n                	<h2>聯絡我們</h2>\r\n			    <form method=\"post\" action=\"index.php?Act=185&PK=250&MK=185\">\r\n				<table class=\"table table-hover\">\r\n			    	<tr><td>姓名			<td><input type=\"text\" name=\"name\"  value=\"\" class=\"form-control\" />\r\n			    	<tr><td>email		<td><input type=\"text\" name=\"email\" value=\"\"  class=\"form-control\"/>\r\n			    	<tr><td>建議事項		<td><textarea name=\"message\" rows=\"8\" cols=\"30\" class=\"form-control\"></textarea>\r\n					<tr>\r\n						<td>驗證碼\r\n						<td>\r\n							<img id=\"captcha\" src=\"securimage/securimage_show.php\" alt=\"驗證碼圖片\" />\r\n							<br>\r\n							<input type=text required name=\"captchaCode\" size=\"10\" maxlength=\"6\" />\r\n							<a href=\"#\" onclick=\"document.getElementById(\'captcha\').src = \'securimage/securimage_show.php?\' + Math.random(); return false\">[ 看不清楚，換一張圖片 ]</a>\r\n			    	<tr><td>&nbsp;	<td><input type=\"submit\" name=\"btsendmail\" value=\"送出訊息\" />			\r\n				\r\n				</table>\r\n			    </form>\r\n\r\n</p>\r\n				</div>\r\n			\r\n		</div>\r\n	\r\n</div>	\r\n<div class=\"STORY \"><!--STORY-->\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n	\r\n\r\n	<div class=\"block2 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX\"><!--box-->\r\n				<div class=\"COL12 clearfix\"style=\"padding:0;\"><img src=\"/userUpload/images/10412126/16.jpg\" class=\"image-full image-rounded \" data-animation=\"zoomIn\" ></div>\r\n            	<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n                	當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。\r\n    某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、\r\n    隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。\r\n     到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合\r\n\r\n                </div>\r\n                <div class=\"btn revealOnScroll\" data-animation=\"zoomIn\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=185&MK=185&PK=186\">LEARN MORE</a></div>\r\n            </div><!--box end-->\r\n     </div><!--blockarea end-->\r\n</div>\r\n<!-- <div class=\"STORY\"><!--STORY-->\r\n		\r\n\r\n		\r\n		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.153.99',NULL,NULL,NULL,NULL,NULL,NULL);
INSERT INTO `nttucloud2017_main` VALUES (1003,'2017-12-08 21:27:34','2017-12-09 05:27:23',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',185,250,NULL,NULL,NULL,NULL,NULL,512,NULL,NULL,NULL,'',NULL,'\r\n<style>	\r\n	\r\n	.container-fluid {\r\n			width: -webkit-fill-available;\r\n			padding-right: 15px;\r\n			padding-left: 15px;\r\n			margin-right: auto;\r\n			margin-left: auto;\r\n		}\r\n\r\n	body{\r\n			background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n			background-attachment:scroll;\r\n			text-align: justify;\r\n			text-justify: inter-word;\r\n		\r\n		\r\n		}\r\n	/*************************navbar***********************/\r\n		body > div:nth-child(1){	margin: 0;}\r\n		\r\n		div.navbar.navbar-default.load {\r\n		right: 0;\r\n		left: 0;\r\n		z-index: 1030;\r\n		position: fixed;\r\n		top: 0;\r\n		z-index:9999;}\r\n		\r\n	.navbar-default {\r\n			\r\n			height:auto;\r\n			background-color: rgba(0, 0, 0,0.4);\r\n			border-color: rgba(0, 0, 0,0);\r\n			transition: all 0.5s ease;\r\n		 \r\n			}\r\n			\r\n	.navbar-default .navbar-nav>li>a {\r\n			color:rgba(255,255,255,1);\r\n			font-size:18px;\r\n			\r\n		}\r\n		.navbar-default2 {\r\n			font-size:16px;\r\n			color:black;\r\n			height:autopx;\r\n			background-color: rgba(255, 255, 255,1);\r\n			border-color: rgba(0, 0, 0,0.4);\r\n			box-shadow: 0 2px 5px rgba(126, 126, 126, 0.68);\r\n		 \r\n			}\r\n		\r\n		.navbar-default2 .navbar-nav>li>a {\r\n			color:rgba(0,0,0,1);\r\n			\r\n		}\r\n		.nav000 {\r\n				display:none;\r\n				color:black;\r\n				float: left;\r\n				height: 50px;\r\n				padding: 15px 15px;\r\n				font-size: 18px;\r\n				line-height: 20px;\r\n\r\n			}\r\n/****************************************************/		\r\n	.row {\r\n			display: -ms-flexbox;\r\n			-ms-flex-wrap: wrap;\r\n			flex-wrap: wrap;\r\n			\r\n			margin-right: -12px;\r\n			margin-left: -12px;\r\n		}\r\n	\r\n		\r\n		 \r\n		.row {\r\n			\r\n		}\r\n		\r\n		div.col-md-12.load{\r\n			margin:0;\r\n			padding-right: 0;\r\n			padding-left: 0;\r\n				}\r\n		.bgw{background-color:rgba(255,255,255,0);}\r\n			container-fluid{\r\n			margin-top:5px;\r\n		}\r\n		footer{\r\n			margin-top:-10px;\r\n			color:white;\r\n			background-color:rgba(0, 0, 0,1);}\r\n/************body*****************/\r\n		*{font-family: \"微軟正黑體\", \"新細明體\", sans-serif;}\r\n		body{\r\n		\r\n		\r\n		position: relative;\r\n			padding: 0;}\r\n		\r\n		div {\r\n				display: block;\r\n			}\r\n		.btn{display: block;}\r\n\r\n		.BDBOX {\r\n		  -webkit-box-sizing: border-box;\r\n			 -moz-box-sizing: border-box;\r\n				  box-sizing: border-box;\r\n				}\r\n		\r\n		.clearfix2 {\r\n			  overflow: auto;\r\n			}\r\n		.clearfix:after {\r\n			content: \".\";\r\n			display: block;\r\n			height: 0;\r\n			clear: both;\r\n			visibility: hidden;\r\n		}\r\n		\r\n		.p1{\r\n			    position: absolute;\r\n				top: 0;\r\n				left: 0px;\r\n				width: 100px;\r\n				}\r\n				\r\n		h2,h3,h4{\r\n				text-align: center;\r\n		}\r\n		\r\n		.smalltitle{\r\n				color:#ffa100;	\r\n		}\r\n		\r\n		h2 {\r\n			margin-bottom: 30px;\r\n			padding-top: 0;\r\n			color: #000;\r\n			text-align: center;\r\n		}\r\n		\r\n		p{\r\n			font-size:18px;\r\n		}\r\n		\r\n		.text{\r\n			line-height:3;\r\n			font-size:1.2em;\r\n		}\r\n		.mainarea {\r\n			position:relative;\r\n			padding: 0;\r\n			margin-top: -112px;\r\n			background: #FFF;\r\n			}\r\n		.image-full\r\n		{\r\n			display: block;\r\n			width: 100%;\r\n			margin: 0 0 0 0;\r\n		}\r\n		.image-rounded\r\n		{\r\n			border-radius: 10%;\r\n		}\r\n/**************************************************/\r\n		.COL4{\r\n			width:33.333%;\r\n			float:left;\r\n			padding:1em 0.5em;\r\n		}\r\n		.COL3{\r\n			width:25%;\r\n			float:left;\r\n			padding:1em 1.5em;\r\n			\r\n		}\r\n		.COL12{\r\n			width:100%;\r\n			padding:2em;\r\n			\r\n			\r\n		}\r\n		.COL12map{\r\n			width:100%;\r\n			\r\n			\r\n			\r\n		}\r\n		.COL6{\r\n			width:50%;\r\n			float:left;\r\n			padding:2em;\r\n			\r\n		}\r\n		.COL8{\r\n			width:65%;\r\n			padding:0.8em;\r\n			\r\n			\r\n		}\r\n		.clearfix:after {\r\n			  content: \".\";\r\n			  display: block;\r\n			  height: 0;\r\n			  clear: both;\r\n			  visibility: hidden;\r\n		}\r\n		\r\n		\r\n/***********blockarea***************/\r\n		.block1 {\r\n				min-height:700px;\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/map.PNG\');\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: bottom;\r\n				background-size: cover;\r\n		}\r\n		.block1 .box {\r\n				float: left;\r\n				min-height:700px;\r\n				margin-left: 12%;\r\n				width: 410px;\r\n				background: rgba(0,0,0,0.6);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		.block2 {\r\n				clear: both;\r\n				background: url(\'/userUpload/images/10412126/01-1.jpg\') ;\r\n				background-repeat: no-repeat;\r\n				background-attachment: fixed;\r\n				background-position: center;\r\n				background-size: cover;\r\n		}\r\n		.block2 .box {\r\n				float: right;\r\n				margin-right: 12%;\r\n				width: 710px;\r\n				background: rgba(0,0,0,0.7);\r\n				padding: 150px 30px 60px 30px;\r\n		}\r\n		\r\n		.block1 .text, .block2 .text {\r\n				margin-top: 30px;\r\n				font-size: 20px;\r\n				font-family: \"微軟正黑體\", \"新細明體\", sans-serif;\r\n				color: #FFF;\r\n				line-height: 1.8;\r\n			}\r\n		.block1 .btn a:hover, .block2 .btn a:hover {\r\n				border: 1px solid #a27c48;\r\n				background: #a27c48;\r\n				color: #FFF;\r\n			}\r\n		.block1 .btn a, .block2 .btn a {\r\n				display: inline-block;\r\n				padding: 10px 15px;\r\n				border: 1px solid #FFF;\r\n				font-size: 12px;\r\n				color: #FFF;\r\n				text-transform: uppercase;\r\n			}\r\n			@media screen and (max-width: 480px){\r\n\r\n			.block1 .box, .block2 .box ,.COL6,.COL4{\r\n				width: 100%;\r\n				margin: 0;\r\n				line-height:2;\r\n							}\r\n			.COL4{ padding:15px;}\r\n			\r\n			.iframe-rwd {\r\n							position: relative;\r\n							padding-bottom: 400px;\r\n							padding-top: 0;\r\n							height: 0;\r\n							overflow: hidden;\r\n						}\r\n			\r\n			\r\n			}\r\n		\r\n/*******************標題美化*************/\r\n		.title1area {\r\n				width: 100%;\r\n				height: auto;\r\n				text-align: center;\r\n				padding: 60px 0 0 0;\r\n				overflow: hidden;\r\n				box-sizing: border-box;\r\n				background-color: rgba(0,0,0,0);\r\n			}\r\n		\r\n		.title1area .smalltitle {\r\n		\r\n				color: #e7b623;\r\n				margin-bottom: 5px;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				font-size: 22px;\r\n				\r\n			}\r\n		.title1area .bigtitle {\r\n				position: relative;\r\n				font-weight: 100;\r\n				letter-spacing: .06em;\r\n				text-transform: uppercase;\r\n				color:#ffa100;\r\n				font-size: 1.5em;\r\n				margin-bottom: 50px;\r\n			}\r\n		.title1area .bigtitle:before, .title1area .bigtitle:after {\r\n				content: \'\';\r\n				position: absolute;\r\n				top: 50%;\r\n				transform: translateY(-50%);\r\n				width: calc((100% - 200px) / 2);\r\n				height: 2px;\r\n				background: rgba(255, 255, 255, 0.9);\r\n			}\r\n			\r\n		.title1area .bigtitle:before {\r\n				left: 0;\r\n			}\r\n		.title1area .bigtitle:after {\r\n				right: 0;\r\n			}\r\n/*******************STORYAREA****************************/\r\n\r\n		.STORY {	\r\n				position:relative;\r\n				clear: both;\r\n				background-image:url(\'/userUpload/images/10412126/wall.jpg\');\r\n				background-repeat:no-repeat;\r\n				background-attachment:scroll;\r\n				padding:  0;\r\n				\r\n			}\r\n		\r\n		div.STORY > div.COL12.clearfix2 > div.text.COL6{\r\n		\r\n				border-bottom: 1px dashed #ae1d49;\r\n				padding: 0.5em;\r\n		}\r\n		\r\n		body > div.STORY > div.COL4{\r\n				;\r\n				background-color:#e9ecef;\r\n				padding: 20px 0;}\r\n		.content{\r\n				\r\n				background-color: #ced4da;\r\n				padding:30px;\r\n		}\r\n		@media screen and (max-width: 640px){\r\n\r\n			.STORY div.COL4 {\r\n				float: none;\r\n				padding: 10px;\r\n				width: 100%;\r\n			}\r\n			@media screen and (min-width: 768px){\r\n				#nav2{display:none;}\r\n			\r\n			}\r\n			\r\n		body > div.STORY > div.COL4{\r\n				\r\n				background-color:#e9ecef;\r\n				}\r\n		body > div > div.STORY > div{ padding:20px; }\r\n			}\r\n		\r\n			\r\n</style>\r\n\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\"/>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script>\r\n\r\n\r\n\r\n<div class=\"mainarea\">\r\n<div class=\"block1 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX \"><!--box-->\r\n            \r\n				<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text  revealOnScroll\" data-animation=\"zoomIn\" >\r\n                	進入庭翊，<br>彷彿進入另一個客家風情地方，<br>映入眼簾的懷舊三合院、<br>古色古香的客家造型。<br>\r\n\r\n                </div>\r\n                <!-- <div class=\"btn\"><a href=\"#\">LEARN MORE</a></div> -->\r\n            </div><!--box end-->\r\n        </div><!--blockarea end-->\r\n\r\n<div class=\"GOODNEWS \"><!--STORY-->\r\n		\r\n		\r\n		<div class=\" clearfix\" style=\"background-image:url(/userUpload/images/10412126/goodnews.jpg);background-attachment:fixed;background-size:cover;\">\r\n\r\n			\r\n				<div class=\"COL12 title1area clearfix\" style=\"background-color:white;\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"style=\"color:black;font-size:3.5em;\"> LOCATION</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">交通位置</h4>\r\n				</div>\r\n				\r\n				<div class=\"text COL12 clearfix revealOnScroll\"style=\"background-color:#e7e7e7;min-height:370px; data-animation=\"zoomInUp\">\r\n				\r\n                	<h2>聯絡我們</h2>\r\n			    <form method=\"post\" action=\"index.php?Act=185&PK=250&MK=185\">\r\n				<table class=\"table table-hover\">\r\n			    	<tr><td>姓名			<td><input type=\"text\" name=\"name\"  value=\"\" class=\"form-control\" />\r\n			    	<tr><td>email		<td><input type=\"text\" name=\"email\" value=\"\"  class=\"form-control\"/>\r\n			    	<tr><td>建議事項		<td><textarea name=\"message\" rows=\"8\" cols=\"30\" class=\"form-control\"></textarea>\r\n					<tr>\r\n						<td>驗證碼\r\n						<td>\r\n							<img id=\"captcha\" src=\"securimage/securimage_show.php\" alt=\"驗證碼圖片\" />\r\n							<br>\r\n							<input type=text required name=\"captchaCode\" size=\"10\" maxlength=\"6\" />\r\n							<a href=\"#\" onclick=\"document.getElementById(\'captcha\').src = \'securimage/securimage_show.php?\' + Math.random(); return false\">[ 看不清楚，換一張圖片 ]</a>\r\n			    	<tr><td>&nbsp;	<td><input type=\"submit\" name=\"btsendmail\" value=\"送出訊息\" />			\r\n				\r\n				</table>\r\n			    </form>\r\n\r\n</p>\r\n				</div>\r\n			\r\n		</div>\r\n	\r\n</div>	\r\n<div class=\"STORY \"><!--STORY-->\r\n		<div ><img class=\"p1 revealOnScroll\" data-animation=\"zoomIn\" src=\"/userUpload/images/10412126/002-1.png\"></div>\r\n		\r\n	\r\n\r\n	<div class=\"block2 clearfix\"><!--blockarea-->\r\n			<div class=\"box BDBOX\"><!--box-->\r\n				<div class=\"COL12 clearfix\"style=\"padding:0;\"><img src=\"/userUpload/images/10412126/16.jpg\" class=\"image-full image-rounded \" data-animation=\"zoomIn\" ></div>\r\n            	<div class=\"title1area\" >\r\n                <h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\"> 庭翊民宿</h4>\r\n                <h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">WELCOME</h4>\r\n				</div>\r\n                <div class=\"text revealOnScroll\" data-animation=\"zoomIn\">\r\n                	當您入住庭翊民宿完成住房手續之後即可獲得一顆民宿主人以客家花布手工製作的好運粽一顆（一個房間一顆）集滿5顆可兌換一間雙人房免費住宿一晚。\r\n    某年的某一天有一隊看得出心情不是很OK的夫妻揩著好友一同入住、依照慣例送他一顆好運粽第二天得知他們結婚數年了一直沒有愛的結晶感情快亮紅燈了、我們也只能安慰他們什麼忙也幫不上當早餐後看著他們離開、之後我們心裡老滴估著希望不要出什麼是才好、、、\r\n    隔年發生日簡訊給她竟然收到回覆告訴我 她收到好運粽回去後很快就有喜了還生下個龍兒我們都替他高興啊！他將好運粽一直掛在床頭上希望給她們一直帶來好運。\r\n     到庭翊民宿住宿得到好運粽的東大甄面試學生到目前為止全數過關、這是緣分還是巧合\r\n\r\n                </div>\r\n                <div class=\"btn revealOnScroll\" data-animation=\"zoomIn\"><a href=\"http://ecloud.ewang.com.tw/index.php?Act=185&MK=185&PK=186\">LEARN MORE</a></div>\r\n            </div><!--box end-->\r\n     </div><!--blockarea end-->\r\n</div>\r\n<!-- <div class=\"STORY\"><!--STORY-->\r\n		\r\n\r\n		\r\n		\r\n</div>	\r\n<script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script>\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(document).ready(function(){\r\n$(\"div h2.text-center\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(1)\").hide();\r\n$(\"div hr\").hide();\r\n$(\"body > div:nth-child(1) > div > div:nth-child(2)\").hide();\r\n\r\n$(\"div hr.style1\").show();\r\n$(\"div hr.style3\").show();\r\n\r\n\r\n\r\n});\r\n\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n			$(\'a.navbar-brand\').addClass(\'nav000\');\r\n			$(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n			\r\n			\r\n			\r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n			$(\' a.nav000\').addClass(\'navbar-brand\');\r\n			$(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n</script>\r\n<script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script>\r\n\r\n<script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script>\r\n\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.153.99',NULL,NULL,NULL,NULL,NULL,NULL),(1004,'2017-12-12 02:47:06','2017-12-12 10:10:25',NULL,'2017-12-10 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div id=\"header-wrapper\">\r\n	<div data-aos=\"fade-right\" id=\"banner-wrapper\">\r\n		<div class=\"row\" id=\"banner\">\r\n			<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n				<div class=\"title\">\r\n					<h2>\r\n						芳林的故事</h2>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<span class=\"byline\">The story of FAN</span><span style=\"font-size: 1.3em;\">G LIN ORCHARD</span></p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"fade-left\" data-aos-duration=\"1700\" id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\" style=\"text-align: center;\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" style=\"text-align: center;\">\r\n				<h22>故事的開始</h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\">\r\n				<span style=\"background-color: transparent; color: black; font-family: Calibri; font-size: 12pt; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"C:\\Users\\User\\AppData\\Local\\Microsoft\\Windows\\INetCache\\Content.Word\\芭樂樹.jpg&amp;quot; class=&quot; image-responsive=&quot;&quot; img-rounded=&quot;&quot; img=&quot;&quot; &quot;=&quot;&quot; data-cke-saved-src=&quot;&amp;quot;https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" class=\"&quot;image-responsive\" height:=\"&quot;600px;&quot;\" img=\"\" img-rounded=\"\" src=\"https://lh3.googleusercontent.com/UaDu3IAjlrAtgZzkCG-6mlW0B3bIEKVuLMF_dDskIn4vAmOwwuS3x0xjwEWE3E5-lDi_J0MOg3dzAYGnwfpyvX-c3cJiHyedbU2rfzLHt0s9WbugnKMCfoFO4us0PS4AcCCKbXrJXdZSdfi_Gg\" style=\"float: left; height: 345px; width: 460px;\" /></span></div>\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<h31>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生 計並能善盡孝道....</h31></div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n			&nbsp;</div>\r\n	</div>\r\n	<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<h31>對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及 專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。鄭宗林積極學習參加 農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開 始種植珍珠芭樂。</h31>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<h31>2014年 承租到位於 高雄市岡山區 阿公店水庫 水源保護區下方的一塊 2.5公頃環境優美 生態自然豐 富的農地，成立了（芳林 農園）。返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土 壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關 課程。除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努 力，新手也可以闖出一片天。</h31>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"zoom-in\" data-aos-duration=\"1700\" id=\"welcome\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1000\" style=\"text-align: center;\">\r\n				<h23><strong><span style=\"color:#ff0000;\">芳林芭樂果園 鄭宗林</span></strong></h23></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\" data-aos-duration=\"1000\" style=\"text-align: center;\">\r\n				<img alt=\"\" src=\"/userUpload/images/10512106/%E7%B0%A1%E4%BB%8B.jpg\" style=\"height: 600px; width: 338px;\" /><img alt=\"\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\" style=\"height: 600px; width: 338px;\" /></div>\r\n		</div>\r\n		<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<h33><span style=\"color:#000000;\">經歷 ：</span></h33></div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<span style=\"color:#000000;\"><span style=\"font-size: 16pt;\">。行政院農委會 第一屆 百大青年農民</span></span></div>\r\n		<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n			<h33><span style=\"color:#000000;\">。高雄市農業局 高雄型農<br />\r\n			。培訓班 高雄型農精英班<br />\r\n			。高雄市青年農民聯誼會會長</span></h33></div>\r\n	</div>\r\n</div>\r\n<div data-aos=\"fade-right\" data-aos-duration=\"1700\" id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-1 col-sm-1 col-xs-1\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-10 col-sm-10 col-xs-10\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" style=\"text-align: center;\">\r\n				<h22>芳林的品質保證</h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<h31>優質的保證，讓人人都想品嘗這個美味</h31></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" id=\"wrappera\">\r\n				<h4>\r\n					&nbsp;</h4>\r\n			</div>\r\n			<div class=\"title col-md-6 col-sm-6 col-xs-12\">\r\n				<div class=\"title col-md-12 col-sm-12 col-xs-12\" data-aos-duration=\"1200\" image-responsive=\"\" img=\"\" img-rounded=\"\">\r\n					<div dir=\"ltr\" style=\"line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt;\">\r\n						<span><span style=\"background-color: transparent; color: black; font-family: Calibri; font-size: 12pt; vertical-align: baseline; white-space: pre-wrap;\"><img alt=\"\" src=\"/userUpload/images/10512106/S_7032553691111.jpg\" style=\"height: 267px; width: 250px; float: left;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89573.jpg\" style=\"width: 250px; height: 267px; float: left;\" /><img alt=\"\" src=\"/userUpload/images/10512106/89572.jpg\" style=\"height: 267px; width: 250px;\" /></span></span></div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n	&nbsp;</div>\r\n<hr />\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	<link href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n<style>				                body\r\n                                                {\r\n							height: 100%;\r\n						}\r\n						.bgw{\r\n						\r\n						background-color:green;\r\n						}\r\n						body\r\n						{\r\n							margin: 0px;\r\n							padding: 0px;\r\n							background: #181818;\r\n							font-family: Microsoft JhengHei,\'Didact Gothic\', sans-serif;\r\n							font-size: 16pt;\r\n							font-weight: 200;\r\n							color: #FFF;\r\n						}\r\n						\r\n						\r\n						h1, h2, h3,h4\r\n						{\r\n							margin: 0;\r\n							padding: 0;\r\n						}\r\n						\r\n						p, ol, ul\r\n						{\r\n							margin-top: 0;\r\n						}\r\n						\r\n						ol, ul\r\n						{\r\n							padding: 0;\r\n							list-style: none;\r\n						}\r\n						\r\n						p\r\n						{\r\n							line-height: 180%;\r\n							font-size: 12pt;\r\n						}\r\n						\r\n						h5\r\n						{\r\n							font-size: 2.5em;\r\n							text-align: center;\r\n							}\r\n						\r\n						/* 未連結 */\r\n						.a\r\n						{	\r\n							font-weight:bold;\r\n							color: #000000;\r\n						}\r\n						/* 已連結過 */\r\n						a:visited\r\n						{\r\n							color: #FF0040;\r\n						}\r\n						/* 滑鼠移至連結 */\r\n						a:hover\r\n						{\r\n							color: #635e5d;\r\n						}\r\n						/* 選擇的連結 */\r\n						a:active\r\n						{\r\n							color: #ff8300;\r\n						}\r\n						\r\n						/* 未連結 */\r\n						a2\r\n						{\r\n							color:#ffffff;\r\n						}\r\n						/* 已連結過 */\r\n						a2:visited\r\n						{\r\n							color: #FF0040;\r\n						}\r\n						/* 滑鼠移至連結 */\r\n						a2:hover\r\n						{\r\n							color: #635e5d;\r\n						}\r\n						/* 選擇的連結 */\r\n						a2:active\r\n						{\r\n							color: #ff8300;\r\n						}\r\n						\r\n						.container-fluid\r\n						{\r\n							overflow: hidden;\r\n							margin: 70px auto;\r\n							\r\n						}\r\n						\r\n					/*********************************************************************************/\r\n					/* Image Style                                                                   */\r\n					/*********************************************************************************/\r\n\r\n						.image\r\n						{\r\n							display: inline-block;\r\n						}\r\n						\r\n						.image img\r\n						{\r\n							display: block;\r\n							width: 100%;\r\n						}\r\n						\r\n						.image-full\r\n						{\r\n							display: block;\r\n							width: 100%;\r\n							margin: 0 0 2em 0;\r\n						}\r\n						\r\n						.image-left\r\n						{\r\n							float: left;\r\n							margin: 0 2em 2em 0;\r\n						}\r\n						\r\n						.image-centered\r\n						{\r\n							display: block;\r\n							margin: 0 0 2em 0;\r\n						}\r\n						\r\n						.image-centered img\r\n						{\r\n							margin: 0 auto;\r\n							width: auto;\r\n						}\r\n\r\n					/*********************************************************************************/\r\n					/* List Styles                                                                   */\r\n					/*********************************************************************************/\r\n\r\n						ul.style1\r\n						{\r\n						}\r\n						\r\n						ul.actions\r\n						{\r\n						}\r\n						\r\n						ul.actions li\r\n						{\r\n							display: inline-block;\r\n							padding: 0em 0.50em;\r\n						}\r\n\r\n\r\n					/*********************************************************************************/\r\n					/* Button Style                                                                  */\r\n					/*********************************************************************************/\r\n\r\n						.button\r\n						{\r\n							display: inline-block;\r\n							padding: 1em 2em 1em 2em;\r\n							letter-spacing: 0.10em;\r\n							margin-left: auto;\r\n							margin-right: auto;\r\n							\r\n							border-radius: 6px;\r\n							text-decoration: none;\r\n							font-weight: 700;\r\n							font-size: 1em;\r\n							\r\n							 text-align:center;\r\n						}\r\n						\r\n						.button-alt\r\n						{\r\n							padding: 1em 2em;\r\n							border-color: rgba(0,0,0,.8);\r\n						}\r\n							\r\n					\r\n					/*********************************************************************************/\r\n					/* Heading Titles                                                                */\r\n					/*********************************************************************************/\r\n						h1{vertical-align:text-top;}\r\n						\r\n						h2 \r\n						{\r\n							font-size: 1.8em;\r\n							\r\n							}\r\n						h2 \r\n						{\r\n							font-size: 1.8em;\r\n							text-weight:700;\r\n							}\r\n						h32\r\n						{\r\n						color: rgba(0,0,0,1);\r\n						font-size: 1em;\r\n						}\r\n						h3\r\n						{\r\n						color: rgba(255,255,255,1);\r\n						font-size: 1em;\r\n						}\r\n						h21 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						h22 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(0,0,0,1);\r\n							}\r\n						h5 \r\n						{\r\n							font-size: 1.3em;\r\n							color: rgba(255,255,255,1);\r\n							}\r\n						.byline\r\n						{\r\n							font-size: 0.7em;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n						\r\n						.byline2{\r\n						font-size: 0.7em;\r\n							color: rgba(0,0,0,1);\r\n						}\r\n					/*********************************************************************************/\r\n					/* Welcome                                                                       */\r\n					/*********************************************************************************/\r\n						#welcome\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #98fb98;\r\n							background-size: cover;\r\n							text-align: left;\r\n						}\r\n						\r\n						#welcome .container\r\n						{\r\n							width: 1000px;\r\n							padding: 0px 100px;\r\n							color: rgba(255,255,255,0.8);\r\n						}\r\n						\r\n						\r\n						#welcome .button\r\n						{\r\n							background: #FFF;\r\n							color: #3f0900;\r\n							text-align: center;\r\n							\r\n						}\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#wrapper\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n							background: #FFF;\r\n							color:black;\r\n							text-align:left;\r\n						}\r\n						#wrappera\r\n						{\r\n							\r\n							text-align:center;\r\n						}\r\n					/*********************************************************************************/\r\n					/* Header                                                                        */\r\n					/*********************************************************************************/\r\n						#header-wrapper\r\n						{\r\n							position: relative;\r\n							padding: 3em 0em 0em 0em;\r\n							background: rgb(0,128,0) url(/userUpload/images/10512106/S_7032526969310.jpg) no-repeat center;\r\n							background-size:50% 100%;\r\n						}\r\n\r\n						#header\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n						}\r\n					/*********************************************************************************/\r\n					/* Logo                                                                          */\r\n					/*********************************************************************************/\r\n						#logo\r\n						{\r\n							position: absolute;\r\n							top: 2.5em;\r\n							left: 0.6em;\r\n						}\r\n						\r\n						#logo h1\r\n						{\r\n							font-size: 1.8em;\r\n							color: #79C255;\r\n						}\r\n						\r\n						#logo a\r\n						{\r\n							text-decoration: none;\r\n							color: rgba(255,255,255,1);\r\n						}\r\n\r\n					\r\n					/*********************************************************************************/\r\n					/* Banner                                                                        */\r\n					/*********************************************************************************/\r\n						#banner-wrapper\r\n						{\r\n							padding: 2em 0em;\r\n							background: rgba(0,128,0);\r\n						}\r\n\r\n						#banner\r\n						{\r\n							text-align: center;\r\n						}\r\n						\r\n						#banner .title h2\r\n						{\r\n							font-size: 2em;\r\n						}\r\n						\r\n						#banner .title .byline\r\n						{\r\n							font-size: 1.3em;\r\n						}\r\n						\r\n						#banner .button\r\n						{\r\n							margin-top: 2em;\r\n							padding: 1.40em 3em;\r\n							border-radius: 6px;\r\n							font-weight: 700;\r\n							font-size: 1em;\r\n							\r\n						}\r\n						\r\n						.banner\r\n						{\r\n							margin-bottom: 5em;\r\n						}	</style>\r\n</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.230.121.142',NULL,NULL,NULL,NULL,NULL,NULL),(1005,'2017-12-12 13:04:45','2017-12-12 21:04:45',NULL,'2017-09-21 00:00:00','2038-01-01 00:00:00',122,281,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'「阿比野台戲」自然生態飲食創作活動',NULL,'<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">「阿比野台戲」自然生態飲食創作活動</span><br style=\"letter-spacing: normal; color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">時間：106年10月15日（星期日）10:30~12:00</span><br style=\"letter-spacing: normal; color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">地點：台東美術館-艾蘭哥爾藝文咖啡館</span><br style=\"letter-spacing: normal; color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">活動簡介：</span><br style=\"letter-spacing: normal; color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">本次「阿比野台戲」活動特別邀請到，以餐旅管理系聞名台灣的「宏國德霖科技大學」何鈺櫻老師，帶領了曾在2015年馬來西亞 (FHM) 餐廚大賽勇奪特金+金牌獎的蘇鈺翔同學，及另外兩位飲調比賽成績優異的王筱筑、鍾萱儒共三位同學來進行台東野菜的生態飲調創作，為了讓這次活動野到底，更邀請到來自義大利以70種花草植物調製出來的「女巫利口酒」，作為「阿比野台戲」生態飲調創作用的基底酒，精彩的飲料也要配上精彩的吧檯，一座模仿大自然樹林底下的吧檯，將會在台東美術館-艾蘭哥爾藝文咖啡館裡出現，屆時城市與山林的兩種意象，將會在飲調高手的即席創作中，帶給現場朋友們時空變幻的調飲秀，誰說城市裡沒有森林，誰說森林裡不可以有城市。</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\">2015年馬來西亞 (FHM) 餐廚大賽勇奪特金+金牌獎的蘇鈺翔同學</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E9%98%BF%E6%AF%94.jpg\" style=\"width: 450px; height: 600px;\" /></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\">2015年馬來西亞 (FHM) 餐廚大賽勇奪特金+金牌獎的蘇鈺翔同學</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	&nbsp;</p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E9%98%BF%E6%AF%942.jpg\" style=\"width: 599px; height: 600px;\" /></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\">宏國德霖科技大學 餐旅管理系 專案講師 何鈺櫻</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E9%98%BF%E6%AF%943.jpg\" style=\"width: 500px; height: 500px;\" /></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\">台灣調飲界女王 閻寶蓉</span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	&nbsp;</p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\"><img alt=\"\" src=\"/userUpload/images/Alanger/%E9%98%BF%E6%AF%944.png\" style=\"width: 600px; height: 348px;\" /></span></p>\r\n<p style=\"margin: 0px 0px 1em; padding: 0px; color: rgb(93, 93, 93); font-family: arial, &quot;Century Gothic&quot;; font-size: 13px; letter-spacing: 1.3px;\">\r\n	<span style=\"color: rgb(29, 33, 41); font-family: helvetica, arial, sans-serif; font-size: 15px; letter-spacing: 1.3px;\">馬愛雲老師作品</span></p>\r\n','','',0,'20171212阿比4.png',240816,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.143.250',NULL,NULL,NULL,NULL,NULL,NULL),(1006,'2017-12-17 16:58:20','2017-12-18 00:12:06',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<meta charset=\"utf-8\" />\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n	<meta content=\"IE=edge\" http-equiv=\"X-UA-Compatible\" />\r\n	\r\n	<link rel=\"stylesheet\" href=\"css/bootstrap.min.css\"/>\r\n	<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n	<link rel=\"stylesheet\" href=\"http://fonts.googleapis.com/css?family=Didact+Gothic\"/>\r\n	\r\n<style type=\"text/css\">\r\n	\r\n		html,body	{\r\n			height:100%;\r\n			max-width:100%;\r\n			background-attachment: fixed;\r\n			margin:0px;\r\n			background: url(\'/userUpload/images/Alanger/backg.jpg\') no-repeat fixed 38% center;\r\n    		background-size: cover;\r\n			background-size: 100% 100%;\r\n				}\r\n		.bgw {\r\n			background-color: rgba(255,255,255,0.8);\r\n				}\r\n		h2,h4{\r\n			text-align: center;\r\n				}\r\n		a:link { color: #}\r\n		a:hover	{	color: #ff8300; }\r\n\r\n		p{\r\n		font-size:22px;\r\n		font-family:微軟正黑體\r\n		}\r\n		.row hr {\r\n			height:1px;\r\n			background-color: black;\r\n				}\r\n		.row h4 {font-size:36px; font-weight:bold;}\r\n		.row {font-size:22px; font-family:微軟正黑體}\r\n		.image-full\r\n				{\r\n				display: block;\r\n				width: 100%;\r\n				}\r\n		.code {\r\n		 color: #333;\r\n		 position: relative;\r\n		 overflow: hidden;\r\n				text-align: center;\r\n				}\r\n		.code:hover {cursor: s-resize;}\r\n		\r\n		.code c1,c2,c3,c4,c5 {\r\n			font-weight:bold;\r\n			color: #fff;\r\n			text-align: center;\r\n			font: 20px Century Gothic,微軟正黑體;\r\n			padding: 2px 6px;\r\n			border: 1px solid #795548;\r\n			border-radius:6px;\r\n			background-color: #b74545;\r\n				}\r\n		.cs {width:50%; margin:0px auto;\r\n		}\r\n\r\n\r\n</style>\r\n\r\n<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js\" type=\"text/javascript\"> </script>\r\n	<!--  收合表單 -->\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c1\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs1\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c2\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs2\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c3\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs3\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c4\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs4\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n	<script>\r\n	$(function() {\r\n	 $(\".cs1\").hide();$(\".cs2\").hide();$(\".cs3\").hide();$(\".cs4\").hide();$(\".cs5\").hide();\r\n	 $(\".code > c5\").click(function() {\r\n	  $(this)\r\n		  .parent()\r\n		  .find(\".cs5\")\r\n		  .slideToggle();\r\n	 });\r\n	});\r\n	</script>\r\n\r\n	<!-- 回到頂端按鈕 start -->\r\n	<script>\r\n	//<![CDATA[\r\n	(function () {\r\n	$(\"body\").append(\"<img id=\'goTopButton\' style=\'display: none; z-index: 5; cursor: pointer;\' title=\'回到頂端\'/>\");\r\n	var img = \"http://1.bp.blogspot.com/-zMfrIkyhlVs/Uh7FePoKU8I/AAAAAAAAHnA/WA0H_vbWAWc/s1600/go-top.png\",\r\n	locatioin = 9/10, // 按鈕出現在螢幕的高度\r\n	right = 10, // 距離右邊 px 值\r\n	opacity = 0.3, // 透明度\r\n	speed = 500, // 捲動速度\r\n	$button = $(\"#goTopButton\"),\r\n	$body = $(document),\r\n	$win = $(window);\r\n	$button.attr(\"src\", img);\r\n	$button.on({\r\n	mouseover: function() {$button.css(\"opacity\", 1);},\r\n	mouseout: function() {$button.css(\"opacity\", opacity);},\r\n	click: function() {$(\"html, body\").animate({scrollTop: 0}, speed);}\r\n	});\r\n	window.goTopMove = function () {\r\n	var scrollH = $body.scrollTop(),\r\n	winH = $win.height(),\r\n	css = {\"top\": winH * locatioin + \"px\", \"position\": \"fixed\", \"right\": right, \"opacity\": opacity};\r\n	if(scrollH > 20) {\r\n	$button.css(css);\r\n	$button.fadeIn(\"slow\");\r\n	} else {\r\n	$button.fadeOut(\"slow\");\r\n	}\r\n	};\r\n	$win.on({\r\n	scroll: function() {goTopMove();},\r\n	resize: function() {goTopMove();}\r\n	});\r\n	} )();\r\n	//]]>\r\n	</script>\r\n	<!-- 回到頂端按鈕 end, Design by WFU BLOG -->\r\n	\r\n	\r\n	\r\n<div class=\"row\">\r\n	<div class=\"col-md-12\">\r\n		<div class=\"code\">\r\n			<c1>源起</c1>\r\n			<c2>台東咖啡</c2>\r\n			<c3>咖啡小知識</c3>\r\n			<c4>WHY</c4>\r\n			<c5>學習</c5>\r\n			\r\n	\r\n			<div class=\"cs1\">	\r\n				<h3><b>源起</b><br>\r\n					<a href=\"#a01\">台東金崙溪流域咖啡的發源</a><br />\r\n					<a href=\"#a02\">台東咖啡與客家族群的淵源 </a><br />\r\n					<a href=\"#a03\">台東咖啡緣起 東河鄉「咖啡園」</a><br />\r\n					<a href=\"#a04\">百年老樹 </a><br></h3> </div>\r\n			<div class=\"cs2\">		\r\n				<h3><b>台東咖啡</b><br>\r\n					<a href=\"#c01\">台東咖啡種植分佈於三線五區</a><br />\r\n					<a href=\"#c01\">台東咖啡種植以阿拉比卡種為主</a><br />\r\n					<a href=\"#c01\">古坑咖啡的掘起帶動了台東咖啡種植潮</a><br />\r\n					<a href=\"#c01\">台東咖啡種植的二種方式與栽培的三種農法</a><br />\r\n					<a href=\"#c01\">台東縣咖啡產業發展協會是台東精品咖啡的推手</a><br />\r\n					<a href=\"#c01\">台東咖啡有得天獨厚的條件，後天的努力不可懈怠</a><br />\r\n					<a href=\"#c01\">鑑賞台東精品咖啡極致的風味~酸味</a><br />\r\n					<a href=\"#c01\">台東縣各鄉鎮咖啡產銷班</a><br />\r\n					<a href=\"#c01\">台東咖啡產地</a><br /></h3> </div>\r\n			<div class=\"cs3\">		\r\n				<h3><b>咖啡小知識</b><br>\r\n					<a href=\"#c01\">黑咖啡 </a><br />\r\n					<a href=\"#c01\">咖啡油脂 </a><br />\r\n					<a href=\"#c01\">咖啡生豆</a><br />\r\n					<a href=\"#c01\">養生咖啡 </a><br />\r\n					<a href=\"#e01\">咖啡四師 </a><br />\r\n					<a href=\"#c01\">手選精品咖啡豆 </a><br />\r\n					<a href=\"#c01\">咖啡豆的基本物質</a><br />\r\n					<a href=\"#c01\">好咖啡的重要指標~酸</a><br />\r\n					<a href=\"#c01\">咖啡「公豆&middot;母豆」之說</a><br />\r\n					<a href=\"#e01\">判斷烘焙程度的方法</a> 	\r\n					<a href=\"#e01\">專業的咖啡術語 </a><br />\r\n					<a href=\"#e01\">烘焙色卡之運用 </a><br />\r\n					<a href=\"#e01\">咖啡因的釋出 </a><br />\r\n					<a href=\"#e01\">咖啡氣味分類 </a><br />\r\n					<a href=\"#c01\">經研究證實~ </a><br /></h3> </div>\r\n			<div class=\"cs4\">\r\n				<h3><b>WHY</b><br>\r\n					<a href=\"#d01\">咖啡評鑑七大項目為何？ </a><br />\r\n					<a href=\"#d01\">淺焙與深焙的咖啡因孰高？ </a><br />\r\n					<a href=\"#d01\">烘焙後的咖啡豆為什麼會這麼香？ </a><br />\r\n					<a href=\"#d01\">為何要舉辦精品咖啡杯測評鑑訓練？</a><br> </h3> </div>\r\n			<div class=\"cs5\">		\r\n				<h3><b>學習</b><br>\r\n					<a href=\"#f01\">虹吸式咖啡萃取學習參考</a><br>\r\n					<a href=\"#f01\">虹吸式咖啡萃取注意事項</a><br>\r\n					<a href=\"#f01\">手沖式咖啡萃取注意事項</a><br>\r\n					<a href=\"#f01\">手沖式咖啡萃取六大關鍵</a> </h3><br> </div>\r\n	</div>\r\n	\r\n	\r\n	\r\n	<div class=\"container\">\r\n\r\n\r\n		<div class=\"row\">\r\n			\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"a01\">台東金崙溪流域咖啡的發源</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/02.jpg\"	\r\n					class=\"img-responsive img-rounded img-full\"\r\n					alt=\"Responsive image\"\r\n					>\r\n			</div> \r\n			<div class=\"col-md-6\">\r\n			1 9 7 4 年﹝民國6 3年﹞張冠淼從當時擔任台灣省農林廳農業試驗所嘉義農業試驗分所技士張清勤﹝鳳梨之父﹞手中獲贈咖啡種苗﹝阿拉比卡品種﹞\r\n			種植於南大武山金崙溪流域近黃溫泉、都飛魯溫泉上方海拔高度8 0 0公尺排灣族舊讀古梧部落附近之農場。<br><br>\r\n			\r\n			1 9 83 年﹝民國7 2年﹞放棄經營，任其自然生長。<br>\r\n			<br>1 9 8 8年﹝民國7 7年﹞舊讀古梧被劃入大武山自然保留區，每當進入咖啡熟果期時，野獸與鳥禽會來叼食熟果，<br>\r\n			在叼食的過程中卻也使牠們成了天然播種的自然媒介。<br>\r\n			<br>由於生態林下的野生咖啡種苗數量持續增加、範圍持續擴大，顯見經過自然演化已成為歸化種。<br>\r\n			<br>後因金崙溪流域之原住民從農場取得野生咖啡種苗栽培，使此品種成為金崙咖啡的主要品種。\r\n			</div> \r\n		</div>\r\n	\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr>咖啡評鑑七大項目為何？<hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"/userUpload/images/Alanger/01.jpg\"\r\n					class=\"img-responsive img-rounded img-full\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.乾香氣（Dry Fragrance）<br>\r\n				2.濕香氣（Wet Aroma）<br>\r\n				3.酸度（Acidity）<br>\r\n				4.醇厚度（Body）<br>\r\n				5.滋味變化度/層次感（FIaVor/DimenSion）<br>\r\n				6.餘韻（Aftertaste）<br>\r\n				7.均衡度（Balance）\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c10\">專業的咖啡術語</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n						\r\n				<img src =\"/userUpload/images/Alanger/04.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				\r\n			</div> \r\n			<b>Flavor【風味】</b>是香氣、酸度與醇度的整體印象，可以用來形容對比咖啡的整體感覺。\r\n				<br><b>Acidity【酸度】</b>是所有生長在高原的咖啡所具有的酸辛、強烈的特質。此處所指的酸辛與苦味或發酸（sour）不同，也無關酸鹼值，而是促使咖啡發揮提振心神、與滌清味覺等功能的一種清新、活潑的特質。\r\n				<br><b>Body【醇度】</b>是調理完成的咖啡飲用後的，在舌頭對咖啡留有的口感。醇度的變化可分為清淡如水到淡薄、中等、高等、脂狀，甚至某些印尼的咖啡如糖漿般濃稠。\r\n				<br><b>Aroma【氣味】</b>Aroma是指調理完成後，咖啡所散發出來的氣息與香味。 Bouquet是比較不常用的字，專指研磨咖啡粉的味道。 Aroma通常具有特異性，並且是綜合性。用來形容氣味（Aroma）的詞包括：焦糖味、碳烤味、巧克力味、果香味、草味、麥芽味、濃郁、豐富、香辛等。\r\n				<br><b>Bitter【苦味】</b>苦是一種基本味覺，感覺區分佈在舌根部分。深色烘焙法的苦味是刻意營造出來的，但最常見的苦味發生原因，是咖啡粉用量過多，而水太少。苦味並不是發酸（sour）的同意字。\r\n				<br><b>Bland【清淡】</b>生長在低地的咖啡，口感通常相當清淡、無味。咖啡粉份量不足、而水太多的咖啡，也會造成同樣的清淡效果。\r\n				<br><b>Briny【鹹味】</b>咖啡沖泡後，若是加熱過度，將會產生一種含鹽的味道。有部分咖啡店的咖啡屬於這種味道。\r\n				<br><b>Earthy【泥土的芳香】</b>通常用來形容辛香而具有泥土氣息的印尼咖啡。但這些所指的泥味並非指咖啡豆沾上泥土的味道。某些商業用咖啡會以廉價的咖啡混合，其中所含的泥味可能會變的髒髒的，這顯然是因為將咖啡豆鋪在地上進行乾燥、粗操的加工技術所造成的。\r\n				<br><b>Exotic【獨特性】</b>形容咖啡具有獨樹一格的芳香與特殊氣息，如花卉、水果、香料般的甜美特質。東非與印尼所產的咖啡，通常具有這種特性。\r\n				<br><b>Mellow【芳醇】</b>是對低至中酸度、平衡性佳的咖啡所形容的形容詞。\r\n				<br><b>Mild【溫和】</b>表示某種咖啡具有調和、細緻的風味。生長於高原的拉丁美洲高級咖啡，通常被形容為質地溫和。此外、它也是一種咖啡界的術語，用來指所有除了巴西生產的高原咖啡。\r\n				<br><b>Soft【柔潤】</b>形容如印尼咖啡般的低酸度咖啡；亦可以形容為芳醇或香甜。\r\n				<br><b>Sour【發酸】</b>一種感覺區主要位於舌頭後側的味覺，是淺色烘焙咖啡的特點。\r\n				<br><b>Spicy【香辛】</b>指一種令人聯想到某種特定香料的風味或氣味。某種印尼所產的高原咖啡（尤其是陳年咖啡），蘊含小荳蔻般香甜的氣味。\r\n				<br><b>Strong【濃烈】</b>就技術上而言，形容的是各種味覺優缺點的多寡，或指特定的調理成品中，咖啡與水的相對比例。就通俗的用法而言，濃烈形容的是深色烘焙咖啡強烈的風味。此外，它也誤導人們產生含有大量咖啡因的錯覺。事實上，咖啡因含量高的是罐裝的清淡咖啡，因為其中含有較多的低因咖啡。\r\n				<br><b>Sweet【香甜】</b>是一種普遍使用的形容詞，本質上幾乎像是水果味，與酒味也有關。生長於哥斯達黎加高原的咖啡通常具有辛烈的風味。\r\n				<br><b>Wild【狂野】</b>形容咖啡具有極端的口味特性。一般人若是無法接受的話，會稱之為古怪，但也可能是吸引的特色，看個人喜好了。\r\n				<br><b>Winy【葡萄酒味】</b>形容一種令人聯想到葡萄酒般的迷人風味。水果般的酸度與滑潤的醇度，所營造出來的對比特殊風味。肯亞咖啡便是含有葡萄酒風味的最佳典範。<br>此文轉載自台灣飲料調製協會\r\n			\r\n		</div>	\r\n	\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR>咖啡的鹹味<hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\" >\r\n				\r\n				<img src =\"\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡的鹹味主要由礦物質鹽類所造成，如氯化鈉(食鹽)、氯化鉀、氯化銨…等，\r\n				蘋果酸鹽與葡萄糖酸鹽也具有鹹味。礦物質鹽類易溶於水，咖啡萃取時很難避免被釋出。\r\n			</div> \r\n		</div>	\r\n\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c16\">虹吸式咖啡萃取的學習參考</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" >\r\n						\r\n				<img src =\"/userUpload/images/Alanger/05.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n					咖啡粉入水後，會產生分層，油脂在最上層，<br>含氣泡的粉在中層，重量足夠的沉底，<br>\r\n				攪拌是為了讓水與粉充分混合使能萃取完全，但實際萃取的時間短，<br>\r\n				攪拌次數的多寡不是重點，如何確實快速的壓粉與適當的攪拌，使其均勻的萃取完全才是重點。\r\n				<br><br>虹吸式萃取給人優雅的主觀印象，所以會講求溫柔優雅的萃取動作，<br>\r\n				但下粉到熄火的時間僅數十秒，若靠小火讓它自動吸水萃取實在更難掌握，所以才需要壓粉，將粉壓入水中的時間也是越短越好，<br>\r\n				迅速壓粉後就須輕柔攪拌，幫它與水充分混合，\r\n				<br>至於順時鐘逆時鐘實在是假議題，攪拌次數也是如此。\r\n				<br><br>好的咖啡需要適當的萃取，掌握好水溫與時間就能做到，<br><br>\r\n				了解萃取基本操作原理後，再來建立屬於你自己的萃取方式與姿勢。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR>虹吸式咖啡萃取注意事項</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/06.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1. 咖啡粉顆粒大小<br>\r\n				2. 火力<br>\r\n				3. 沖煮：先置粉、後置粉、雙沖 <br>\r\n				4. 攪拌<br>\r\n				5. 冷卻：自然冷卻、人工冷卻<br>\r\n				6. 環境溫度\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr>手沖式咖啡萃取六大關鍵</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n							\r\n				<img src =\"/userUpload/images/Alanger/07.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.咖啡豆：新鮮優質的咖啡豆。<br>\r\n				2.適當的研磨：中度研磨。<br>\r\n				3.熱水溫度：適合的水溫。<br>\r\n				※剛烘焙好的豆子要以較低溫緩緩萃取。<br>\r\n				※經氧化平衡後的咖啡豆適合較高溫萃取才能釋放出味道與香氣。<br>\r\n				4.充分的悶蒸：輕柔緩慢的注入適量熱水，新鮮的咖啡粉會如同漢堡般的膨脹，靜置二十到三十秒，讓咖啡的芳香盡情釋放。<br>\r\n				5.濾杯的邊緣部分不要注水：避免咖啡濃度低而無味。<br>\r\n				6.注意萃取流速：避免萃取過度或萃取不足，萃取結束後留在濾杯上的咖啡粉會形成均勻完美的缽狀。<br>\r\n			</div> \r\n		</div>	 \r\n		\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr>手沖式咖啡萃取注意事項</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/08.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1. 咖啡粉顆粒大小<br>\r\n				2. 水溫<br>\r\n				3. 注水：高度、流量<br>\r\n				4. 手沖時間<br>\r\n				5. 環境溫度\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c11\">咖啡四師</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/09.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				一小師三大師<br>\r\n				1.咖啡師：萃取<br>\r\n				2.咖啡園藝師：栽培<br>\r\n				3.咖啡烘焙師：烘焙<br>\r\n				4.咖啡評鑑師：杯測（品質官能鑑定）\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"a02\">台東咖啡與客家族群的淵源</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/010.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				西元1939 年(昭和14年)，東臺灣咖啡產業株式會社在雷公火山坡地(今關山鎮電光里)\r\n				進行咖啡栽培，成立東臺灣日之出農場，總面積達841 甲，派員至西部新竹州招募移民，\r\n				安置於咖啡會社（電光里廣興）、下農場（電光里南興）及三農場（電光里東興）等各處形成小聚落；<br><br>\r\n				1940 年(昭和15年)，苗栗頭份人饒維方到初鹿「咖啡試驗所」(今卑南鄉初鹿村)承攬水土保持工程，\r\n				因勞力不足回原鄉招攬工人，共募到二、三百人，在初鹿形成客家聚落。 \r\n			</div>   \r\n		</div>	 	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr>烘焙後的咖啡豆為什麼會這麼香？</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/012.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡豆所含的物質豐富，如礦物質、碳水化合物、低分子量醣類、多醣類、果膠、含氮化合物…等，這些物質在受熱烘培的過程中，會造成一連串複雜的反應，因而產生非常誘人的香氣。<br>而最重要的反應有二：<br>\r\n				1.焦糖化反應（caramelization，醣的氧化與褐變）。<br>\r\n				2.梅納反應（Maillard reaction，胺基酸與醣類的反應）。\r\n			</div> \r\n			<div class=\"col-md-12\"><br>\r\n			上述兩種反應皆需要醣類，咖啡生豆中所含量豐富的醣類，正是提供這兩種反應的重要物質。<br>\r\n				據研究發現蔗糖含量與咖啡豆風味有著正向的相關性，阿拉比卡（Arabica）生豆的蔗糖（Sucrose）含量是羅布斯塔（Robusta）生豆的兩倍，這也是阿拉比卡種咖啡豆風味優於羅布斯塔的原因。<br><br>\r\n				註：\r\n				「梅納反應」比較「焦糖化」的重點整理<br>\r\n				胺基酸＋還原醣類＋加熱至150℃以上＝梅納反應。<br>\r\n				醣類only＋加熱至180℃以上＝焦糖化。<br><br>\r\n				焦糖化會使糖在不須加水的狀況下直接熔融成液態。兩項反應都會產生香味、顏色由變黃到變深變黑。<br>兩者彼此可能在同一次加熱中同時發生，但不會互相混合，也不可混為一談。\r\n				還原醣指的是具有醛基或是酮機的醣類(或統稱羰基)，如果醣、葡萄糖等單醣、以及具有這些官能基的的雙、寡或是多醣類，因為梅納反應的主角之一就是羰基與胺基反應，因此相當重要，不過要注意的是，<br>蔗糖因為是葡萄糖半縮醛和果糖的半縮酮反應結合而成的雙醣，兩個羰基都作用掉了，因此屬於非還原醣，不會參與梅納反應。<br>(註: 咖啡學~第八章~咖啡烘焙概論(上) 第207頁倒數第四行開始有關蔗糖參與梅納反應的論述，可能需要修正。\r\n			</div>\r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c02\">咖啡「公豆·母豆」之說</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/013.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡「公豆·母豆」之說，乃源自於印尼，是針對觀光客的噱頭。<br>許多人把咖啡圓豆叫做「公豆 」，稱平豆為「母豆 」，但就植物學而言，這顯然是盗聽塗說。<br>咖啡屬茜草科植物，其花屬於「完全花」，就是說「自花授粉」，一朵花本身就具備雌雄蕊，根本無雌雄株或雌雄花之分。<br>咖啡花的子房中有兩個胚珠，因是自花授粉，所以授粉率極高，通常兩個胚珠都會授粉成功，而發育成含有兩個種籽（平豆）的咖啡漿果；<br><br>但有少數只有單一胚珠授粉，而發育成單一而圓形的種籽，故稱為「單豆」，又叫做「圓豆」(日本叫丸豆)。以後若有人對你說:同株生長的圓豆與平豆風味不同，圓豆風味較佳。你只要一笑置之，聽聽就好！\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c03\">咖啡油脂</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/014.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				任何的咖啡沖煮方式都不應該犧牲掉油脂，<br>因為咖啡熟豆的芳香精華全部濃縮在含咖啡醇和咖啡白醇的油脂中，<br>如果沒有咖啡油脂，黑咖啡就成了平淡無奇的苦水。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"c04\">咖啡生豆</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/015.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡漿果經過乾·濕等方式加工處理後，即成為咖啡生豆（Raw bean/Green bean）。<br>\r\n				依生豆儲存的時間長短具體分為：<br><br>\r\n				當季豆（Current Crop），即剛採收的生豆；<br>新豆（New Crop），即第一年的生豆；<br>舊豆（Past Crop），即存放兩年的生豆；<br>老豆（Old Crop），即庫存太久的生豆；<br>陳年豆（Aged Bean），不同於老豆，其儲存方式獨特<br>\r\n			</div> \r\n			<div class=\"col-md-12\"><BR>\r\n			採帶殼（羊皮）生豆儲存於乾爽通風處，烘焙過後，陳年豆風味酸質變弱，醇度變高，質感變厚，老成持重。<br>\r\n				烘焙時新豆與老豆相比，新豆由於含水量高，傳熱較老豆難，所以新豆的烘焙難度較高。 <br>烘焙後，新豆感覺活潑，有自然花香，優質的酸味，含水量高，綠原酸豐富，味道相對鮮明強勁；老豆感覺沉穩，醇度和濃厚度高，含水量少，體積輕微膨脹，味道柔和。<br>\r\n				隨著時間的增長，生豆內部水分逐漸減少，生豆的顏色會逐漸由深綠色轉淡；清新的果香或草香等氣味也會逐漸變弱、活力減少。 <br><br>這些都可以作為辨別生豆新鮮度的依據。\r\n			</div>\r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c05\">黑咖啡</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/016.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				黑咖啡是指不加調味劑的咖啡，沖泡器具很多元，故它也包含義式濃縮咖啡。<br><br>\r\n				義式濃縮咖啡則是指以摩卡壺或義式咖啡機沖煮出來的咖啡。\r\n				每個人的喜好都不同，因此會產生偏好以某種方式沖煮或飲用何種咖啡豆等的習慣，若屏除這個因素，則每種咖啡豆都能做成黑咖啡，也可沖煮義式濃縮咖啡。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR>淺焙與深焙的咖啡因孰高？</a><hr></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/017.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				淺焙與深焙的咖啡因孰高？這是個很有趣的話題。很多人會說深焙過程裂解較多咖啡因，所以深焙的咖啡因低於淺焙，也就是焙度愈深，咖啡因愈低。但卻有不少研究指出，咖啡因不會因焙度不同而有大幅的起伏，即咖啡因在烘豆過程中非常穩定。<br>咖啡因沸點(升華點)178℃，熔點237℃，焙至178℃以上，固態的咖啡因開始微量氣化，但除非加熱到237℃，否則咖啡因是不會大幅崩損。<br>況且在正常烘豆下，是不可能烘到這麼高溫的，也就是說：在正常的烘豆下，不會因淺焙或深焙而影響咖啡因的含量。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c12\">咖啡因的釋出</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/018.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				咖啡因昇華溫度為178°C；<br>若以溶解度而言，當水温為100°C時可溶67 % ，80°C時可溶18 %；<br>研究報告指出，若以95℃的熱水沖泡1.68分鐘可萃取出咖啡中咖啡因含量的一半，若沖泡5.54分鐘則可萃取出90﹪的咖啡因。<br>也就是說：沖泡咖啡時，水的溫度及沖泡的時間決定咖啡因釋出的多寡。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c13\">咖啡氣味分類</a><HR></h4>\r\n			</section>\r\n		\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">\r\n			\r\n				<img src =\"/userUpload/images/Alanger/019.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				高揮發性氣味─酵素作用副產物：花類、水果類、草本類<br><br>\r\n				中揮發性氣味─焦糖化作用副產物：堅果類、焦糖類、巧克力類<br><br>\r\n				低揮發性氣味─乾餾作用副產物：脂類、香料類、碳化類\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr>影響咖啡熟豆保鮮的五項因素</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/020.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				1.氧氣：採用單向排氣閥容器，隔絕氧氣。<br>\r\n				2.光線：採用不透光容器，隔離光線。<br>\r\n				3.濕度：避免潮濕的環境，乾燥保存。<br>\r\n				4.温度：避免高温的環境，陰涼保存。<br>\r\n				5.時間：賞味期內食用完畢。\r\n			</div> \r\n		</div>	\r\n			\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c06\">好咖啡的重要指標~酸</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/022.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡最具內涵的味覺是酸味，咖啡所呈現的酸是由生豆本身的特性以及烘焙程度所造成的。<br>咖啡優質的酸味是大自然活潑氣息，且明亮迷人的風味表現。<br>咖啡若失去了酸度，就等於失去了咖啡的生命力，品嚐起來空洞乏味、無豐富層次。<br>精品咖啡追求那份迷人的酸，愉悅的酸是衡量一杯好咖啡在口感上的一個重要指標。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c07\">咖啡豆的基本物質</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/023.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-3\"><br>\r\n				1.水份<br>\r\n				2.礦物質<br>\r\n				3.碳水化合物<br>\r\n				4.低分子量醣類<br>\r\n				5.多醣類<br>\r\n				6.果膠及木質素<br>\r\n				7.含氮化合物<br>\r\n			</div> \r\n			<div class=\"col-md-3\"><br>\r\n				a.植物鹼<br>\r\n				b.葫蘆巴鹼<br>\r\n				c.菸鹼酸<br>\r\n				d.蛋白質及胺基酸<br>\r\n				e.綠原酸<br>\r\n				f.脂質<br>\r\n				g.揮發性物質<br>\r\n				h.有機酸<br>\r\n				i.咖啡因\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c08\">養生咖啡</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/024.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				未能將瑕疵豆去除的黑咖啡，只是一杯減少糖及奶負擔的咖啡，不但無法呈現乾淨的風味，而且絕對不會是一杯養生咖啡；<br><br>只有精品黑咖啡才能讓您喝到最乾淨的風味，並且是杯道地的養生咖啡。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c09\">經研究證實</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/025.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡果肉具有之功效：<br><br>\r\n				1.提振心情和體能<br>\r\n				2.抗紫外線<br>\r\n				3.抗發炎<br>\r\n				4.抗自由基<br>\r\n				5.抑制食慾<br>\r\n				6.抗老化\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR>咖啡究竟是毒？還是藥？</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/026.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				好書分享<br><br>\r\n				百藥之王~一杯咖啡的藥理學<br><br>\r\n				經醫·藥學研究，證實咖啡能預防：肝癌、第二型糖尿病、高血糖、老人癡呆、降血壓、帕金森氏症···等疾病。\r\n				晨星出版\r\n			</div> \r\n		</div>	\r\n		\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"c14\">烘焙色卡之運用</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/028.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><BR>\r\n				專業咖啡烘焙者所面臨許多品質控制的挑戰,其中之一便是一致性。烘焙分類與烘焙品質兩者變成每天生產的優先重點。<BR><br>雖然最精準的品質控制計畫要使用精細的設備，和化學分析以形成烘焙品質指數與程度或烘焙分類，但這些複雜的測量都超出了大多數烘焙者的財務及技術資源。杯測為烘焙品質的最終評價，而且一個敏銳或受過訓練的味覺是沒有替代品的。\r\n此文截錄自探索精品咖啡的秘密\r\n			</div> \r\n			<div class=\"col-md-12\">	<BR>\r\n			但是，談到烘焙程度分類的話，專業咖啡產業尚未有建立的標準或參考文獻。複雜的是，似乎沒有人對烘焙分類語言或術語能夠達到意見一致。烘焙分類主題的目的是要製造出許多顏色盤，能用來對不同的烘焙程度進行分類。分類的基礎是,在控制烘焙環境下，糖的化學反應之發展。色卡會使用一個數字指標，以避免任何術語上的爭議。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"c15\">判斷烘焙程度的方法</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/029.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				1.時間設定:藉由紀錄烘焙時間與口感對等關係,作為烘焙設定之依據。<br>\r\n				2.溫度變化:藉由記錄溫度與口感對等關係,作為烘焙設定之依據。<br>\r\n				3.焦糖化色差:藉由烘焙時間與溫度變化所產生相對應的焦糖化著色程度與口感相對關係,作為烘焙設定之依據。<br>\r\n				4.煙霧氣味:藉由不同階段烘焙所產生的煙霧氣味與口感之對等關係,作為烘焙設定之依據。(此方法會危害鼻膜與嗅覺,故不建議使用。)<br>\r\n				5.卓氏分級法:透過烘焙時間•溫度區間•焦糖化色度之交替設定,以建立一個能消除因氣候•豆種•烘焙量不同時的多種參考烘焙依據。<br><br>\r\n				此文截錄自探索精品咖啡的秘密\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b02\">台東咖啡有得天獨厚的條件，後天的努力不可懈怠</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/030.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				造就一杯好咖啡有其先天條件及後天條件：<br>\r\n				天然微氣候、地質土壤、品種等屬先天條件。<br>\r\n				栽培、後製、烘焙、萃取等技術屬後天條件。<br><br>\r\n				後天條件當中，栽培及後製技術屬農業性知識；烘焙及萃取技術屬工藝性知識。<br><br>\r\n				但咖啡還有個終極知識，就是咖啡杯測：透過咖啡杯測所得結果給予咖啡客觀的評價，咖啡杯測師（評鑑師）再以其專業提供農業性及工藝性各項技術面的建議。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr>為何要舉辦精品咖啡杯測評鑑訓練？</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/031.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				美國精品咖啡協會（SCAA）致力於為追求咖啡“從種子到杯子”的卓越品質，以及優質咖啡的可持續發展，提供一個共同的平臺，建立咖啡的品質標準，規範對咖啡專業人員技藝的認證標準。<br><br>對台東咖啡農友而言，確實需要先建立一個可依循的制度，才能在穩定中求發展。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b03\">台東縣咖啡產業發展協會是台東精品咖啡的推手</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/032.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				西元2010年（民國99年）2月，台東縣咖啡產業發展協會成立<br><br>第一、二屆理事長廖添成，總幹事張博承，二人在任期中帶領協會幹部，開始了「精品咖啡」各項相關研習課程，舉辦了2010年、2011年、2013年（民國99年、民國100年、102年）東部島嶼型精品咖啡評鑑比賽，使台東咖啡產業向前邁進了一大步。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b04\">台東縣各鄉鎮咖啡產銷班</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/033.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				台東縣各鄉鎮咖啡產銷班\r\n				依地理位置，由南至北，自西而東排列為<br>\r\n				達仁鄉特用作物（咖啡）產銷班第二班<br>\r\n				金峰鄉咖啡產銷班第三班<br>\r\n				太麻里鄉咖啡產銷班第四班<br>\r\n				太麻里鄉咖啡產銷班第六班<br>\r\n				太麻里鄉咖啡產銷班第七班<br>\r\n				卑南鄉咖啡產銷班第四班<br>\r\n				卑南鄉咖啡產銷班第五班<br>\r\n				卑南鄉咖啡產銷班第七班<br>\r\n				台東市咖啡產銷班第四班<br>\r\n				鹿野鄉咖啡產銷班第十六班<br>\r\n				鹿野鄉咖啡產銷班第十七班<br>\r\n				池上鄉咖啡產銷班第二班<br>\r\n				成功鎮咖啡產銷班第一班<br>\r\n				長濱鄉咖啡產銷班第二班<br>\r\n				台東縣目前共14個咖啡產銷班，東河鄉咖啡產銷班正在籌備中。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b08\">台東咖啡種植分佈於三線五區</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/040.jpg \" \r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				三條線路為:<br>南迴線、縱谷線、東海岸線。<br><br>\r\n				五個地理區為:<br>中央山脈、花東縱谷平原、卑南溪三角洲、海岸山脈及泰源盆地。</a><br><br>\r\n				三線五區生產的台東咖啡各具特色風味。\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b09\">古坑咖啡的掘起帶動了台東咖啡種植潮</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/037.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				西元1999年（民國88年）921地震及2000年（民國89年）象神·2001年（民國90年）桃芝·納莉颱風重創古坑，重建期間古坑咖啡漸漸嶄露頭角，於2003年（民國92年）拔得頭籌舉辦「台灣咖啡節」，古坑咖啡於此時正式掘起。古坑咖啡的掘起帶來了區域性的經濟發展，也因此帶動了台灣的咖啡種植潮，台東許多農友也紛紛投入了咖啡的種植，經過將近10年來的努力，台東種植咖啡的面積已成為全國最多的縣份，2014年（民國103年）官方統計台東縣種植咖啡面積已達270公頃，且持續增加中 。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b07\">台東咖啡種植的二種方式與栽培的三種農法</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/038.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				種植的二種方式為:<br>\r\n				1.全日照方式（裸露）<br>\r\n				2.半遮蔭方式（林下）<br>\r\n				栽培的三種農法為:<br><br>\r\n				1.慣行農法（農業化學）<br>\r\n				2.有機農法<br>\r\n				3.自然農法<br><br>\r\n				因種植方式與栽培農法的不同，咖啡樹的病蟲害防治、土壤的肥培管理及園區的田間施作，差異極大，對於咖啡的風味亦有所影響。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"a04\">艾蘭哥爾咖啡緣起</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/039.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n		\r\n			</div> \r\n			<div class=\"col-md-12\">\r\n			台灣的咖啡樹為外來種，於1884年由英商「德記洋行」從馬尼拉引進栽培，1895年中日甲午戰爭台灣割讓給日本後，日本政府陸續在台灣各地推廣、試種，台東廳也在1912年接受由殖產局分配的阿拉比卡咖啡種子。日本官員發現咖啡的生長情形良好，鼓吹台東大量種植咖啡，日後台東成為咖啡重要產地。\r\n				西元1974年張冠淼先生從台灣省農林廳嘉義農業試驗分所獲贈阿拉比卡品種咖啡種苗，種植位於南大武山金崙溪流域的近黃跟都飛魯溫泉上方800公尺之排灣族舊讀古梧部落附近，此為弘宇自然農場咖啡種原區。\r\n				舊讀古梧部落已於西元1988年劃入大武山自然保留區，大武山自然保留區是台灣地區目前所保留面積最大、林相最完整的天然林地，孕育著豐富珍貴稀有的生物資源，亦為瀕臨絕種之世界稀有保育動物台灣雲豹的棲息地。\r\n				農場位處深山，交通運輸不便，增加了管理及採收的難度與成本。西元1983年放棄經營，任其自然生長，因緊臨大武山自然保留區，每當進入咖啡熟果期時，野獸與鳥禽會來叼食熟果，在叼食的過程中卻也使牠們成了天然播種的自然媒介，由於生態林下的野生咖啡種苗數量持續增加、範圍持續擴大，顯見經過自然演化已成為歸化種，西元1993年（民國82年）成立弘宇自然農場野生咖啡種原保育區。\r\n				西元2000年因古坑咖啡掘起，咖啡帶來地方經濟利益，金崙地區之原住民開始從弘宇自然農場野生咖啡種原保育區取種栽培，因此弘宇自然農場野生咖啡品種（阿拉比卡歸化種）成為金崙咖啡的主要品種。\r\n				西元2004年（民國93年）自家採種並以自然農法種植於台東縣太麻里鄉金崙村富山之弘宇自然農場，農場海拔高度500至800公尺，背山面海，終年海風吹拂，時有雲霧籠罩，咖啡樹種植於雲間帶下緣之生態林內，由於得天獨厚之天然微氣候與自然農法的種植方式，生產的咖啡豆品質優良，具有島嶼豆及高原豆之特性，沖泡出的咖啡擁有獨特香氣與口感。\r\n				十六世紀葡萄牙人稱台東為「Alanger」，故將「Alanger」音譯為中文「艾蘭哥爾」，西元2011年（民國100年）將種原保育區，更名為「艾蘭哥爾經典咖啡野生種原保育區」，並且將弘宇自然農場所生產的咖啡豆，命名為「艾蘭哥爾經典咖啡豆」，創立了「艾蘭哥爾咖啡」品牌。\r\n				台東為典型之農業縣，幅員遼闊，偏鄉地區經濟蕭條，人口外流嚴重，城鄉差距日益擴大，經濟因素所衍生出來的社會問題甚為嚴重，如何培植高經濟之永續產業，讓偏鄉居民能夠安居樂業，乃當務之急，有鑑於此，弘宇企業致力於台東咖啡產業之提升，從事生產者之教育及輔導工作,並以消費者為導向，舉辦咖啡各項技術之研習及活動，推廣台東精品咖啡，建立台東咖啡產消平台，以期創造台東咖啡文化，讓台東咖啡躍上國際舞台，亦讓台東咖啡走入台灣的家庭，走入你我的生活。\r\n			</div>\r\n		</div> \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b05\">台東咖啡種植以阿拉比卡種為主</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/%E9%98%BF%E6%8B%89.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				世界咖啡三原種為:<br><br>\r\n				1.阿拉比卡種:佔世界生產量的75%左右，其中精品咖啡產量僅佔8%左右。<br><br>\r\n				2.羅布斯塔種:佔世界生產量的25%左右，大部份做為即溶咖啡之用。<br><br>\r\n				3.賴比瑞亞種:佔世界生產量的1%左右。\r\n			</div> \r\n		</div>	 \r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><hr><a name=\"b06\">台東咖啡產地</a><hr></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/036.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				南迴咖啡:達仁鄉、金峰鄉、太麻里鄉、卑南鄉部份地區<br><br>\r\n				東海岸咖啡:東河鄉、成功鎮、長濱鄉<br><br>\r\n				縱谷咖啡:卑南鄉部份地區、鹿野鄉、延平鄉、關山鎮、池上鄉\r\n			</div> \r\n		</div>	 \r\n			 \r\n\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><HR><a name=\"c01\">手選精品咖啡豆</a><hr></h4>\r\n			</section>\r\n			\r\n			<div class=\"col-md-6\">\r\n				\r\n				<img src =\"/userUpload/images/Alanger/03.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				<p>未經過挑除劣豆的生豆，<br>如果烘焙後消費者喝到的身體裡，<br>除了會攝入毒素之外，也容易造成心悸、噁心、咖啡醉等身體不適的症狀；<br><br>\r\n				手工挑選過的精品咖啡豆無論在香氣、口感或是餘韻上<br>絕對都遠遠勝於機械所挑選含劣豆的咖啡豆。 </p>\r\n\r\n\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n		\r\n			<section class=\"Intro1\">\r\n			<h4 align=\"center\"><hr><a name=\"a03\">台東咖啡緣起</a><hr></h4>\r\n			</section>\r\n\r\n			<div class=\"col-md-6\">\r\n\r\n				<img src =\"/userUpload/images/Alanger/011.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\">\r\n				台灣的咖啡樹為外來種，於西元十九世紀1884年（清光緒10年）\r\n				由英商「德記洋行」從馬尼拉引進栽培，1895年（清光緒21年）中日甲午戰爭後訂立了馬關條約，\r\n				滿清把台灣割讓給日本。<br><br>西元二十世紀初1901年日本政府在台灣各地推廣、試種，\r\n				台東廳也在1912年接受由殖產局分配的阿拉比卡咖啡種子，日本官員發現咖啡的生長情形良好，\r\n				鼓吹台東大量種植咖啡，日後台東成為咖啡重要產地。\r\n			</div> \r\n		</div>\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR><a name=\"b01\">鑑賞台東精品咖啡極致的風味~酸味</a><HR></h4>\r\n				</section>\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/027.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br>\r\n				咖啡的酸源自於咖啡豆的天然果味，所有水果皆有酸味，只是程度上有所差異，咖啡也是水果，原本就帶有酸性，咖啡種子在經過多重加工後，尚能保有一種純淨的狀態，才能喝到充滿大自然活潑氣息，且明亮迷人的風味，此風味即是專家所說的酸味。<br><br>\r\n				精品咖啡酸質的口感表現為感官評價的步驟項目之一。<br>\r\n				酸的專業性定義上分為：<br><br>\r\n				1.自然的，受歡迎的酸(一種可以創造愉悅、回甘與活力感的咖啡味道)。<br>\r\n				2.自然的，不受歡迎的酸(一種源自於咖啡失敗的後製、貯存、萃取‧‧‧等，所造成不愉快口感的刺激性味道)，也是大部份一般飲者對酸味產生誤解的原因。<br>\r\n				3.不自然且不受喜歡的加工酸，是自然酸的替代品，但大致上有一種刺激性的壓縮味道。\r\n			</div> \r\n		</div>	\r\n		\r\n		<div class=\"row\">\r\n			\r\n				<section class=\"Intro1\">\r\n				<h4 align=\"center\"><HR>東河鄉「咖啡園」百年老樹</a><HR></h4>\r\n				\r\n			<div class=\"col-md-6\" \r\n				style=\"height:30%;\">	\r\n				<img src =\"/userUpload/images/Alanger/021.jpg\"\r\n					class=\"img-responsive\" \r\n					alt=\"Responsive image\" >\r\n			</div>\r\n			<div class=\"col-md-6\"><br><br>\r\n				圖片為日治時代種植於東河鄉泰源地區之賴比瑞亞種咖啡老樹，已列入老樹保育。\r\n			</div> \r\n		</div>\r\n		\r\n		\r\n		\r\n	</div>\r\n\r\n</div>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.200.125',NULL,NULL,NULL,NULL,NULL,NULL),(1007,'2018-01-27 11:02:00','2018-01-22 09:59:24',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n<div class=\"bgw1\">\r\n	<div class=\"img\">\r\n		<div style=\"text-align: center;\">\r\n			<div style=\"text-align: center;\">\r\n				<div id=\"bgw1\" style=\"text-align: left;\">\r\n					<iframe allowtransparency=\"true\" scrolling=\"no\" src=\"//www.facebook.com/v2.5/plugins/page.php?href=https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%8E%8A%E5%9C%92-297327576945814/;width=300&amp;show_facepile=true&amp;small_header=true&amp;hide_cover=false&amp;show_posts=true&amp;locale=zh_TW\" style=\"border:none; overflow:hidden;max-width: 100%; height: 150px; float:left;\"></iframe></div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n				<div>\r\n					<hr />\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n				<div>\r\n					&nbsp;</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div>\r\n	<div class=\"wel\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"color:greenyellow;\"><span style=\"font-size:35px;\">welcome</span></span></strong></div>\r\n				<div class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"color:greenyellow;\"><span style=\"font-size:30px;\">芳林莊園農場</span></span></strong>\r\n					<hr />\r\n				</div>\r\n				<h1>\r\n					&nbsp;</h1>\r\n				<h1>\r\n					<strong style=\"background-color: initial;\">一生懸命，自慢的芭樂&mdash;芳林</strong></h1>\r\n				<div id=\"introduce\">\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						&nbsp;</div>\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						<span style=\"color:#f0ffff;\"><strong>芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，嚴謹的管理及記錄生產過程，<br />\r\n						<br />\r\n						並讓它以最自然 的方式自然生長，讓它擁有該有的原始風味，就像眾給自己家人吃一樣，希望您也</strong></span></div>\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						<strong>&nbsp;</strong></div>\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						<strong><span style=\"color:#f0ffff;\">可以透過芳林，<br />\r\n						<br />\r\n						安心與健康的食用，這就是芳林給您最好的祝福。</span></strong></div>\r\n					<div class=\"p1\" style=\"text-align: center;\">\r\n						&nbsp;</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<div class=\"bgw2\">\r\n		<div class=\"img\">\r\n			<div style=\"text-align: center;\">\r\n				<div style=\"text-align: center;\">\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						<strong><span style=\"font-size:35px;\"><span style=\"color:greenyellow;\">芭樂展現浪漫原味</span></span></strong></div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div style=\"background: rgba(65,199,76,0.50) \">\r\n						<p>\r\n							&nbsp;</p>\r\n						<p>\r\n							<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></p>\r\n						<p>\r\n							&nbsp;</p>\r\n						<div>\r\n							<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">&ldquo;我的芭樂自然熟成，八、九分熟最好吃！&rdquo;</span></span></strong></div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n					</div>\r\n				</div>\r\n				<div>\r\n					<hr />\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n				<div>\r\n					&nbsp;</div>\r\n			</div>\r\n			<div style=\"text-align: center;\">\r\n				<div class=\"row\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<p>\r\n							&nbsp;</p>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/89560.jpg\" style=\" width: 400px; text-align: start; height: 350px;\" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/89561.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82(2).jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n						</div>\r\n						<p>\r\n							&nbsp;</p>\r\n						<br />\r\n						<p>\r\n							&nbsp;</p>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full \" src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%822.jpg\" style=\" width: 400px; text-align: start; height: 350px;\" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/guavasell.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n						</div>\r\n						<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E8%8A%AD%E6%A8%82.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n						</div>\r\n						<p>\r\n							&nbsp;</p>\r\n					</div>\r\n				</div>\r\n			</div>\r\n			&nbsp;\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n			<p>\r\n				&nbsp;</p>\r\n			<hr />\r\n		</div>\r\n	</div>\r\n	<div class=\"bgw3\">\r\n		<div class=\"img\">\r\n			<div style=\"text-align: center;\">\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div>\r\n					<strong><span style=\"font-size:35px;\"><span style=\"color:greenyellow;\">可愛的小動物</span></span></strong></div>\r\n				<div>\r\n					&nbsp;</div>\r\n				<div style=\"background:rgba(36,194,220,0.65) \">\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<div>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">&ldquo;有大自然的陪伴，芭樂變得更香甜&rdquo;</span></span></strong></div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n					<div>\r\n						&nbsp;</div>\r\n				</div>\r\n				<div style=\"text-align: center;\">\r\n					<div class=\"row\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<hr />\r\n							<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084760586.jpg\" style=\" width: 400px; text-align: start; height: 350px;\" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084766594.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084777516.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n							</div>\r\n							<p>\r\n								&nbsp;</p>\r\n							<br />\r\n							<p>\r\n								&nbsp;</p>\r\n							<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full \" src=\"/userUpload/images/10512106/1515084779133.jpg\" style=\" width: 400px; text-align: start; height: 350px;\" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/guavasell.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/1514856929533.jpg\" style=\" width: 400px; text-align: start; height: 350px; \" /></div>\r\n							</div>\r\n							<p>\r\n								&nbsp;</p>\r\n							<hr />\r\n							<p>\r\n								&nbsp;</p>\r\n							<p>\r\n								&nbsp;</p>\r\n							<p>\r\n								&nbsp;</p>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n</p>\r\n<style type=\"text/css\">\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/normalize.css\" />\r\n<link rel=\"stylesheet\" type=\"text/css\" href=\"css/htmleaf-demo.css\">\r\n<link rel=\"stylesheet\" href=\"dist/aos.css\" />\r\n<link rel=\"stylesheet\" href=\"css/styles.css\" />\r\n/*************************************************字形設定********************************************************************************************/\r\n.p1{Font-Family:\'微軟正黑體\';text-align: center; }\r\n.p2{font-family:sans-serif,\'微軟正黑體\';}\r\n/************************************************文字介紹*********************************************************************************************/\r\n	#introduce\r\n			{\r\n				position: relative;\r\n				padding: 0em 0em 0em 0em;\r\n				margin-right: 0px;\r\n				margin-top:-5px;\r\n                        	font-size:30px;\r\n				Font-Family:\'微軟正黑體\'; \r\n                                   			\r\n				\r\n	}\r\n/**********************************************圖片表格*************************************************************************************************/\r\n	\r\n	.wel{text-align:center;  background:url(/userUpload/images/10512106/1515084762649.jpg); background-size:100% 100%;background-attachment: fixed;font-size:30px; color:black;}\r\n	.img{text-align: center;class=\"img-rounded\"}\r\n	\r\n	h1{text-align:center; color:white; Font-Family:微軟正黑體;font-size:30px;} \r\n\r\n	.bgw1{ background: url(/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E9%A6%96%E9%A0%81.jpg);background-size:100% 100%;}\r\n        .bgw2{ background: url(/userUpload/images/10512106/1514856912201.jpg);background-size:contain; background-attachment: fixed;text-align:center;}	\r\n        .bgw3{ background: url(/userUpload/images/10512106/1514856925503.jpg);background-size:100% 100%; background-attachment: fixed;text-align:center;}	\r\n	body{background: rgba(0,0,0,1.00);}\r\n       .bgw{background:rgba(0,0,0,1.00);}\r\n/*****************************************************************動畫****************************************************************************/\r\n	.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:#ffa100;				\r\nfont-size: 3em;				\r\nmargin-bottom: 10px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}\r\n\r\n	<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/* ****************************************2. Mobile Grid ***********************************************/\r\n.g-m-12 {	width: 50%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\n\r\n.title1area {				\r\nwidth: 100%;				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground: url();\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: green;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:green;				\r\nfont-size: 3em;				\r\nmargin-bottom: 10px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}				\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{\r\nwidth:100%;				\r\npadding: 0.2em;}			\r\n.nav>li>a {   \r\nposition: relative;    \r\ndisplay: block;    \r\npadding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;		\r\n}		\r\n/*****************************************************************動畫****************************************************************************/</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.52.102.149',NULL,NULL,NULL,NULL,NULL,NULL),(1008,'2017-12-13 09:38:58','2017-12-13 17:38:23',NULL,'2017-12-13 00:00:00','2038-01-01 00:00:00',124,252,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/123/service.png\" style=\"width: 1571px; height: 991px;\" /></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1100,NULL,0,NULL,NULL,'111.242.194.36',NULL,NULL,NULL,NULL,NULL,NULL),(1009,'2017-12-13 12:03:59','2017-12-13 20:01:29',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',124,252,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }\r\n\r\n    #pk a:hover img {\r\n            opacity:0;\r\n        }\r\n\r\n    #good a:hover img {\r\n        opacity: 0;\r\n    }	</style>\r\n</p>\r\n\r\n<p>\r\n	<link href=\"userUpload/20171116favorites.ico\" rel=\"shortcut icon\" />\r\n	<style type=\"text/css\">\r\na, p, h2, h3, h4, li {\r\n        font-family: \"微軟正黑體\",\'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n\r\n    h2, h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }\r\n\r\n    div form {\r\n        display: none;\r\n    }	</style>\r\n</p>\r\n<p>\r\n	<img class=\"img-responsive center-block\" src=\"/userUpload/images/123/service.png\" width=\"80%\" /></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1100,NULL,0,NULL,NULL,'111.242.194.36',NULL,NULL,NULL,NULL,NULL,NULL),(1010,'2018-01-26 16:12:33','2018-01-22 17:47:02',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',925,932,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	&nbsp;</p>\r\n<hr />\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script></p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n		<div class=\"main b-box \" style=\"margin-top:-50px;\">\r\n			<!--outerWrap-->\r\n			<div class=\"g-m-12\" style=\"background-image:url();background-repeat: no-repeat;		background-attachment: fixed;background-position:center;				background-size: cover;\">\r\n				<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n					<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n						<h4 class=\"smalltitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							<span style=\"font-size:36px;\"><strong>Location</strong></span></h4>\r\n						<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							我們在哪裡</h4>\r\n						<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n							<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"700\" scrolling=\"no\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d14708.789929833578!2d120.3156785!3d22.8321821!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1513197095236\" style=\"border:0\" width=\"80%\"></iframe>\r\n							<p>\r\n								&nbsp;</p>\r\n							<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n								&nbsp;</p>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<div class=\"g-m-12\">\r\n	&nbsp;</div>\r\n<p>\r\n	&nbsp;</p>\r\n<center>\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\">\r\n			<div class=\"clearfix  revealOnScroll\" data-animation=\"zoomIn\">\r\n				<h4 class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					農場地圖</h4>\r\n				<div align=\"center\" class=\"col-md-12\" style=\"margin-top: 10px;margin-bottom: 10px;\">\r\n					<img alt=\"\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 352px; height: 600px; float: left;\" />\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">聯絡資訊:</span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">農場主人</span></span></span><span style=\"color: rgb(255, 255, 224); font-size: 36px; white-space: pre-wrap;\">：</span><span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">鄭宗林 </span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">手機：0910-326-822 </span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">電話：07-371-2376 </span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent; white-space: pre-wrap;\">LINE：kenny335a </span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送</span></span></span></p>\r\n					<p style=\"text-align: center; margin-left: 200px;\">\r\n						<span style=\"color:#ffffe0;\"><span style=\"font-size:36px;\"><span style=\"background-color: transparent;  white-space: pre-wrap;\">信箱：kenny335a@yahoo.com.tw </span></span></span></p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p dir=\"ltr\" style=\"line-height: 1.2; margin-top: 0pt; margin-bottom: 0pt;\">\r\n						&nbsp;</p>\r\n				</div>\r\n				<p>\r\n					&nbsp;</p>\r\n				<p>\r\n					&nbsp;</p>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&lt;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n	<script src=\"https://ajax.aspnetcdn.com/ajax/modernizr/modernizr-2.7.2.js\"></script><script type=\"Text/JavaScript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js\"></script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" integrity=\"sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa\" crossorigin=\"anonymous\"></script><script type=\"text/javascript\">\r\n$(document).ready(function(){ \r\n$(\"div.col-md-12 > h2.intro-text.text-center\").hide();\r\n$(\"div.col-md-12 > hr\").hide();\r\n$(\" div.bgw\").removeAttr(\"style\");\r\n$(\"#carousel01\").css(\"display\",\"none\");\r\n});\r\n\r\n\r\n$(\"ul.Nav0 li#1\").hover(function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"ul.Nav0 li#1\").children(\"#dli1\").css(\"display\", \"none\");\r\n});\r\n		$(\"#dli1-3\").hover(function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n		$(\"#dli1-4\").hover(function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css({\"top\":\"50%\",\"display\":\"inline-block\"});\r\n			}, function(){\r\n			$(\"#dli1-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n\r\n\r\n\r\n$(\"li#2\").hover(function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#2\").children(\"#dli2\").css(\"display\", \"none\");\r\n});	\r\n		\r\n\r\n$(\"li#3\").hover(function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#3\").children(\"#dli3\").css(\"display\", \"none\");\r\n});			\r\n			$(\"#dli3-0\").hover(function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css({\"top\":\"0%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-0\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-1\").hover(function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css({\"top\":\"10%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-1\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-2\").hover(function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css({\"top\":\"20%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-2\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-3\").hover(function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css({\"top\":\"40%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-3\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n			$(\"#dli3-4\").hover(function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css({\"top\":\"65%\",\"display\":\"inline-block\"});\r\n				}, function(){\r\n				$(\"#dli3-4\").children(\".Nav3\").css(\"display\", \"none\");\r\n		});\r\n$(\"li#4\").hover(function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#4\").children(\"#dli4\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#5\").hover(function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#5\").children(\"#dli5\").css(\"display\", \"none\");\r\n});\r\n\r\n$(\"li#6\").hover(function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"inline-block\");\r\n    }, function(){\r\n    $(\"li#6\").children(\"#dli6\").css(\"display\", \"none\");\r\n});\r\n$(function(){\r\n    $(window).scroll(function(){\r\n        var scrollTop = $(window).scrollTop();\r\n        if(scrollTop > 70){\r\n            $(\' body > div.navbar.navbar-default.load\').addClass(\'navbar-default2\');\r\n   $(\'a.navbar-brand\').addClass(\'nav000\');\r\n   $(\'a.navbar-brand\').removeClass(\'navbar-brand\');\r\n   \r\n   \r\n   \r\n        }else{\r\n            $(\' body > div.navbar.navbar-default.load\').removeClass(\'navbar-default2\');\r\n   $(\' a.nav000\').addClass(\'navbar-brand\');\r\n   $(\'a.navbar-brand\').removeClass(\'nav000\');\r\n        }\r\n    });\r\n});\r\n\r\n\r\n\r\n</script><script src=\"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.js\"></script><script type=\"text/javascript\">\r\n$(function() {\r\n\r\n  var $window           = $(window),\r\n      win_height_padded = $window.height() * 1.1,\r\n      isTouch           = Modernizr.touch;\r\n\r\n  if (isTouch) { $(\'.revealOnScroll\').addClass(\'animated\'); }\r\n\r\n  $window.on(\'scroll\', revealOnScroll);\r\n\r\n  function revealOnScroll() {\r\n    var scrolled = $window.scrollTop(),\r\n        win_height_padded = $window.height() * 1.1;\r\n\r\n    // Showed...\r\n    $(\".revealOnScroll:not(.animated)\").each(function () {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n\r\n      if (scrolled + win_height_padded > offsetTop) {\r\n        if ($this.data(\'timeout\')) {\r\n          window.setTimeout(function(){\r\n            $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n          }, parseInt($this.data(\'timeout\'),10));\r\n        } else {\r\n          $this.addClass(\'animated \' + $this.data(\'animation\'));\r\n        }\r\n      }\r\n    });\r\n    // Hidden...\r\n   $(\".revealOnScroll.animated\").each(function (index) {\r\n      var $this     = $(this),\r\n          offsetTop = $this.offset().top;\r\n      if (scrolled + win_height_padded < offsetTop) {\r\n        $(this).removeClass(\'animated zoomInUp zoomIn slideInLeft slideInRight  zoomIn pulseIn  pulse\')\r\n      }\r\n    });\r\n  }\r\n\r\n  revealOnScroll();\r\n});</script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<div class=\"clearfix\">\r\n	&nbsp;</div>\r\n<style type=\"text/css\">\r\n[class^=\'g-\'] {	float: left;		width:100%;	box-sizing:border-box;} .clear-grid{	clear:both;	float:inherit;}\r\n/************************ 2.  Mobile Grid **************************************************************************/\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\n		body{ background: rgba(0,0,0,1.00)}\r\n		\r\n.title1area {				\r\nwidth: 80%; 				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding: 60px 0 0 0;				\r\noverflow: hidden;				\r\nbox-sizing: border-box;				\r\nbackground-color:rgba(26,112,1,0.54);\r\nbackground-position:center;			\r\n}		\r\n.title1area{padding:50px;}		\r\n.title1area .smalltitle {						\r\ncolor: green;				\r\nmargin-bottom: 5px;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\nfont-size: 22px;							\r\n}		\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:greenyellow;				\r\nfont-size: 3em;				\r\nmargin-bottom: 50px;			\r\n}.title1area \r\n.bigtitle:before, \r\n.title1area \r\n.bigtitle:after {				\r\ncontent: \'\';				\r\nposition: absolute;				\r\ntop: 50%;				\r\ntransform: translateY(-50%);				\r\nwidth: calc((100% - 300px) / 2);				\r\nheight: 2px;				\r\nbackground: rgba(255, 255, 255, 0.9);}					\r\n.title1area .bigtitle:before {				\r\nleft: 0;			}		\r\n.title1area .bigtitle:after {				\r\nright: 0;			}		\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}		\r\n\r\n	\r\n/******************活動資訊*****************************/		\r\n#farmpictureback{				\r\nposition: relative;											\r\n}		\r\n#farmpicture	{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n#farmpictureback2			\r\n{				\r\nposition: relative;											\r\n}		\r\n#farmpicture2			\r\n{				\r\nposition: relative;				\r\npadding: 0em 2.45em 0em 2.45em;																		\r\ncolor:white;				\r\ntext-align:center;			\r\n}		\r\n						\r\n\r\n/***********************活動資訊圖文介紹hover效果2-2*********************************/			\r\n#animation2-2 {				\r\nposition: relative;				\r\nmargin: 3em 0 0 0;					\r\nheight:400px;				\r\nbackground: url(\'/userUpload/images/moxiantang/C2-3.png\');					\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\ndisplay: inline;					\r\n}		\r\n#animation2-2:hover #imageshow2-2 {				\r\nwidth: calc((100% - 20%) ); 				\r\nheight: calc(100% - 20%);				\r\ntop:10%;				\r\nleft:10%;				\r\nborder: 2px solid #fff;							\r\n}		#animation2-2 a{color:white;}		\r\n#imageshow2-2{								\r\nwidth: 0px;				\r\nheight: 0px;				\r\nbackground: rgba(0,0,0,0);				\r\nposition: absolute;				\r\nborder: 0px solid #fff;							\r\ntop:50%;				\r\nleft:50%;																	\r\npadding: 1em 1.2em 1em 1.2em;													\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.5s ease;				\r\noverflow: hidden;				\r\nopacity:0.8;						\r\n}														\r\n#animation2-2:hover #imageshow3-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow3-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-image:url();				\r\nbackground-repeat: no-repeat;								\r\nbackground-size:cover;				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}												\r\n#animation2-2:hover \r\n#imageshow4-2 {				\r\nwidth: 100%; 				\r\nheight: 100%;				\r\ntop:0;				\r\nleft:0;				\r\nopacity:1;						\r\n}		\r\n#imageshow4-2{								\r\nwidth: 0%;				\r\nheight: 0%;				\r\nbackground-color:rgba(0,0,0,0.7);				\r\nposition: absolute;															\r\ntop:50%;				\r\nleft:50%;																				\r\ntext-align: center;				\r\nfont-size: 1em;				\r\ntransition: 0.7s ease;				\r\noverflow: hidden;				\r\nopacity:0.1;						\r\n}										\r\n		\r\n/*********************RWD選擇顯示區塊**************************/		\r\n@media screen and (max-width: 768px) {								\r\n.g-m-6{width:100%;				padding: 0.2em;}			\r\n.nav>li>a {    position: relative;    \r\ndisplay: block;    padding: 10px 15px;	color:black;}						\r\n#animation2-2,#animation2-3,#animation2-5,#animation2-6  {				\r\nposition: relative;				margin: 1em 0 1em 0;										\r\n}			\r\n#animation2,#animation2-4{margin: 1em 0 1em 0;}						\r\n#farmpicture {				\r\nposition: relative;				\r\npadding: 0em 0.9em 0em 0.9em;				\r\ncolor: white;				\r\ntext-align: center;			\r\n}						\r\nheader{display:none;}			\r\nbody > div > div > div.col-md-3.load{display:inline}						\r\n.content,.content2,.content3{				\r\nposition: absolute;				\r\nleft: 0;				\r\nbottom: 0;}		}		\r\n@media screen and (min-width: 768px) and (max-width: 992px){						\r\n.content,.content2,.content3{				\r\nposition: absolute;				left: 0;				\r\nbottom: 0%;}			\r\n#animation2,#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:430px;}														\r\n	}	\r\n@media screen and (min-width: 992px) {						\r\n	#animation2,\r\n	#animation2-2,\r\n	#animation2-3,\r\n	#animation2-4,\r\n	#animation2-5,\r\n	#animation2-6			\r\n	{height:500px;}					\r\n	}				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;\r\nbody{ font-family=\"微軟正黑體\";}		\r\n}\r\n.bgw{background: url(/userUpload/images/10512106/1514856918923.jpg);background-size:100% 100%; background-attachment: fixed;}</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'27.52.102.149',NULL,NULL,NULL,NULL,NULL,NULL),(1011,'2018-10-24 06:51:05','2018-10-24 14:51:05',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',925,930,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div id=\"header-wrapper\" style=\"text-align:center\">\r\n	<div class=\"container\" id=\"header\">\r\n		<div>\r\n			&nbsp;</div>\r\n		<div>\r\n			<span style=\"color: white; font-size: 50px;\">感謝各大媒體支持</span></div>\r\n		<div id=\"banner-wrapper\">\r\n			<span style=\"color:white;\"><span style=\"font-size:25px;\"><strong>Thanks for support</strong></span></span></div>\r\n	</div>\r\n</div>\r\n<div class=\"bgw2\" style=\"text-align: center;\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			<span style=\"font-size:48px;color: white;\">平面報導</span></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n			<span style=\"color: white; font-size: 25px;\">flat coverage</span></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<p style=\"text-align: center;\">\r\n				&nbsp;</p>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<span style=\"font-size:25px;\"><span style=\"color: white;\">點擊圖片可進入連結</span> </span></div>\r\n			<p>\r\n				&nbsp;</p>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\"http://eyearrow.com/w_link/E_agri/2_life_5_3.html\" target=\"_blank\"><img alt=\"型農新勢力\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E6%96%B0%E5%8B%A2%E5%8A%9B(1).jpg\" style=\"height: auto; width: 560px;\" title=\"型農新勢力\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\"http://www.kaofarmers.tw/content/farmer_profile?id=42\" target=\"_blank\"><img alt=\"型農大聯盟\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E5%A4%A7%E8%81%AF%E7%9B%9F(1).jpg\" style=\"width: 560px; height: auto;\" title=\"型農大聯盟\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<a border=\"0\" href=\"https://www.kaofarmers.tw/content/news_detail?id=9 \" target=\"_blank\"><img alt=\"型農大聯盟\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E5%A4%A7%E8%81%AF%E7%9B%9F.png\" style=\"width: 560px; height: auto;\" title=\"型農大聯盟\" /></a></div>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<div class=\"bgw1\">\r\n		<div class=\"row\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 title\">\r\n				<p style=\"text-align: center;\">\r\n					&nbsp;</p>\r\n				<p style=\"text-align: center;\">\r\n					<span style=\"font-size:48px;\"><span style=\"color:black;\">影音報導</span></span></p>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12 \">\r\n				<p style=\"text-align: center;\">\r\n					<span style=\"font-size:25px;\"><span style=\"color:black\">Audio and video coverage</span></span></p>\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<div class=\"videoWrapper\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"https://www.youtube.com/embed/WPqw0D4aSv4\" width=\"560\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<h3>\r\n						<br />\r\n						<span style=\"color:#000000;\">芳林芭樂宣傳片</span><br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<div class=\"videoWrapper\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<h3>\r\n						<br />\r\n						<span style=\"color:#000000;\">待上傳</span><br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n			<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<div class=\"videoWrapper\">\r\n						<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe></div>\r\n				</div>\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n					<h3>\r\n						<br />\r\n						<span style=\"color:#000000;\">待上傳</span><br />\r\n						<br />\r\n						&nbsp;</h3>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	<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 { \r\n            font-family:微軟正黑體;\r\n            font-size: 14px;\r\n            line-height: 1.428571;\r\n            color: white;\r\n            background: url(userUpload/20180105背景圖.jpg) no-repeat fixed center center;\r\n            background-size: 100% 100%;\r\n          }\r\n	.bgw1{background-color: white;}\r\n	.bgw2{background-color: rbga(154,205,50,0.7)}\r\n        .bgw{ background-color:rgba(255,255,255, 0.2) }\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: cover ;\r\n						}\r\n	                                  #header\r\n						{\r\n							position: relative;\r\n							padding: 2em 0em 2em 0em;\r\n						}\r\n/***********************************************************************************************************/\r\n\r\n.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {\r\n    position: relative;\r\n    min-height: 1px;\r\n    padding-right: 20px;\r\n    padding-left: 20px;\r\n}\r\nhr {\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    border-top: 1px solid #337ab7;\r\n}\r\n\r\n\r\n/***********************************************************/</style>\r\n','','',0,'',332521,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'27.247.197.174',NULL,NULL,NULL,NULL,NULL,NULL),(1012,'2017-12-14 03:36:28','2017-12-14 11:30:56',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<div class=\"row\" style=\"font-family:微軟正黑體\">\r\n	<div class=\"col-md-6\" style=\"box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; text-align: center; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\">\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-family: inherit; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			&nbsp;</h1>\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-family: inherit; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			艾蘭哥爾咖啡總店</h1>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			周一~周五 9:00-18:00</h4>\r\n		<img src=\"/userUpload/images/Alanger/20151008_132307.jpg\" style=\"position: absolute; transition: opacity 1s ease-in-out; width: 500px; opacity: 0; color: rgb(34, 34, 34); font-size: 12px; text-align: start;\" />\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			台東縣台東市勝利街109號</h4>\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			電話:08 932 2246</h4>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n	</div>\r\n	<div class=\"col-md-6\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3679.0391778913495!2d121.1543312355019!3d22.76392729144249!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fb944774b1787%3A0x537a722ed18fb62b!2zOTUw5Y-w5p2x57ij5Y-w5p2x5biC5Yud5Yip6KGXMTA56Jmf!5e0!3m2!1szh-TW!2stw!4v1508385443621\" style=\"border:0\" width=\"600\"></iframe></div>\r\n	<hr style=\"box-sizing: content-box; height: 0px; margin-top: 20px; margin-bottom: 20px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\" />\r\n</div>\r\n<div class=\"row\"  style=\"font-family:微軟正黑體\">\r\n	<div class=\"col-md-6\" style=\"box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; text-align: center; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px;\">\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-family: inherit; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			艾蘭哥爾藝文咖啡館</h1>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			週二~周日 9:00-18:00</h4>\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			台東縣台東市浙江路350號</h4>\r\n		<h4 style=\"box-sizing: border-box; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			電話:08 933 5123</h4>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n	</div>\r\n	<div class=\"col-md-6\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1839.5176108414232!2d121.15105290794585!3d22.764074119553804!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fb99db73aa0cd%3A0xff12913793dd9be1!2z6Im-6Jit5ZOl54i-5ZKW5ZWh!5e0!3m2!1szh-TW!2stw!4v1508400282538\" style=\"border:0\" width=\"600\"></iframe></div>\r\n</div>\r\n<style type=\"text/css\">\r\nbody *{font-family:微軟正黑體}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1013,'2017-12-21 03:22:29','2017-12-21 11:22:29',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',122,286,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">body{font-family:微軟正黑體} .navbar-nav > li > a {padding-top: 10px;padding-bottom: 0px;line-height: 25px;font-size: 15px;}</style>\r\n<div class=\"row\">\r\n	<div class=\"col-md-6\" style=\"box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; text-align: center; color: rgb(51, 51, 51); font-size: 14px;\">\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			艾蘭哥爾咖啡總店</h1>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px; color: rgb(51, 51, 51); font-size: 14px; text-align: center;\" />\r\n		<h4 style=\"box-sizing: border-box;font-weight: 500; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 18px; text-align: center;\">\r\n			周一~周五 9:00-18:00</h4>\r\n		<h4 style=\"box-sizing: border-box; font-weight: 500; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 18px; text-align: center;\">\r\n			台東縣台東市勝利街109號</h4>\r\n		<h4 style=\"box-sizing: border-box; font-weight: 500; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 10px; margin-bottom: 10px; font-size: 18px; text-align: center;\">\r\n			電話:08 932 2246</h4>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 14px; text-align: center;\" />\r\n	</div>\r\n	<div class=\"col-md-6\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3679.0391778913495!2d121.1543312355019!3d22.76392729144249!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fb944774b1787%3A0x537a722ed18fb62b!2zOTUw5Y-w5p2x57ij5Y-w5p2x5biC5Yud5Yip6KGXMTA56Jmf!5e0!3m2!1szh-TW!2stw!4v1508385443621\" style=\"border:0\" width=\"600\"></iframe></div>\r\n</div>\r\n<div class=\"row\">\r\n	<div class=\"col-md-6\" style=\"box-sizing: border-box; margin-top: 5px; margin-bottom: 5px; text-align: center; color: rgb(51, 51, 51); font-size: 14px;\">\r\n		<h1 style=\"box-sizing: border-box; margin: 20px 0px 10px; font-size: 36px; font-weight: 500; line-height: 1.1; color: saddlebrown;\">\r\n			艾蘭哥爾藝文咖啡館</h1>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n		<h4 style=\"box-sizing: border-box;font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			週二~周日 9:00-18:00</h4>\r\n		<h4 style=\"box-sizing: border-box;font-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			台東縣台東市浙江路350號</h4>\r\n		<h4 style=\"box-sizing: border-box;ont-weight: 500; line-height: 1.1; color: inherit; margin-top: 10px; margin-bottom: 10px; font-size: 18px;\">\r\n			電話:08 933 5123</h4>\r\n		<hr class=\"Detail\" style=\"box-sizing: content-box; height: 3px; margin-top: 20px; margin-bottom: 20px; border: 0px; background-color: grey; width: 150px;\" />\r\n	</div>\r\n	<div class=\"col-md-6\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1839.5176108414232!2d121.15105290794585!3d22.764074119553804!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x346fb99db73aa0cd%3A0xff12913793dd9be1!2z6Im-6Jit5ZOl54i-5ZKW5ZWh!5e0!3m2!1szh-TW!2stw!4v1508400282538\" style=\"border:0\" width=\"600\"></iframe></div>\r\n</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.71',NULL,NULL,NULL,NULL,NULL,NULL),(1014,'2017-12-14 13:21:23','2017-12-14 21:21:23',NULL,NULL,NULL,1014,0,NULL,1,NULL,NULL,NULL,1,NULL,NULL,NULL,'六龜荖濃家營農場',NULL,'',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,0,NULL,1,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1015,'2017-12-15 05:49:48','2017-12-14 21:23:41',NULL,NULL,NULL,1014,1014,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'test','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'1.175.0.252',NULL,1,NULL,NULL,NULL,NULL),(1016,'2017-12-14 13:31:51','2017-12-14 21:25:55',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',45,46,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'1',NULL,'<p>\r\n	This is some sample textdasda</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1017,'2017-12-14 13:31:49','2017-12-14 21:26:00',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',45,46,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'2',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1018,'2017-12-14 13:31:46','2017-12-14 21:26:05',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',45,46,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'4',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1019,'2017-12-14 13:31:42','2017-12-14 21:30:26',NULL,'2017-12-14 00:00:00','2038-01-01 00:00:00',45,56,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'1',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'1.175.0.252',NULL,NULL,NULL,NULL,NULL,NULL),(1020,'2017-12-14 14:12:26','2017-12-14 22:12:26',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',1014,1015,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'eeee',NULL,'<p>\r\n	This is some sample text</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.152',NULL,NULL,NULL,NULL,NULL,NULL),