(1190,'2018-09-06 13:49:25','2018-09-06 21:49:21',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',120,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\n@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {\r\n  .embed-responsive{\r\n    position: relative;\r\n    display: block;\r\n    height: 200px;\r\n    padding: 0;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .embed-responsive-21by9::before{\r\n    padding-top: 0% !important;\r\n  }\r\n}\r\n\r\n@media screen and(max-width: 1281px){\r\n  .navbar-nav > li > a{\r\n    font-size: 17px !important;\r\n  }\r\n}\r\n\r\n*{\r\n  box-sizing: border-box;\r\n  font-family: Georgia, \'Times New Roman\', \'FangSong\', \'仿宋\', STFangSong, \'華文仿宋\', serif;\r\n}\r\n\r\nli > a::after{\r\n  content: \'\';\r\n  display: block;\r\n  border-bottom: 2px solid #959599;\r\n  transform: scaleX(0) !important;\r\n  transition: transform .3s ease-in-out;\r\n}\r\n\r\nli > a:focus::after, li > a:hover::after{\r\n  transform: scaleX(1) !important;\r\n}\r\n\r\n/* dropdown borber-bottom hover effect */\r\n.dropdown-menu > li > a::after{\r\n  content: \'\';\r\n  display: block;\r\n  position: absolute;\r\n  left: 40px;\r\n  width: 50%;\r\n  text-align: center;\r\n  border-bottom: 2px solid #959599;\r\n  transform: scaleX(0) !important;\r\n  transition: transform .3s ease-in-out;\r\n}\r\n\r\n.dropdown-menu > li > a:focus::after, li > a:hover::after{\r\n  transform: scaleX(1) !important;\r\n}\r\n\r\n.no-hover{\r\n  background: transparent !important;\r\n  border-bottom: none !important;\r\n  top: 0 !important;\r\n}\r\n\r\n.dropdown-menu li {\r\n  text-align: center;\r\n}\r\n\r\n/* end iphone design */\r\n\r\nbody {\r\n  overflow: visible !important;\r\n}\r\n\r\n.bgw {\r\n  background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\na[id=link-drop]:target~#link-drop {\r\n  transform: translateY(-200px);\r\n}\r\n\r\n/* navbar */\r\n\r\n.d-b {\r\n  display: block;\r\n  overflow: hidden;\r\n}\r\n\r\n.navbar {\r\n  transition: all 0.6s ease-out;\r\n}\r\n\r\n.navbar-default .navbar-brand {\r\n  color: saddlebrown;\r\n  font-weight: bold;\r\n}\r\n\r\n.navbar,\r\n.navbar-default,\r\n.navbar-brand,\r\n.dropdown-menu>li>a {\r\n  font-weight: bold;\r\n}\r\n\r\n.navbar-default .navbar-brand:hover {\r\n  color: brown;\r\n  font-weight: bold;\r\n}\r\n\r\nsection {\r\n  margin: 0;\r\n  padding: 0;\r\n  position: relative;\r\n}\r\n\r\n.dropdown-menu {\r\n  background: white;\r\n  position: absolute;\r\n  top: 100%;\r\n  opacity: 1;\r\n}\r\n\r\n.dropdown-menu li:hover {\r\n  visibility: visible;\r\n}\r\n\r\n\r\n.dropdown-menu>li {\r\n  -ms-font-size: 14px;\r\n}\r\n\r\n/* Input */\r\n\r\n/* 在你輸入文字時，他會有提示效果幫我們貼上空白，而空白會變黃色，因此這可以讓空白從黃色改成白色*/\r\n\r\ninput:-webkit-autofill,\r\ninput:-webkit-autofill:hover,\r\ninput:-webkit-autofill:focus,\r\ninput:-webkit-autofill:active {\r\n  -webkit-animation: autofill 0s forwards;\r\n  animation: autofill 0s forwards;\r\n}\r\n\r\n@keyframes autofill {\r\n  100% {\r\n    background: #fff;\r\n    color: inherit;\r\n  }\r\n}\r\n\r\n@-webkit-keyframes autofill {\r\n  100% {\r\n    background: #fff;\r\n    color: inherit;\r\n  }\r\n}\r\n\r\ninput[type=\"search\"] {\r\n  border-bottom: 1px solid #fff !important;\r\n  border-radius: 15px 15px 0 0 !important;\r\n}\r\n\r\n/* end Input */\r\n\r\nfooter {\r\n  background-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.back-to-top {\r\n  background: none;\r\n  margin: 0;\r\n  position: fixed;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: 70px;\r\n  height: 70px;\r\n  z-index: 100;\r\n  display: none;\r\n  text-decoration: none;\r\n  color: #fff;\r\n  background-color: transparent;\r\n}\r\n\r\n.back-to-top i {\r\n  font-size: 60px;\r\n}\r\n\r\n.back-to-top:hover,\r\n.back-to-top:focus {\r\n  color: #ff4a4a;\r\n}\r\n\r\n#toTop {\r\n  position: fixed;\r\n  bottom: 10px;\r\n  right: 10px;\r\n  cursor: pointer;\r\n  display: none;\r\n}\r\n\r\n#toTop {\r\n  font-family: 標楷體;\r\n  font-size: 15px;\r\n  opacity: 0.9;\r\n  background-color: #ff4a4a !important;\r\n  border: none;\r\n  letter-spacing: 0.09em;\r\n}\r\n\r\n.btn-default {\r\n  background-color: transparent;\r\n}\r\n\r\n.btn-default:hover,\r\n.btn-default:focus {\r\n  background-color: transparent;\r\n}\r\n\r\n.move-btn {\r\n  position: relative;\r\n  left: -15em;\r\n  top: 3px;\r\n  height: 32px;\r\n  background-color: transparent !important;\r\n  padding: 4px 10px 1px 12px !important;\r\n}\r\n\r\n.form-inline-add {\r\n  position: relative;\r\n  left: -30px;\r\n  top: 4.4em;\r\n  float: right;\r\n}\r\n\r\n.i-search {\r\n  color: #919191;\r\n  top: 3px;\r\n  left: 5px;\r\n  font-size: 16px;\r\n}\r\n\r\n.search-word {\r\n  position: relative;\r\n  top: -2px;\r\n  padding-left: 2px;\r\n  letter-spacing: 0.08em;\r\n  font-size: 15px;\r\n}\r\n\r\n/* buttons */\r\n\r\n.btn-4 {\r\n  position: relative;\r\n  float: right;\r\n  top: 4.6em;\r\n  left: -3.54em;\r\n  z-index: 1000;\r\n  border-radius: 5px !important;\r\n}\r\n\r\n.btn-rounded {\r\n  -webkit-border-radius: 10em;\r\n  border-radius: 10em;\r\n}\r\n\r\n.waves-effect {\r\n  position: relative;\r\n  cursor: pointer;\r\n  overflow: hidden;\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  -webkit-tap-highlight-color: transparent;\r\n  z-index: 1;\r\n}\r\n\r\n/* buttons / end */\r\n\r\n.modal div {\r\n  opacity: 1;\r\n  -webkit-transition: opacity 1s ease-in-out;\r\n  -moz-transition: opacity 1s ease-in-out;\r\n  -ms-transition: opacity 1s ease-in-out;\r\n  -o-transition: opacity 1s ease-in-out;\r\n  transition: opacity 1s ease-in-out;\r\n}\r\n\r\ndiv {\r\n  opacity: 0;\r\n  -webkit-transition: opacity 1s ease-in-out;\r\n  -moz-transition: opacity 1s ease-in-out;\r\n  -ms-transition: opacity 1s ease-in-out;\r\n  -o-transition: opacity 1s ease-in-out;\r\n  transition: opacity 1s ease-in-out;\r\n}\r\n\r\n.load {\r\n  opacity: 1;\r\n}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.87',NULL,NULL,NULL,NULL,NULL,NULL),(1191,'2018-10-20 18:49:09','2018-10-21 02:48:44',NULL,'2018-10-21 00:00:00','2038-01-01 00:00:00',124,251,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,'111.242.194.135',NULL,NULL,NULL,NULL,NULL,NULL),(1192,'2018-10-20 18:55:10','2018-10-21 02:53:52',NULL,'2018-10-21 00:00:00','2038-01-01 00:00:00',124,252,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'擦紙補充包1卷',NULL,'','','',752191,'20181021拖.jpg',752191,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.194.135',NULL,NULL,NULL,NULL,NULL,NULL),(1193,'2018-10-20 19:11:12','2018-10-21 03:11:12',NULL,'2018-10-21 00:00:00','2038-01-01 00:00:00',124,252,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'擦紙補充包1卷',NULL,'\r\n<p>\r\n	&nbsp;</p>\r\n<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    h2, h3, hr {\r\n        display: none;\r\n    }\r\n\r\n    body {\r\n        background: #F1E3AF;\r\n    }	</style>\r\n</p>\r\n<p>\r\n	<img alt=\"\" src=\"/userUpload/images/123/%E6%8B%96.jpg\" style=\"width: 255px; height: 318px; float: left;\" /></p>\r\n<p style=\"margin-left: 80px;\">\r\n	<span style=\"font-size: 36px;\">&nbsp; ◾ 體積:(長200*寬20cm)</span></p>\r\n','','',0,'20181021拖.jpg',752191,NULL,NULL,NULL,NULL,NULL,1122,NULL,1,NULL,NULL,'111.242.194.135',NULL,NULL,NULL,NULL,NULL,NULL),(1194,'2018-10-20 19:02:44','2018-10-21 03:02:41',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,'',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,999,NULL,0,NULL,NULL,'111.242.194.135',NULL,NULL,NULL,NULL,NULL,NULL),(1195,'2018-11-30 13:20:21','2018-11-30 21:20:21',NULL,'2018-11-30 00:00:00','2038-01-01 00:00:00',925,937,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\nimg {\r\n    border: 0;\r\n    border-radius: 22%;\r\n}\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background-color: brown;\r\n}\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\r\n}</style>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.12.3.209',NULL,NULL,NULL,NULL,NULL,NULL),(1196,'0000-00-00 00:00:00','2018-11-30 21:21:43',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,937,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\nimg {\r\n    border: 0;\r\n    border-radius: 22%;\r\n}\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background-color: brown;\r\n}\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\r\n}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.12.3.209',NULL,NULL,NULL,NULL,NULL,NULL),(1197,'0000-00-00 00:00:00','2018-11-30 21:22:21',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,937,NULL,NULL,NULL,NULL,NULL,512,NULL,NULL,NULL,'',NULL,'<style type=\"text/css\">\r\nimg {\r\n    border: 0;\r\n    border-radius: 22%;\r\n}\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background-color: brown;\r\n}\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\r\n}</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'39.12.3.209',NULL,NULL,NULL,NULL,NULL,NULL),(1198,'2018-12-03 07:23:48','2018-12-03 15:23:48',NULL,'2018-12-03 00:00:00','2038-01-01 00:00:00',125,295,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'E.大地魔法教室-植物敲拓染',NULL,'<p>\r\n	利用自然周邊現有的材料與大地借顏色，自然開花中的花材．葉材等運用拓染的方式留在手帕或環保袋上，還可以使用不同工具產生不同的顏色變化，把大自然當老師，來一起向大自然學習吧！</p>\r\n',' ','',950300,'2018120320181201_181203_0023_resized.jpg',122383,NULL,NULL,NULL,NULL,NULL,6000,NULL,1,NULL,NULL,'218.173.40.89',NULL,NULL,NULL,NULL,NULL,NULL),(1199,'0000-00-00 00:00:00','2018-12-05 17:18:43',NULL,NULL,NULL,120,763,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'品牌故事','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,0,NULL,NULL,NULL,NULL),(1200,'0000-00-00 00:00:00','2018-12-05 17:18:57',NULL,NULL,NULL,120,763,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'農場主人','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,0,NULL,NULL,NULL,NULL),(1201,'0000-00-00 00:00:00','2018-12-05 17:19:54',NULL,NULL,NULL,120,763,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'媒體報導','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,0,NULL,NULL,NULL,NULL),(1202,'0000-00-00 00:00:00','2018-12-05 17:20:14',NULL,NULL,NULL,120,763,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'獲獎事蹟','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,0,NULL,NULL,NULL,NULL),(1203,'0000-00-00 00:00:00','2018-12-05 17:20:35',NULL,NULL,NULL,120,763,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'運送問題','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,1,NULL,NULL,'210.240.176.221',NULL,0,NULL,NULL,NULL,NULL),(1204,'2018-12-06 03:21:37','2018-12-06 11:17:29',NULL,'2018-12-06 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n/**************************背景******************************************/\r\n.bgw{\r\n		  background-color: rgb(0,255,0,0.0);\r\n						}\r\n						\r\n					\r\n						\r\n.container-fluid\r\n{\r\n	overflow: hidden;\r\n	}\r\n				\r\n							\r\n/****************************************標題************************************/\r\n#welcome\r\n						{\r\n							position: center;\r\n							padding: 1em 1em 1em 1em;\r\n							background: rgba(207, 143, 31, 0.8);\r\n							background-size:cover;\r\n							text-align: center;\r\n                                                        color:black;\r\n\r\n						}\r\n						\r\nhr {\r\n        margin-top: 0px;\r\n        margin-bottom: 0px;\r\n        border: 0;\r\n        border-top: 1px solid rgba(238, 238, 238, 0.0);\r\n}\r\n  \r\n h23\r\n{\r\n	font-size:48px;\r\n}\r\n				\r\n						\r\n						\r\nh22 \r\n{   text-align: center;\r\n	font-size: 38pt;\r\n	color: rgba(0,0,0,1);\r\n	}\r\n						\r\n\r\n#wrapper\r\n	          {\r\n							position: center;\r\n							padding: 1em 0em 1em 0em;\r\n							background: rgba(255, 255, 255, 0.8);\r\n							color:black;\r\n							text-align:center;\r\n                                                        cursor: pointer\r\n						}\r\n		#header-wrapper\r\n						{\r\n							position: relative;\r\n							background:url(/userUpload/images/10512106/%E5%9C%96%E7%89%873.jpg);  \r\n							background-size:100% 100%;\r\n                                                        background-repeat:no-repeat; \r\n							text-align: center;\r\n                                                        center;\r\n						\r\n						}\r\n                                        .img{text-align: center;class=\"img-rounded img-responsive\"}\r\n\r\n					#banner .title h3\r\n						{\r\n							font-size:2.5em;\r\n						}\r\n						\r\n						#banner .title .byline\r\n						{\r\n							font-size: 1.0em;}\r\n/*****************************內容*************************************/\r\nbody\r\n			{\r\n				margin: 0px;\r\n				padding: 0px;\r\n				font-family: 微軟正黑體, sans-serif;\r\n				font-size: 24pt;\r\n				font-weight: 200;\r\n				color: #FFF;\r\n                background: url(userUpload/20180105背景圖.jpg) no-repeat fixed center center;\r\n                background-size: 100% 100%;\r\n						}\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\r\n}		\r\n				\r\n/*************************判斷滑鼠的動作放大圖片還有增加透明度(檢測圖)*******************/\r\n.post img:hover {\r\n-moz-transform: scale(1.0);\r\n-ms-transform: scale(1.0);\r\n-o-transform: scale(1.0);\r\n-webkit-transform: scale(1.0);\r\ntransform: scale(1.1);\r\nopacity: 1;\r\n}\r\n/*****************************下載圖式*************************************/\r\n.download img:hover {\r\n-moz-transform: scale(1.0);\r\n-ms-transform: scale(1.0);\r\n-o-transform: scale(1.0);\r\n-webkit-transform: scale(1.0);\r\ntransform: scale(1.25);\r\nopacity: 1;\r\n}\r\n.\r\n/*********************文字展開*************************/\r\n\r\n.flip{\r\nmargin:5px;\r\npadding:10px;\r\ntext-align:center;\r\ncursor:pointer;\r\nfont-family:\'微軟正黑體\';\r\n}\r\n.panel{\r\ntext-align:center;\r\nline-height: 1.428571;\r\nfont-size:18pt;\r\ndisplay:none;\r\ncursor:pointer;\r\nfont-family:\'微軟正黑體\';}\r\n\r\n/************************************************************/\r\n\r\n\r\n.navbar-nav > li > a {\r\n    padding-top: 0px;\r\n    padding-bottom: 0px;\r\n    line-height: 50px;\r\n    font-size: 20px;\r\n}\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background-color: brown;\r\n}\r\n\r\n\r\n/*************************************************************/	</style>\r\n</p>\r\n<div id=\"header-wrapper\">\r\n	<div class=\"row\" id=\"banner\">\r\n		<div class=\"img\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<div class=\"title\">\r\n					<h3>\r\n						&nbsp;</h3>\r\n					<h3>\r\n						芳林的故事</h3>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<span class=\"byline\">The story of FAN GLIN ORCHARD</span></p>\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<h22><strong>故事的起源</strong></h22></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<hr />\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<span style=\"font-size:25px;\"><span style=\" color: bla;  vertical-align: baseline; white-space: pre-wrap;\"><img alt=\" \" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E9%97%9C%E6%96%BC%E8%8A%B3%E6%9E%972.png\" style=\"float: left; height: auto; width: 500px;\" /> </span> </span><h32> <strong>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....</strong></h32></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<div class=\"flip\">\r\n				<span class=\"1\">Read more</span></div>\r\n			<br />\r\n			<div class=\"panel\">\r\n				<strong>&nbsp;&nbsp;&nbsp;&nbsp;對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努力，新手也可以闖出一片天。 </strong></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div id=\"welcome\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n			<h23><strong>芳林芭樂果園 鄭宗林</strong></h23></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<hr />\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<img align=\"left\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86_1.jpg\" style=\"height:auto; width: 450px;\" /> <h33><h32> <span style=\"color:#000000;font-size:36px;\"><span style=\"font-size:36px;background-color:#800000; color: white\">經歷：</span></span><br />\r\n			<span style=\"font-size: 35px;\"><strong>。行政院農委會 第一屆 百大青年農民</strong></span><br />\r\n			<br />\r\n			<span style=\"color:#000000;font-size:35px;\"><strong>。高雄市農業局 高雄型農</strong><br />\r\n			<br />\r\n			<strong>。培訓班 高雄型農精英班</strong><br />\r\n			<br />\r\n			<strong>。高雄市青年農民聯誼會會長</strong></span></h32></h33></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				<h22><span style=\"font-size:48px;\"><strong>芳林的品質保證</strong></span></h22></div>\r\n			<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n				<hr />\r\n			</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				<h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\"><strong>優質的保證，讓人人都想品嘗這個美味</strong></span></span></span></h32></h31></div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				<strong>鄭宗林隸屬大社區農會的果樹產銷第7班，<br />\r\n				已通過產銷履歷認證，種植總面積2公頃，<br />\r\n				年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br />\r\n				芳林農園珍珠芭樂特色：<br />\r\n				1.通過屏科大產銷履歷認證<br />\r\n				2.通過311項無農藥殘留檢測<br />\r\n				3.採草生栽培、友善耕作</strong></div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				<h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\"><strong>天然有機的珍珠芭樂農園</strong></span></span></span></h32></h31></div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				<strong>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。 大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</strong><br />\r\n				<br />\r\n				<br />\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n					<strong><h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\">善用政府資源讓新手變老手</span></span></span></h32></h31></strong></div>\r\n				<br />\r\n				<br />\r\n				<strong>後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。 「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。</strong><br />\r\n				<br />\r\n				<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n					<strong><h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\">愛護大地的草生栽培農法</span></span></span></h32></h31></strong></div>\r\n				<br />\r\n				<br />\r\n				<strong>鄭宗林的芭樂園最近從阿蓮搬到岡山，就在大崗山和小崗山的山腳下，來到這座佔地2.5公頃的「芳林」芭樂園，看到的是一望無際的綠意，不只芭樂樹是綠的、就連樹下的土壤也披上一層「綠衣」，不知情的人還以為是芭樂園疏於整理，以致雜草叢生，「這叫草生栽培，我的芭樂雖然也施以少量的農藥，但絕不用除草劑。」鄭宗林說，草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥，只不過果園裡的雜草會不斷長高，所以他每天都得推除草機。 「芳林」芭樂雖然不是有機芭樂，但也有產銷履歷和吉園圃的雙認證，即足以讓人安心食用，再加上果園主人農業技術不斷精進，所產的珍珠芭樂口感扎實，甜度高、水分足，在市場上大受歡迎，未來還將以觀光果園模式，讓更多民眾得以體驗農家採果、自採自食的樂趣。 </strong></div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				&nbsp;</div>\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<div style=\"line-height: 1.2; margin-bottom: 0pt; margin-top: 0pt; text-align: center;\">\r\n					<div class=\"post\">\r\n						<div>\r\n							<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><strong>產銷履歷</strong></span><br />\r\n							<br />\r\n							<div class=\"download\">\r\n								<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><a border=\"0\" href=\"http://ecloud.ewang.com.tw/userUpload/images/10512106/S_7032553691111.jpg\" target=\"_blank\"><img alt=\"產銷履歷\" class=\"image-responsive img-thumbnail image-full\" src=\"http://alumni.fju.edu.tw/img/download.png\" style=\"height: auto; width: 40px;\" title=\"點我下載(產銷履歷)\" /></a></span></span></div>\r\n						</div>\r\n						<div>\r\n							<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><strong>水質檢測認證</strong></span></span><br />\r\n							<br />\r\n							<div class=\"download\">\r\n								<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><a border=\"0\" href=\"http://ecloud.ewang.com.tw/userUpload/images/10512106/89573.jpg\" target=\"_blank\"><img alt=\"水質檢測認證\" class=\"image-responsive img-thumbnail image-full\" src=\"http://alumni.fju.edu.tw/img/download.png\" style=\"height: auto; width: 40px;\" title=\"點我下載(水質檢測認證)\" /></a></span></span></span></div>\r\n						</div>\r\n						<div>\r\n							<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><strong>無農藥檢測認證</strong></span></span></span><br />\r\n							<br />\r\n							<div class=\"download\">\r\n								<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><a border=\"0\" href=\"http://ecloud.ewang.com.tw/userUpload/images/10512106/89572.jpg\" target=\"_blank\"><img alt=\"無農藥檢測認證\" class=\"image-responsive img-thumbnail image-full\" src=\"http://alumni.fju.edu.tw/img/download.png\" style=\"height: auto; width: 40px;\" title=\"點我下載(無農藥檢測認證)\" /></a> </span></span></span></span></div>\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	&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	<script src=\"//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js\"></script><script src=\'https://npmcdn.com/jquery@3.1.0\'></script></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/font-awesome/4.7.0/css/font-awesome.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<script src=\'//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js\'></script><script src=\'https://npmcdn.com/jquery@3.1.0\'></script><script >$(function(){\r\n$(\".flip\").click(function(){\r\n    $(\".panel\").slideToggle(\"slow\");\r\n    $(\".xs1\").toggle();\r\n    $(\".xs2\").toggle();\r\n  });});\r\n\r\n//# sourceURL=pen.js\r\n</script>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'110.26.194.56',NULL,NULL,NULL,NULL,NULL,NULL),(1205,'2019-06-19 14:13:50','2019-06-19 22:13:19',NULL,'2018-12-06 00:00:00','2038-01-01 00:00:00',120,1199,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"zh-tw\">\r\n<head>\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css\">\r\n    <link href=\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC\" rel=\"stylesheet\">\r\n\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/css/uikit.min.css\" />\r\n\r\n    <style>\r\n        * {\r\n  line-height: 1.5;\r\n  letter-spacing: 0.2rem;\r\n}\r\n\r\n.btn-outline-dark {\r\n  background: transparent !important;\r\n  color: #222f3e;\r\n  font-size: 18px !important;\r\n  border-radius: 5px;\r\n  border: 1px solid #222f3e !important;\r\n  -webkit-transition: all .2s ease-in;\r\n  transition: all .2s ease-in;\r\n}\r\n\r\n.btn-outline-dark:hover, .btn-outline-dark:focus {\r\n  background: #222f3e !important;\r\n  color: #fff !important;\r\n}\r\n\r\n.left-20 {\r\n  position: relative;\r\n  left: 20%;\r\n}\r\n\r\n.left-10 {\r\n  position: relative;\r\n  left: 10%;\r\n}\r\n\r\n.btn-outline-light {\r\n  background: transparent !important;\r\n  color: #ecf0f1;\r\n  font-size: 18px !important;\r\n  border-radius: 5px;\r\n  border: 1px solid #ecf0f1 !important;\r\n  -webkit-transition: all .2s ease-in;\r\n  transition: all .2s ease-in;\r\n}\r\n\r\n.btn-outline-light:hover, .btn-outline-light:focus {\r\n  background: #ecf0f1 !important;\r\n  color: #222f3e !important;\r\n}\r\n\r\n.btn-outline-primary {\r\n  background: transparent !important;\r\n  color: #2e86de;\r\n  font-size: 18px !important;\r\n  border-radius: 5px !important;\r\n  border: 1px solid #2e86de !important;\r\n  -webkit-transition: all .2s ease-in;\r\n  transition: all .2s ease-in;\r\n}\r\n\r\n.btn-outline-primary:hover, .btn-outline-primary:focus {\r\n  background: #2e86de !important;\r\n  color: #ecf0f1 !important;\r\n}\r\n\r\n.btn-outline-warning {\r\n  background: transparent !important;\r\n  color: #ff9f43;\r\n  font-size: 18px !important;\r\n  border-radius: 5px !important;\r\n  border: 1px solid #ff9f43 !important;\r\n  -webkit-transition: all .2s ease-in;\r\n  transition: all .2s ease-in;\r\n}\r\n\r\n.btn-outline-warning:hover, .btn-outline-warning:focus {\r\n  background: #ff9f43 !important;\r\n  color: #ecf0f1 !important;\r\n}\r\n\r\n.bg-half-dark {\r\n  border: 1px solid transparent;\r\n  border-radius: 10px;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.display-1 {\r\n  font-size: 90px;\r\n}\r\n\r\n.display-2 {\r\n  font-size: 60px;\r\n}\r\n\r\n.display-3 {\r\n  font-size: 40px;\r\n}\r\n\r\n.display-4 {\r\n  font-size: 32px;\r\n}\r\n\r\n.px-auto {\r\n  padding-left: auto;\r\n  padding-right: auto;\r\n}\r\n\r\n.pt-5 {\r\n  padding-top: 5rem;\r\n}\r\n\r\n.pb-5 {\r\n  padding-bottom: 5rem;\r\n}\r\n\r\n.pr-5 {\r\n  padding-right: 5rem;\r\n}\r\n\r\n.pl-5 {\r\n  padding-left: 5rem;\r\n}\r\n\r\n.pr-4 {\r\n  padding-right: 4rem;\r\n}\r\n\r\n.pl-4 {\r\n  padding-left: 4rem;\r\n}\r\n\r\n.pt-4 {\r\n  padding-top: 4rem;\r\n}\r\n\r\n.pb-4 {\r\n  padding-bottom: 4rem;\r\n}\r\n\r\n.pt-3 {\r\n  padding-top: 3rem;\r\n}\r\n\r\n.pb-3 {\r\n  padding-bottom: 3rem;\r\n}\r\n\r\n.pr-3 {\r\n  padding-right: 3rem;\r\n}\r\n\r\n.pl-3 {\r\n  padding-left: 3rem;\r\n}\r\n\r\n.pt-2 {\r\n  padding-top: 2rem;\r\n}\r\n\r\n.pb-2 {\r\n  padding-bottom: 2rem;\r\n}\r\n\r\n.pr-2 {\r\n  padding-right: 2rem;\r\n}\r\n\r\n.pl-2 {\r\n  padding-left: 2rem;\r\n}\r\n\r\n.mx-auto {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.mt-5 {\r\n  margin-top: 5rem;\r\n}\r\n\r\n.mb-5 {\r\n  margin-bottom: 5rem;\r\n}\r\n\r\n.mr-5 {\r\n  margin-right: 5rem;\r\n}\r\n\r\n.ml-5 {\r\n  margin-left: 5rem;\r\n}\r\n\r\n.mt-4 {\r\n  margin-top: 4rem;\r\n}\r\n\r\n.mb-4 {\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.ml-4 {\r\n  margin-left: 4rem;\r\n}\r\n\r\n.mr-4 {\r\n  margin-right: 4rem;\r\n}\r\n\r\n.mt-3 {\r\n  margin-top: 3rem;\r\n}\r\n\r\n.mb-3 {\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n.mr-3 {\r\n  margin-right: 3rem;\r\n}\r\n\r\n.ml-3 {\r\n  margin-left: 3rem;\r\n}\r\n\r\n.mt-2 {\r\n  margin-top: 2rem;\r\n}\r\n\r\n.mb-2 {\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.ml-2 {\r\n  margin-left: 2rem;\r\n}\r\n\r\n.mr-2 {\r\n  margin-right: 2rem;\r\n}\r\n\r\n.text-center {\r\n  text-align: center;\r\n}\r\n\r\n.text-left {\r\n  text-align: left;\r\n}\r\n\r\n.text-right {\r\n  text-align: right;\r\n}\r\n\r\n.text-justify {\r\n  text-align: justify;\r\n}\r\n\r\n.text-white {\r\n  color: #fff;\r\n}\r\n\r\n.text-primary {\r\n  color: #2e86de;\r\n}\r\n\r\n.text-light-primary {\r\n  color: #54a0ff;\r\n}\r\n\r\n.float-left {\r\n  float: left;\r\n}\r\n\r\n.float-right {\r\n  float: right;\r\n}\r\n\r\n.clearfix {\r\n  clear: both;\r\n}\r\n\r\n.d-block {\r\n  display: block;\r\n}\r\n\r\n.d-inline-block {\r\n  display: inline-block;\r\n}\r\n\r\n.d-flex {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n\r\n.w-10 {\r\n  width: 10%;\r\n}\r\n\r\n.w-20 {\r\n  width: 20%;\r\n}\r\n\r\n.w-25 {\r\n  width: 25%;\r\n}\r\n\r\n.w-30 {\r\n  width: 30%;\r\n}\r\n\r\n.w-35 {\r\n  width: 35%;\r\n}\r\n\r\n.w-50 {\r\n  width: 50%;\r\n}\r\n\r\n.w-60 {\r\n  width: 60%;\r\n}\r\n\r\n.w-75 {\r\n  width: 75%;\r\n}\r\n\r\n.w-90 {\r\n  width: 90%;\r\n}\r\n\r\n.w-100 {\r\n  width: 100%;\r\n}\r\n\r\n.bg-primary {\r\n  background-color: #2e86de;\r\n}\r\n\r\n.bg-primary-light {\r\n  background-color: #54a0ff;\r\n}\r\n\r\n.bg-danger {\r\n  background-color: #ee5253;\r\n}\r\n\r\n.bg-danger-light {\r\n  background-color: #ff6b6b;\r\n}\r\n\r\n.bg-warning {\r\n  background-color: #ff9f43;\r\n}\r\n\r\n.bg-warning-light {\r\n  background-color: #feca57;\r\n}\r\n\r\n.text-14 {\r\n  font-size: 14px;\r\n}\r\n\r\n.text-15 {\r\n  font-size: 15px;\r\n}\r\n\r\n.text-16 {\r\n  font-size: 16px;\r\n}\r\n\r\n.text-18 {\r\n  font-size: 18px;\r\n}\r\n\r\n.text-20 {\r\n  font-size: 20px;\r\n}\r\n\r\n.text-23 {\r\n  font-size: 23px;\r\n}\r\n\r\n.text-25 {\r\n  font-size: 25px;\r\n}\r\n\r\n.indent-30 {\r\n  text-indent: 30px;\r\n}\r\n\r\n.indent-25 {\r\n  text-indent: 25px;\r\n}\r\n\r\n.indent-20 {\r\n  text-indent: 20px;\r\n}\r\n\r\n.img-transparent {\r\n  opacity: 0;\r\n}\r\n\r\np.text-18 {\r\n  text-indent: 20px;\r\n  font-size: 18px;\r\n}\r\n\r\nimg.shadow-filter {\r\n  -webkit-filter: drop-shadow(5px 10px 0.5rem rgba(0, 0, 0, 0.5));\r\n          filter: drop-shadow(5px 10px 0.5rem rgba(0, 0, 0, 0.5));\r\n  -webkit-transition: all .5s ease-in;\r\n  transition: all .5s ease-in;\r\n}\r\n\r\nimg.shadow-filter:hover {\r\n  -webkit-filter: drop-shadow(5px 10px 1rem rgba(0, 0, 0, 0.5));\r\n          filter: drop-shadow(5px 10px 1rem rgba(0, 0, 0, 0.5));\r\n}\r\n\r\nimg.shadow-filter-light {\r\n  -webkit-filter: drop-shadow(5px 10px 0.5rem rgba(255, 255, 255, 0.5));\r\n          filter: drop-shadow(5px 10px 0.5rem rgba(255, 255, 255, 0.5));\r\n  -webkit-transition: all .5s ease-in;\r\n  transition: all .5s ease-in;\r\n}\r\n\r\nimg.shadow-filter-light:hover {\r\n  -webkit-filter: drop-shadow(5px 10px 1rem rgba(255, 255, 255, 0.8));\r\n          filter: drop-shadow(5px 10px 1rem rgba(255, 255, 255, 0.8));\r\n}\r\n\r\n.section {\r\n  padding-left: 40px;\r\n  padding-right: 40px;\r\n}\r\n\r\n.section.s1 {\r\n  background: url(../img/logo-transparent-1.png) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s2 {\r\n  background: url(../img/canva-1.png) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s3 {\r\n  background: url(http://www.lohasplus.com.tw/userUpload/20180718%E5%B0%8F%E7%B6%A0%E8%91%89%E7%A6%AA.jpg) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s4 {\r\n  background: url(../img/44.jpg) right;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s5 {\r\n  background: url(../img/31.jpeg) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s6 {\r\n  background: url(../img/45.jpg) center center;\r\n  background-size: cover;\r\n}\r\n\r\nul.navbar-right li {\r\n  margin-top: 1rem;\r\n  margin-left: 1rem;\r\n  margin-right: 1rem;\r\n}\r\n\r\nul.navbar-right li a {\r\n  font-size: 18px;\r\n}\r\n\r\nul.navbar-right li.dropdown ul.dropdown-menu li {\r\n  margin-left: 0rem;\r\n}\r\n\r\nul.navbar-right li.dropdown ul.dropdown-menu li a:hover, ul.navbar-right li.dropdown ul.dropdown-menu li a:focus {\r\n  background: #54a0ff !important;\r\n}\r\n\r\nspan {\r\n  background: #fff !important;\r\n}\r\n\r\n.card {\r\n  border: 1px solid transparent;\r\n  margin-left: 5rem;\r\n  border-radius: 5px;\r\n  width: 38rem;\r\n  background: #ecf0f1;\r\n}\r\n\r\n.card .card-body {\r\n  padding: 15px;\r\n}\r\n\r\nul.navbar-nav li {\r\n  margin-top: 3rem;\r\n}\r\n\r\n\r\n#photo1:hover {\r\n  -webkit-transform: rotate(0deg) !important;\r\n          transform: rotate(0deg) !important;\r\n}\r\n\r\n#photo2:hover {\r\n  -webkit-transform: rotate(0deg) !important;\r\n          transform: rotate(0deg) !important;\r\n}\r\n\r\n.container {\r\n  padding-right: 0 !important;\r\n  padding-left: 0 !important;\r\n  margin-right: 0 !important;\r\n  margin-left: 0 !important;\r\n}\r\n\r\n@media (max-width: 812px) {\r\n  #photo1 {\r\n    left: 10%;\r\n    -webkit-transform: rotate(0deg);\r\n            transform: rotate(0deg);\r\n  }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  #photo1 {\r\n    left: 0%;\r\n    -webkit-transform: rotate(0deg) !important;\r\n            transform: rotate(0deg) !important;\r\n  }\r\n  #photo2 {\r\n    left: 0%;\r\n    -webkit-transform: rotate(5deg) !important;\r\n            transform: rotate(5deg) !important;\r\n  }\r\n  .navbar-brand img {\r\n    position: relative;\r\n    top: -3rem;\r\n  }\r\n  .display-1, .display-3 {\r\n    font-size: 32px;\r\n    position: relative;\r\n    top: 2rem;\r\n  }\r\n  .display-5 {\r\n    font-size: 32px;\r\n    position: relative;\r\n    top: 3rem;\r\n  }\r\n  .s1 .mt-5 {\r\n    margin-top: 0;\r\n  }\r\n  .s1 .textBox .pr-3, .s1 .textBox .pl-3, .s1 .textBox .pl-5, .s1 .textBox .pr-5, .s2 .textBox .pr-3, .s2 .textBox .pl-3, .s2 .textBox .pl-5, .s2 .textBox .pr-5, .s3 .textBox .pr-3, .s3 .textBox .pl-3, .s3 .textBox .pl-5, .s3 .textBox .pr-5, .s4 .textBox .pr-3, .s4 .textBox .pl-3, .s4 .textBox .pl-5, .s4 .textBox .pr-5, .s5 .textBox .pr-3, .s5 .textBox .pl-3, .s5 .textBox .pl-5, .s5 .textBox .pr-5, .s6 .textBox .pr-3, .s6 .textBox .pl-3, .s6 .textBox .pl-5, .s6 .textBox .pr-5 {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n  .section {\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n  }\r\n}\r\n/*# sourceMappingURL=main-3.css.map */\r\n\r\n    </style>\r\n\r\n</head>\r\n<body>\r\n\r\n    <div id=\"fullPage\">\r\n        <div class=\"section s1\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-1 pl-2 text-white\">品牌故事</h1>\r\n                        <div class=\"textBox mt-5\">\r\n                            <h4 id=\"title1\" class=\"display-4 pl-5 text-white\"></h4>\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                陳麗雪帶著堅毅的表情說「不改變，就是被淘汰」。身為媳婦，卻毅然將家族茶園轉型有機栽種，面臨親友的質欵與經濟壓力，\r\n                                不是一般人所能承受，但陳麗雪卻是硬生生的挺了過來。當別人還不認識有機，對有機不能認可時，她卻堅持做到底，為的是「家」，\r\n                                還有那長期支持他們的死忠顧客。 而這一路的跌撞辛苦，最終有了回報，民國100年陳麗雪獲選為建國百年女神龍，「佳芳有機茶園 」，\r\n                                再度打響名號。\r\n                            </p>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\">\r\n                            <img id=\"photo1\" src=\"https://www.taiwan-tea.net/wp-content/uploads/2018/02/brand-4.jpg\" alt=\"\" \r\n                            class=\"img-fluid img-thumbnail left-20 shadow-filter-light img-transparent\">\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s2\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img text-center\">\r\n                            <img id=\"photo2\" src=\"../img/6.png\" alt=\"\" \r\n                            class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">冷泡綠茶重新出發，紅烏龍打響名號</h1>\r\n                        <div class=\"textBox\">\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                面對新品種的「清心大冇」一開始摸不清特性，陳麗雪將採下來的茶葉按原來製程作成烏龍茶，卻發現極難入口，\r\n                                根本無法推出市場，只得再度向茶改場請求緩助，幸而得到了冷泡茶技術，採了近十公斤的茶葉，陳麗雪試著製成冷泡綠茶，沒想到竟大受歡迎，為佳芳有機茶園開闢了一條新的康莊大道。\r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                「這冷泡綠茶，含有豐富的兒茶素、葉綠素、茶多酚及茶酵素，對人體保健相當有益處」陳麗雪自從推出冷泡綠茶後，\r\n                                逢人就會開心地分享，有機栽種的茶葉的好處，不僅對人體保健，也不用擔心會有農藥殘留的問題。而被「小綠葉蟬」吸吮過的茶葉，\r\n                                則可製成蜜香紅香。民國97年，陳麗雪運用茶改場台東分場技術，以清心大冇製成紅烏龍，並代表台東到台北參展，\r\n                                徹底改變有機茶不好喝的刻板印象，從此打響名。現今，最大有機通路商里仁也是客戶之一。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s3\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-5 pl-2 text-white\">嫁為茶農婦，投入夫家製茶事業</h1>\r\n                        <div class=\"textBox mt-5\">\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                遠遠望去，層層山巒與茶園交織出一幅翠綠的自然景緻!!令人難以理解的是，佳芳有機茶園竟是這唯一僅存的茶園。\r\n                                 時間回到民國38年，配合政府政策，這曾種植著大片牧草供繁殖牛吃，沒想到，2、3年後卻發現牛無法生產，政府只好放棄該計畫，\r\n                                 此時，只得將牧草全都砍掉，沒想到卻遇大水來襲，造成大量土石流失。這時，水土保持局前來關心，發現這裏的地質、氣候適合種茶，\r\n                                 對水土保持也很有幫助，於是，以低價提供台茶十二號茶苗給農民栽植，還設立茶改場台東分場輔導茶農製茶。\r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                民國77年，嫁為台東媳婦的陳麗雪，也投入了夫家製茶事業，當時正值黃金期，「茶做了就馬上有人收走。」陳麗雪回憶著說，\r\n                                全盛時期，茶園超過十公頃，年營收達六百萬元。                            \r\n                            </p>\r\n\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\">\r\n                            <img src=\"../img/43.jpg\" alt=\"\" \r\n                            class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s4\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img text-center\">\r\n                            <img src=\"../img/30.jpeg\" alt=\"\" \r\n                            class=\"img-fluid img-thumbnail shadow-filter-light w-75 mr-auto\">\r\n                        </div>\r\n\r\n                        <div class=\"d-block text-white text-16 textBox\">\r\n                            \r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                接著，陳麗雪將茶園中的茶樹陸續換植為新品種，現今有金萱、清心大冇等，而自然生態也慢慢形成，小綠葉蟬、蜘蛛、螳蚓、\r\n                                飄蟲都陸續出現在茶園中。 「草也是很要的，不可以太早把草砍光。」陳麗雪笑著說。原來有次在收成前十幾天左右，\r\n                                擔心採茶工人不好採，便先把茶樹周邊的草都砍盡，沒想到，到了採茶前幾天，卻發現茶葉變的好醜，詢問了茶改場才知，\r\n                                原來草可以分攤草食性昆蟲的啃食，若是太早把草砍光，那麼昆蟲只能吃茶葉了。                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                有過這次經驗，現今，都是在採茶前二日，才會進行除草。                            \r\n                            </p>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white mt-5\">市場衝擊，轉型有機尋出路</h1>\r\n                        <div class=\"textBox text-16\">\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                沒想到，當全台經濟起飛時期，卻是陳麗雪面對挑戰的開始。那時阿里山、梨山等高山茶受到消費者喜愛，\r\n                                加上政府開放進口茶，低海拔的茶葉泛人問津，面臨市場淘汰的命運，農民只得紛紛轉型栽種其他作物，\r\n                                而陳麗雪夫家的製茶事業也無法倖免。 「究竟要怎麼做，才能不被市場淘汰?」苦思出路的陳麗雪，先轉型做零售，\r\n                                「批發商都倒了，只能靠自己」，那時，零售量不如批發，茶園面積只得從十公傾，一直減到三公傾，但靠著陳麗雪的用心推廣，\r\n                                還是累積了三、五百位的長期客源。直到去上了「有機」課程，終於讓陳麗雪尋找到扭轉危機的曙光。 \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                「究竟要不要轉型有機?? 」，\r\n                                在了解有機種植對健康、生態有益後，陳麗雪想著：「在我們最慘的時候，親朋好友依然支持我們的茶，\r\n                                我們理當要回饋照顧他們的健康才是。」就是這想法，給了陳麗雪勇氣，取得先生同意下，她多次與親友溝通，卻都遭到反對，\r\n                                只是陳麗雪依然堅持著，最後家族親友勉強同意試種一年有機，沒想到，那年收成慘趺，讓親友們毅然放棄有機，轉回慣型農法。\r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                當時的陳麗雪並不想放棄，最後只得分家，各自栽種，在先生的支持下，夫婦倆獨自打理著有機茶園。 熬過黑暗期，有機茶園漸露\r\n                                曙光 「開始種有機的那一、二年，每株茶樹看起來就像生病一樣，亳無生氣，完全沒有抵抗力，更別談收成了」陳麗雪回想著說。當時，\r\n                                只能給予有機肥，以人工抓蟲、除草，提升茶樹的抵抗力，讓土地恢復地力。                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                「記得那年兒子還好小，但沒有收入，卻還得把錢投入購買有機肥、機具等，只好每天都煮粥給他吃，根本沒錢買奶粉。」\r\n                                陳麗雪帶著一絲虧欠地說。 幸好，第三年茶樹恢復了健康，加上茶改場的協助，部分改種具有強韌生命力、抗病菌強，\r\n                                且含氧量高的台灣原生種「清心大冇」，並輔以深層海洋水灌溉，終於開始有了那麼一點回收。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s5\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img text-center\">\r\n                            <img id=\"photo2\" src=\"../img/9.jpeg\" alt=\"\" \r\n                            class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">結合休閒觀光，讓「茶園」變的好好玩</h1>\r\n                        <div class=\"textBox\">\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                民國99年，陳麗雪將五甲的有機茶園規劃成體驗區， 帶領遊客在茶園中體驗採茶，觀察茶園生態，甚至還研發茶品DIY， \r\n                                每年絞盡腦汁推陳出新，就是要讓遊客玩的盡興。像是將採下的茶葉，經過清洗後， 以果汁機打成綠茶汁，加入梅子、蜂蜜微調，\r\n                                便是好喝又解喝的養生飲品；麵粉中加入綠茶汁， 便是翡翠包DIY的外皮；或是麵粉、蛋白、奶油再調入紅烏龍茶和成麵糊，\r\n                                便可體驗蛋捲製作， 「每每那煎蛋捲的香氣四溢，總讓客人忍不住要自己動手做一條品嚐。」                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                陳麗雪開心地說，再配上現場沖泡的茶飲， 任誰都是帶著滿足而愉快的心情離開。 推動茶園體驗已有四年，\r\n                                如今陳麗雪想帶領著鄰居以「一戶一特色」來推動社區有機村， 讓年輕人有回鄉工作的意願，讓老一輩有傳承教導的機會，\r\n                                這是她未來努力想完成的夢。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s6\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">結合休閒觀光，讓「茶園」變的好好玩 (續)</h1>\r\n                        <div class=\"textBox\">\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                陳麗雪開心地說，再配上現場沖泡的茶飲， 任誰都是帶著滿足而愉快的心情離開。 推動茶園體驗已有四年，\r\n                                如今陳麗雪想帶領著鄰居以「一戶一特色」來推動社區有機村， 讓年輕人有回鄉工作的意願，讓老一輩有傳承教導的機會，\r\n                                這是她未來努力想完成的夢。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img text-center\">\r\n                            <img id=\"photo2\" src=\"../img/9.jpeg\" alt=\"\" \r\n                            class=\"img-fluid img-thumbnail shadow-filter-light\">\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    \r\n    </div>\r\n\r\n    \r\n    <script src=\"https://code.jquery.com/jquery-3.2.1.js\"></script>\r\n    <script src=\"https://kit.fontawesome.com/480b90f7d2.js\"></script>\r\n\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js\"></script>\r\n\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/js/uikit.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.min.js\"></script>\r\n    <script src=\"https://kit.fontawesome.com/480b90f7d2.js\"></script>\r\n\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js\"></script>\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    \r\n    \r\n\r\n    <script>\r\n        new fullpage(\'#fullPage\', {\r\n            //option\r\n            autoScrolling: true,\r\n            navigation: true,\r\n            slidesNavigation: true,\r\n            css3: true,\r\n            scrollingSpeed: 1000,\r\n        });\r\n\r\n        $(document).ready(function(){\r\n            $(\".owl-carousel\").owlCarousel();\r\n        });\r\n\r\n        $(\'.owl-carousel\').owlCarousel({\r\n            loop:false,\r\n            margin:50,\r\n            nav:true,\r\n            responsive:{\r\n                0:{\r\n                    items:1\r\n                },\r\n                600:{\r\n                    items:3\r\n                },\r\n                1000:{\r\n                    items:5\r\n                }\r\n            }\r\n        });\r\n\r\n        $(\"ul.navbar-brand li img\").addClass(\"img-class img-transparent\");\r\n	$(\"div.navbar\").removeClass(\"navbar-default\").addClass(\"navbar-inverse navbar-fixed-top\");\r\n	$(\"div.navbar .container\").removeClass(\"container\").addClass(\"container-fluid\");\r\n	$(\".container-fluid.bgw\").removeClass(\"container-fluid\");\r\n\r\n        //GSAP \r\n        TweenMax.to (\"#photo1\", 2, {\r\n            delay: .2,\r\n            x: -80,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: 17,\r\n        });\r\n\r\n        TweenMax.to (\"#photo2\", 2, {\r\n            delay: .2,\r\n            x: 20,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: -7,\r\n        });\r\n\r\n        TweenMax.from(\".textBox\", 2, {\r\n            delay: .6,\r\n            x: -80,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.from(\".display-1\", 2, {\r\n            delay: 1.6,\r\n            x: -80,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.from(\".img-class\", 2, {\r\n            delay: 1.6,\r\n            y: 20,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.staggerFrom(\".navbar-collapse ul.navbar-nav li\", 2, {\r\n            delay: 1,\r\n            y: 20,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        }, 0.1);\r\n    </script>\r\n\r\n</body>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1206,'2019-02-20 07:07:21','2019-02-20 15:07:21',NULL,'2018-11-10 00:00:00','2038-11-30 00:00:00',45,46,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'陶漾人生-廖光亮個展',NULL,'<p>\r\n	<span style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\">陶漾人生-作品分享會</span><br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<span style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\">時間：11/10 上午10:00-12:00</span></p>\r\n<p>\r\n	<br style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\" />\r\n	<img alt=\"\" src=\"/userUpload/images/%26%2328023%3B%26%2322577%3BA1.jpg\" style=\"width: 50%; height: 50%;\" /></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,4000,NULL,1,NULL,NULL,'36.237.148.204',NULL,NULL,NULL,NULL,NULL,NULL),(1207,'2019-02-20 06:45:07','2019-02-20 14:45:07',NULL,'2018-12-07 00:00:00','2038-01-01 00:00:00',45,684,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<div class=\"row\">\r\n	<div class=\"col-md-4\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"200px\" scrolling=\"no\" src=\"https://www.youtube.com/embed/geL3lCwbWBY\" width=\"320px\"></iframe>\r\n		<p class=\"item_tilte\" style=\"text-align: center; font-size: 20px;\">\r\n			20171008 九鳥陶燒聯展 創作人一離世一罹怪病</p>\r\n	</div>\r\n	<div class=\"col-md-4\">\r\n		<iframe allowfullscreen=\"true\" allowtransparency=\"true\" frameborder=\"0\" height=\"200px\" scrolling=\"no\" src=\"https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2F100002671610062%2Fvideos%2F1026660364099674%2F&amp;show_text=0&amp;width=560\" style=\"border:none;overflow:hidden\" width=\"320px\"></iframe>\r\n		<p class=\"item_tilte\" style=\"text-align: center; font-size: 20px;\">\r\n			進擊的台灣 - 九鳥陶燒</p>\r\n	</div>\r\n	<div class=\"col-md-4\">\r\n		<iframe allow=\"accelerometer; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\" height=\"200\" scrolling=\"no\" src=\"https://www.youtube.com/embed/rqkIW7HZsYo\" width=\"320\"></iframe>\r\n		<p class=\"item_tilte\" style=\"text-align: center; font-size: 20px;\">\r\n			2018-11-15 原視新聞陶漾人生-廖光亮個展</p>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,6000,NULL,1,NULL,NULL,'36.237.148.204',NULL,NULL,NULL,NULL,NULL,NULL),(1208,'2018-12-07 06:46:48','2018-12-07 14:46:23',NULL,'2018-12-07 00:00:00','2038-01-01 00:00:00',45,684,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'20181115陶漾人生-廖光亮個展',NULL,'<p>\r\n	https://youtu.be/rqkIW7HZsYo</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'111.242.198.167',NULL,NULL,NULL,NULL,NULL,NULL),(1209,'2019-06-24 12:39:54','2019-06-24 20:39:54',NULL,'2018-12-09 00:00:00','2038-01-01 00:00:00',120,1200,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.min.css\">\r\n\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css\">\r\n    <link href=\"https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC\" rel=\"stylesheet\">\r\n\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/css/uikit.min.css\" />\r\n    <script src=\"https://code.jquery.com/jquery-3.2.1.js\"></script>\r\n<style>\r\n\r\n* {\r\n  line-height: 1.5;\r\n  letter-spacing: 0.2rem;\r\n}\r\n\r\n.left-20 {\r\n  position: relative;\r\n  left: 20%;\r\n}\r\n\r\n.left-10 {\r\n  position: relative;\r\n  left: 10%;\r\n}\r\n\r\n.bg-half-dark {\r\n  border: 1px solid transparent;\r\n  border-radius: 10px;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.display-1 {\r\n  font-size: 90px;\r\n}\r\n\r\n.display-2 {\r\n  font-size: 60px;\r\n}\r\n\r\n.display-3 {\r\n  font-size: 40px;\r\n}\r\n\r\n.display-4 {\r\n  font-size: 32px;\r\n}\r\n\r\n.px-auto {\r\n  padding-left: auto;\r\n  padding-right: auto;\r\n}\r\n\r\n.pt-5 {\r\n  padding-top: 5rem;\r\n}\r\n\r\n.pb-5 {\r\n  padding-bottom: 5rem;\r\n}\r\n\r\n.pr-5 {\r\n  padding-right: 5rem;\r\n}\r\n\r\n.pl-5 {\r\n  padding-left: 5rem;\r\n}\r\n\r\n.pr-4 {\r\n  padding-right: 4rem;\r\n}\r\n\r\n.pl-4 {\r\n  padding-left: 4rem;\r\n}\r\n\r\n.pt-4 {\r\n  padding-top: 4rem;\r\n}\r\n\r\n.pb-4 {\r\n  padding-bottom: 4rem;\r\n}\r\n\r\n.pt-3 {\r\n  padding-top: 3rem;\r\n}\r\n\r\n.pb-3 {\r\n  padding-bottom: 3rem;\r\n}\r\n\r\n.pr-3 {\r\n  padding-right: 3rem;\r\n}\r\n\r\n.pl-3 {\r\n  padding-left: 3rem;\r\n}\r\n\r\n.pt-2 {\r\n  padding-top: 2rem;\r\n}\r\n\r\n.pb-2 {\r\n  padding-bottom: 2rem;\r\n}\r\n\r\n.pr-2 {\r\n  padding-right: 2rem;\r\n}\r\n\r\n.pl-2 {\r\n  padding-left: 2rem;\r\n}\r\n\r\n.mx-auto {\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n.mt-5 {\r\n  margin-top: 5rem;\r\n}\r\n\r\n.mb-5 {\r\n  margin-bottom: 5rem;\r\n}\r\n\r\n.mr-5 {\r\n  margin-right: 5rem;\r\n}\r\n\r\n.ml-5 {\r\n  margin-left: 5rem;\r\n}\r\n\r\n/*.mt-4 {\r\n  margin-top: 4rem;\r\n}*/\r\n\r\n.mb-4 {\r\n  margin-bottom: 4rem;\r\n}\r\n\r\n.ml-4 {\r\n  margin-left: 4rem;\r\n}\r\n\r\n.mr-4 {\r\n  margin-right: 4rem;\r\n}\r\n\r\n.mt-3 {\r\n  margin-top: 3rem;\r\n}\r\n\r\n.mb-3 {\r\n  margin-bottom: 3rem;\r\n}\r\n\r\n.mr-3 {\r\n  margin-right: 3rem;\r\n}\r\n\r\n.ml-3 {\r\n  margin-left: 3rem;\r\n}\r\n\r\n.mt-2 {\r\n  margin-top: 2rem;\r\n}\r\n\r\n.mb-2 {\r\n  margin-bottom: 2rem;\r\n}\r\n\r\n.ml-2 {\r\n  margin-left: 2rem;\r\n}\r\n\r\n.mr-2 {\r\n  margin-right: 2rem;\r\n}\r\n\r\n.text-center {\r\n  text-align: center;\r\n}\r\n\r\n.text-left {\r\n  text-align: left;\r\n}\r\n\r\n.text-right {\r\n  text-align: right;\r\n}\r\n\r\n.text-justify {\r\n  text-align: justify;\r\n}\r\n\r\n.text-white {\r\n  color: #fff;\r\n}\r\n\r\n.text-primary {\r\n  color: #2e86de;\r\n}\r\n\r\n.text-light-primary {\r\n  color: #54a0ff;\r\n}\r\n\r\n.float-left {\r\n  float: left;\r\n}\r\n\r\n.float-right {\r\n  float: right;\r\n}\r\n\r\n.clearfix {\r\n  clear: both;\r\n}\r\n\r\n.d-block {\r\n  display: block;\r\n}\r\n\r\n.d-inline-block {\r\n  display: inline-block;\r\n}\r\n\r\n.d-flex {\r\n  display: -webkit-box;\r\n  display: -ms-flexbox;\r\n  display: flex;\r\n}\r\n\r\n.w-10 {\r\n  width: 10%;\r\n}\r\n\r\n.w-20 {\r\n  width: 20%;\r\n}\r\n\r\n.w-25 {\r\n  width: 25%;\r\n}\r\n\r\n.w-30 {\r\n  width: 30%;\r\n}\r\n\r\n.w-35 {\r\n  width: 35%;\r\n}\r\n\r\n.w-50 {\r\n  width: 50%;\r\n}\r\n\r\n.w-60 {\r\n  width: 60%;\r\n}\r\n\r\n.w-75 {\r\n  width: 75%;\r\n}\r\n\r\n.w-90 {\r\n  width: 90%;\r\n}\r\n\r\n.w-100 {\r\n  width: 100%;\r\n}\r\n\r\n.bg-primary {\r\n  background-color: #2e86de;\r\n}\r\n\r\n.bg-primary-light {\r\n  background-color: #54a0ff;\r\n}\r\n\r\n.bg-danger {\r\n  background-color: #ee5253;\r\n}\r\n\r\n.bg-danger-light {\r\n  background-color: #ff6b6b;\r\n}\r\n\r\n.bg-warning {\r\n  background-color: #ff9f43;\r\n}\r\n\r\n.bg-warning-light {\r\n  background-color: #feca57;\r\n}\r\n\r\n.text-14 {\r\n  font-size: 14px;\r\n}\r\n\r\n.text-15 {\r\n  font-size: 15px;\r\n}\r\n\r\n.text-16 {\r\n  font-size: 16px;\r\n}\r\n\r\n.text-18 {\r\n  font-size: 18px;\r\n}\r\n\r\n.text-20 {\r\n  font-size: 20px;\r\n}\r\n\r\n.text-23 {\r\n  font-size: 23px;\r\n}\r\n\r\n.text-25 {\r\n  font-size: 25px;\r\n}\r\n\r\n.indent-30 {\r\n  text-indent: 30px;\r\n}\r\n\r\n.indent-25 {\r\n  text-indent: 25px;\r\n}\r\n\r\n.indent-20 {\r\n  text-indent: 20px;\r\n}\r\n\r\np.text-18 {\r\n  text-indent: 20px;\r\n  font-size: 18px;\r\n}\r\n\r\nimg.shadow-filter {\r\n  -webkit-filter: drop-shadow(5px 10px 0.5rem rgba(0, 0, 0, 0.5));\r\n          filter: drop-shadow(5px 10px 0.5rem rgba(0, 0, 0, 0.5));\r\n  -webkit-transition: all .5s ease-in;\r\n  transition: all .5s ease-in;\r\n}\r\n\r\nimg.shadow-filter:hover {\r\n  -webkit-filter: drop-shadow(5px 10px 1rem rgba(0, 0, 0, 0.5));\r\n          filter: drop-shadow(5px 10px 1rem rgba(0, 0, 0, 0.5));\r\n}\r\n\r\nimg.shadow-filter-light {\r\n  -webkit-filter: drop-shadow(5px 10px 0.5rem rgba(255, 255, 255, 0.5));\r\n          filter: drop-shadow(5px 10px 0.5rem rgba(255, 255, 255, 0.5));\r\n  -webkit-transition: all .5s ease-in;\r\n  transition: all .5s ease-in;\r\n}\r\n\r\nimg.shadow-filter-light:hover {\r\n  -webkit-filter: drop-shadow(5px 10px 1rem rgba(255, 255, 255, 0.8));\r\n          filter: drop-shadow(5px 10px 1rem rgba(255, 255, 255, 0.8));\r\n}\r\n\r\n.section {\r\n  padding-left: 40px;\r\n  padding-right: 40px;\r\n}\r\n\r\n.section.s1 {\r\n  background: url(userUpload/images/佳芳/brand/logo-transparent-1.png) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s2 {\r\n  background: url(userUpload/images/佳芳/brand/canva-1.png) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s3 {\r\n  background: url(http://www.lohasplus.com.tw/userUpload/20180718%E5%B0%8F%E7%B6%A0%E8%91%89%E7%A6%AA.jpg) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s4 {\r\n  background: url(userUpload/images/佳芳/brand/44.jpg) right;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s5 {\r\n  background: url(userUpload/images/佳芳/master/49.jpg) center center;\r\n  background-size: cover;\r\n}\r\n\r\n.section.s6 {\r\n  background: url(userUpload/images/佳芳/brand/45.jpg) center center;\r\n  background-size: cover;\r\n}\r\n\r\nul.navbar-nav li {\r\n  margin-top: 1rem;\r\n  margin-left: 1rem;\r\n  margin-right: 1rem;\r\n}\r\n\r\nul.navbar-nav li a {\r\n  font-size: 18px;\r\n}\r\n\r\nul.navbar-nav li img {\r\n  max-width: 100% !important;\r\n  width: 75% !important;\r\n}\r\n\r\nul.navbar-right li.dropdown ul.dropdown-menu li {\r\n  margin-left: 0rem;\r\n}\r\n\r\nul.navbar-right li.dropdown ul.dropdown-menu li a:hover, ul.navbar-right li.dropdown ul.dropdown-menu li a:focus {\r\n  background: #54a0ff !important;\r\n}\r\n\r\nspan {\r\n  background: #fff !important;\r\n}\r\n\r\n.card {\r\n  border: 1px solid transparent;\r\n  margin-left: 5rem;\r\n  border-radius: 5px;\r\n  width: 38rem;\r\n  background: #ecf0f1;\r\n}\r\n\r\n.card .card-body {\r\n  padding: 15px;\r\n}\r\n\r\n.uk-lightbox.uk-open {\r\n  display: block;\r\n  opacity: 1;\r\n  z-index: 10000;\r\n}\r\n\r\n.uk-list-striped > li:nth-of-type(odd) {\r\n  background: transparent !important;\r\n}\r\n\r\n.container-fluid {\r\n    padding-right: 0px !important;\r\n    padding-left: 0px !important;\r\n    margin-right: 0 !important;\r\n    margin-left: 0 !important;\r\n}\r\n\r\nh2.intro-text.text-center {\r\n    visibility: hidden;\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    height: 0;\r\n    margin: 0 !important;\r\n}\r\n\r\n.navbar-default { \r\n    border-color: #101010 !important;\r\n    background-color: #222 !important\r\n}\r\n\r\n.col-md-offset-1 {margin-left: 0 !important}\r\n.col-md-10 {width: 100% !important}\r\n\r\n.container {\r\n    width: 100% !important;\r\n    max-width: 100%;\r\n    margin: 0 auto;\r\n}\r\n\r\n.navbar-default .navbar-nav>li>a {color: #fff !important}\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a {\r\n   color: #fff !important;\r\n   background-color: #080808 !important;\r\n}\r\n\r\n#photo1:hover, #photo2:hover, #photo3:hover, #photo4:hover, #photo5:hover, #photo6:hover {\r\n  -webkit-transform: rotate(0deg) !important;\r\n          transform: rotate(0deg) !important;\r\n  -webkit-transition: all .3s ease-in-out;\r\n  transition: all .3s ease-in-out;\r\n}\r\n\r\n.fp-auto-height.fp-section,\r\n.fp-auto-height .fp-slide,\r\n.fp-auto-height .fp-tableCell{\r\n    height: auto !important;\r\n}\r\n\r\n@media (max-width: 812px) {\r\n  #photo1 {\r\n    left: 10%;\r\n    -webkit-transform: rotate(0deg);\r\n            transform: rotate(0deg);\r\n  }\r\n}\r\n\r\n/*screen resolutions smaller than 950px height*/\r\n@media (max-width: 950px){\r\n    #section3.fp-section,\r\n    #section3 .fp-tableCell{\r\n        height: auto !important;\r\n        min-height: 100%;\r\n    }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n  hr {margin: 0 0 -20px 0;}\r\n\r\n  #photo1 {\r\n    left: 0%;\r\n    -webkit-transform: rotate(0deg) !important;\r\n            transform: rotate(0deg) !important;\r\n  }\r\n  #photo2 {\r\n    left: 0%;\r\n    -webkit-transform: rotate(5deg) !important;\r\n            transform: rotate(5deg) !important;\r\n  }\r\n  #photo3 {\r\n    left: 0%;\r\n    -webkit-transform: rotate(5deg) !important;\r\n            transform: rotate(5deg) !important;\r\n  }\r\n  #photo4, #photo5, #photo6 {\r\n    left: 0%;\r\n    -webkit-transform: rotate(5deg) !important;\r\n            transform: rotate(5deg) !important;\r\n  }\r\n  .navbar-brand img {\r\n    position: relative;\r\n    top: -3rem;\r\n  }\r\n  .display-1, .display-3 {\r\n    font-size: 32px;\r\n    position: relative;\r\n    top: 2rem;\r\n  }\r\n  .display-5 {\r\n    font-size: 32px;\r\n    position: relative;\r\n    top: 3rem;\r\n  }\r\n  .s1 .mt-5 {\r\n    margin-top: 0;\r\n  }\r\n  .s1 .textBox .pr-3, .s1 .textBox .pl-3, .s1 .textBox .pl-5, .s1 .textBox .pr-5, .s2 .textBox .pr-3, .s2 .textBox .pl-3, .s2 .textBox .pl-5, .s2 .textBox .pr-5, .s3 .textBox .pr-3, .s3 .textBox .pl-3, .s3 .textBox .pl-5, .s3 .textBox .pr-5, .s4 .textBox .pr-3, .s4 .textBox .pl-3, .s4 .textBox .pl-5, .s4 .textBox .pr-5, .s5 .textBox .pr-3, .s5 .textBox .pl-3, .s5 .textBox .pl-5, .s5 .textBox .pr-5, .s6 .textBox .pr-3, .s6 .textBox .pl-3, .s6 .textBox .pl-5, .s6 .textBox .pr-5 {\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n  .section {\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n  }\r\n\r\n  .textBox {position: relative; left: -13%;padding-left: 5px;padding-right: 20px;}\r\n  .display-4 {position: relative; left: 15%}\r\n\r\n  .section.s6 .container-fluid .row .col-sm-6 {\r\n    padding-left: 15px;\r\n    padding-right: 15px\r\n  }\r\n\r\n  .section.s6 .container-fluid .row .col-sm-6 .textBox {\r\n    margin-top: 3rem;\r\n    margin-left: 1rem;\r\n  }\r\n\r\n/*# sourceMappingURL=main-4.css.map */\r\n</style>\r\n\r\n    <div id=\"fullPage\" uk-lightbox=\"animation: fade\">\r\n\r\n        <script>\r\n            if($(window).width() < 1024){ $(\'#fullPage\').removeAttr(\'id\'); }\r\n        </script>\r\n\r\n        <div class=\"section s1\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-1 pl-2 text-white\">農場主人</h1>\r\n                        <div class=\"textBox mt-3\">\r\n                            <h4 id=\"title1\" class=\"display-4 pl-5 text-white\">陳麗雪女士</h4>\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                臺東縣卑南鄉陳麗雪女士為專業茶農， 具有學習與創新的精神，積極參與各項合作研發， \r\n                                並配合政府政策推行廠農合作、落實產銷履歷及安全用藥， 推展優質安全茶業，開發茶葉新產品。經營有機茶園， \r\n                                作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。 參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度，\r\n                                開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，朝向觀光茶園發展。臺東縣卑南鄉陳麗雪女士為專業茶農， \r\n                                具有學習與創新的精神，積極參與各項合作研發， 並配合政府政策推行廠農合作、落實產銷履歷及安全用藥， 推展優質安全茶業，\r\n                                開發茶葉新產品。經營有機茶園， 作為推廣有機農業的示範，進而帶動明峰村朝向有機生態村發展。 \r\n                                參加各種茶葉展示及有機農夫市集活動，行銷臺東茶葉，提高知名度， 開拓茶葉多元行銷通路。推廣休閒農業，結合初鹿休閒農業區，\r\n                                朝向觀光茶園發展。\r\n                            </p>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\">\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/master/32.jpg\">\r\n                                <img id=\"photo1\" src=\"/userUpload/images/佳芳/master/32.jpg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail left-20 shadow-filter-light img-transparent\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s2\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid uk-lightbox=\"animation: fade\">\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/master/28.jpeg\">\r\n                                <img id=\"photo2\" src=\"/userUpload/images/佳芳/master/28.jpeg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light img-transparent\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">女神農堅持有機茶</h1>\r\n                        <div class=\"textBox\">\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                陳麗雪有機是留給後代的財富 2011年以堅持種植有機茶， 獲行政院農委會頒發神農獎的陳麗雪，從1998年開始學種有機茶。 \r\n                                為了種有機茶，陳麗雪夫妻倆必須打零工維持家計，10多年辛苦走來， 終於受到肯定。陳麗雪說，如果能重來一次，\r\n                                她還是會堅持走有機農業， 留給下一代一個清淨的家園。 陳麗雪娘家在高雄，20多年前嫁到臺東， 開始跟著先生和公公種茶，\r\n                                當時雖然辛苦但是收入還算穩定，陳麗雪說， 茶葉採收後要經過36小時加工成品，這段加工的時間，可以說是不眠不休來完成， \r\n                                遇到產季時，整整一星期無法上床睡覺是常有的事，只能和先生輪流坐在椅子上瞇一下眼，\r\n                                 雖然辛苦但是有固定的盤商收購，價格合理，所以生活還算穩定。                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                1990年代起，茶葉市場開始走下坡， 盤商不再上門收購，通路中斷後，有一段時間，陳麗雪要把茶葉帶回高雄娘家，\r\n                                跑茶行甚至挨家挨戶去推銷， 茶行因為市場競爭激烈，往往把價格壓到幾乎沒有利潤，而且只收最好的極品部份，其他就全部被打回票。 \r\n                                這樣臺東、高雄往返奔波苦撐，當時市場卻開始流行高海拔茶葉，大量傾銷的進口茶更讓中低價位的茶品難以招架， \r\n                                讓陳麗雪體認一定要做改變。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s3\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-5 pl-2 text-white\">沒農藥的茶給蟲吃</h1>\r\n                        <div class=\"textBox mt-5\">\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                「我們茶園海拔不夠，環境不允許，只有走有機這條路」， 認真思考後，陳麗雪開始斷用農藥，種了一輩子茶的公公第1個反對， \r\n                                他說：「不用農藥是種給蟲子吃的嗎？」 兩年過去幾乎沒有收成的茶園，讓家裡斷了生計， 夫妻只好出去打零工，\r\n                                陳麗雪回憶當時老三才1歲多，好幾次沒有錢買奶粉，堅持到第3年， 先生在茶園鋤草時覺得不一樣了，回家拉著陳麗雪到園子裡，\r\n                                果然土壤因為休養充足變的鬆軟有彈性， 小瓢蟲、螳螂、蜘蛛......許多昆蟲又活過來，茶樹的嫩芽顯得綠油油，\r\n                                整個茶園一片生機盎然， 陳麗雪證明自己的決定是對的。                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-18 mt-3 pl-3 pr-3\">\r\n                                當時認證的概念還未普及，不過有機茶已經慢慢在市場推展開來， 但要怎麼說明自己種的是有機茶，\r\n                                又怎麼證明不是隨便講講？陳麗雪說，當時不只花了7,000元去做農藥殘留檢驗， 後來還到中興大 學參加有機農業研習後，\r\n                                才有了申請有機茶園認證的行動。歷經10年的努力堅持， 陳麗雪的「佳芳茶園」從2008年起申請茶葉生產履歷認證，2009年通過認證，\r\n                                而且在2008到2010年連續3年， 都通過多重農藥殘留分析檢驗合格，經「 慈心有機農業發展基金會」驗證有機茶園。                          \r\n                            </p>\r\n\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid uk-lightbox=\"animation: fade\">\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/master/48.jpg\">\r\n                                <img id=\"photo3\" src=\"/userUpload/images/佳芳/master/48.jpg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light img-transparent\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s4\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-2\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid uk-lightbox=\"animation: fade\">\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/brand/30.jpeg\">\r\n                                <img id=\"photo4\" src=\"/userUpload/images/佳芳/brand/30.jpeg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light img-transparent\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white mt-2\">小農行銷出頭天</h1>\r\n                        <div class=\"textBox text-16\">\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                一路走來， 陳麗雪對茶園的經營更有心得，為了更有效管理，選擇種植生命力強韌的臺灣特有種「青心烏龍」，\r\n                                研發不團揉、不發酵的加工技術，推出有機冷泡綠茶，不斷研發紅烏龍、梅子綠茶、香草花茶等新產品， \r\n                                迎合茶飲料市場需求，成功打開新的通路。\r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                陳麗雪的經營理念，多來自臺東大學的指導，茶園的工作雖然忙碌， 陳麗雪還是報名就讀臺東大學綠色產業科技學系，\r\n                                當時已經40出頭，是全班最年長的學生，她笑稱同學有的比她孩子還小， 陳麗雪表示，有了學理的啟示，讓她了解管理的重要。\r\n                                嫁到臺東來投入農業經營，從只知道辛苦的付出勞力，到慢慢摸索體會， 再加上教授的指導，讓陳麗雪獲益良多。\r\n                            </p>\r\n\r\n                            <p class=\"text-monospace indent-25 pl-5 pr-5 mt-3\">\r\n                                為了改善茶農們普遍老化，不擅長行銷的缺憾，陳麗雪想出「廠農合作」計畫， 由「佳芳茶園」以保證價格收購茶菁，\r\n                                統整雇工採收、加工、包裝的製茶流程，不但創造社區就業機會， 茶農也有固定收益，茶廠有優質的茶菁製茶，\r\n                                消費者可以安心喝好茶，一舉數得。                            \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s5\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid uk-lightbox=\"animation: fade\">\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/master/49.jpg\">\r\n                                <img id=\"photo5\" src=\"/userUpload/images/佳芳/master/49.jpg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light img-transparent\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">有機只是農民的義務</h1>\r\n                        <div class=\"textBox\">\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                問陳麗雪如果再重來一次，還會選擇種有機茶嗎？她很堅定的說「會」！ 從事有機農業越久，越能體認愛這片土地的重要，陳麗雪說，\r\n                                長期大量使用農藥， 使得土壤嚴重的汙染，各種重金屬沉積在我們生活的這片土地，我們吃下這些污染的農作物， 身體當然不好，\r\n                                陳麗雪說，政府民間都已經建立環境保護的觀念。                            \r\n                            </p>\r\n\r\n                            <p class=\"text-monospace text-20 indent-25 pl-5 pr-5 mt-3\">\r\n                                雖然有點晚但是大家一起積極的行動， 還是能讓被污染的土地再活起來，她甚至強調要把有機農業的觀念，\r\n                                向下紮根放進教材裡，讓小朋友從小建立愛土地的觀念。 得獎表示獲得肯定，但是陳麗雪謙虛的說，只是盡一個農民的義務，\r\n                                希望把有機農業成功的推廣出去，讓下一代生活的環境更健康更優質。                      \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"section s6\">\r\n            <div class=\"container-fluid\">\r\n                <div class=\"row bg-half-dark pt-4 pb-4\">\r\n\r\n                    <div class=\"col-sm-6 text-white\">\r\n                        <h1 class=\"display-3 text-white\">陳麗雪學經歷</h1>\r\n                        <div class=\"textBox uk-child-width-expand@s\" uk-grid>\r\n                            <div>\r\n                                <h4 class=\"text-20 text-white\">學歷：</h4>\r\n                                <ul class=\"uk-list uk-list-large uk-list-bullet text-18\">\r\n                                    <li>嘉義縣後塘國小</li>\r\n                                    <li>嘉義縣鹿草國中</li>\r\n                                    <li>私立高雄國際商工商科畢業</li>\r\n                                    <li>台東大學綠色產業學士班</li>\r\n                                </ul>\r\n                            </div>\r\n                        \r\n                            <div>\r\n                                <h4 class=\"text-20 text-white\">經歷：</h4>\r\n                                <ul class=\"uk-list uk-list-large uk-list-bullet text-18\">\r\n                                    <li>茶園經營管理30年</li>\r\n                                    <li>茶葉市場行銷28年</li>\r\n                                    <li>茶葉產銷班班長5年</li>\r\n                                    <li>有機驗證13年</li>\r\n                                    <li>茶葉生產履歷驗證6年</li>\r\n                                    <li>廠農合作負責人</li>\r\n                                    <li>有機協會創會理事長</li>\r\n                                </ul>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-sm-6\">\r\n                        <div class=\"d-block img\" uk-grid uk-lightbox=\"animation: fade\">\r\n                            <a class=\"uk-inline\" href=\"/userUpload/images/佳芳/master/38.jpg\">\r\n                                <img id=\"photo6\" src=\"/userUpload/images/佳芳/master/38.jpg\" alt=\"\" \r\n                                class=\"img-fluid img-thumbnail shadow-filter-light img-transparent\">\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    \r\n    </div>\r\n\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/ionicons/4.5.6/ionicons.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.5/js/uikit.min.js\"></script>\r\n    <script src=\"./node_modules/smooth-scrollbar/dist/smooth-scrollbar.js\"></script>\r\n    <!-- Fullpape js-->\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/fullpage.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/vendors/scrolloverflow.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.0.5/vendors/easings.min.js\"></script>\r\n    <script src=\"https://kit.fontawesome.com/480b90f7d2.js\"></script>\r\n\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js\"></script>\r\n\r\n    <script type=\"text/javascript\">\r\n        new fullpage(\"#fullPage\", {\r\n            //option\r\n            autoScrolling: true,\r\n            navigation: true,\r\n            slidesNavigation: true,\r\n            css3: true,\r\n            scrollingSpeed: 1000\r\n        });\r\n\r\n        $(\".navbar-brand img\").addClass(\"img-class img-transparent\");\r\n\r\n        //GSAP \r\n        TweenMax.to (\"#photo1\", 2, {\r\n            delay: .2,\r\n            x: -80,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: 7\r\n        });\r\n\r\n        TweenMax.to (\"#photo2, #photo6\", 2, {\r\n            delay: .2,\r\n            x: 20,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: -7\r\n        });\r\n\r\n        TweenMax.to (\"#photo6\", 2, {\r\n            delay: .2,\r\n            x: 20,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: 2\r\n        });\r\n\r\n        TweenMax.to (\"#photo3, #photo5\", 2, {\r\n            delay: .2,\r\n            x: 20,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: 7\r\n        });\r\n\r\n        TweenMax.to (\"#photo4\", 2, {\r\n            delay: .5,\r\n            x: 20,\r\n            opacity: 1,\r\n            ease: Expo.ease,\r\n            rotation: -3\r\n        });\r\n\r\n        TweenMax.to(\".textBox, p\", 2, {\r\n            delay: .6,\r\n            x: 30,\r\n            opacity: 1,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.from(\".display-1\", 2, {\r\n            delay: 1.6,\r\n            x: -30,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.from(\".img-class\", 2, {\r\n            delay: 1.6,\r\n            y: 20,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        });\r\n\r\n        TweenMax.staggerFrom(\".navbar-collapse ul.navbar-nav li\", 2, {\r\n            delay: 1,\r\n            y: 20,\r\n            opacity: 0,\r\n            ease: Expo.ease\r\n        }, 0.1);\r\n    </script>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1210,'2018-12-24 02:34:37','2018-12-24 10:34:37',NULL,'2018-12-09 00:00:00','2038-01-01 00:00:00',120,1201,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n    <head>\r\n\r\n        <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.0.13/css/all.css\" integrity=\"sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp\" crossorigin=\"anonymous\">\r\n\r\n        <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css\">\r\n    \r\n        <!-- Font Awesome -->\r\n        <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n        \r\n    \r\n        <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n        <!-- Material Design Bootstrap -->\r\n        <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css\">\r\n    \r\n        <!-- Fonts -->\r\n        <link href=\"http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800\"\r\n            rel=\"stylesheet\" type=\"text/css\">\r\n        <link href=\"http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic\"\r\n            rel=\"stylesheet\" type=\"text/css\">\r\n    \r\n        <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n        <link href=\'https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\' rel=\'stylesheet\' type=\'text/css\'>\r\n    \r\n    \r\n        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->\r\n        <!-- WARNING: Respond.js doesn\'t work if you view the page via file:// -->\r\n        <!--[if lt IE 9]>\r\n            <script src=\"https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js\"></script>\r\n            <script src=\"https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js\"></script>\r\n        <![endif]-->\r\n    \r\n        <script src=\'https://www.google.com/recaptcha/api.js\'></script>\r\n    \r\n        <script LANGUAGE=\"JavaScript\">\r\n            // Nannette Thacker http://www.shiningstar.net\r\n            function confirmSubmit() {\r\n                var agree = confirm(\"確定要繼續？\");\r\n                if (agree)\r\n                    return true;\r\n                else\r\n                    return false;\r\n            }\r\n        </script>\r\n    \r\n    \r\n        <!-- Google web fonts, https://design.google.com/icons/ -->\r\n        <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    \r\n        <!-- Google web fonts, https://design.google.com/icons/ -->\r\n    \r\n  <style>\r\n.view img, .view video{padding: 0 !important}\r\n    @media (max-width: 812px) {.embed-responsive{position: relative;display: block;height: 200px;padding: 0;overflow: hidden;}.embed-responsive-21by9::before{padding-top: 0% !important;}}*{box-sizing: border-box;}.navbar-nav>li>a::after{content: \'\';display: block;border-bottom: 2px solid #959595;height: 1px;transform: scaleX(0) !important;transition: transform .3s ease-in-out;}\r\n    .navbar-nav>li>a:focus::after, .navbar-nav>li>a:hover::after{transform: scaleX(1) !important;}body {background-size: cover;overflow: visible !important;}.bgw {background-color: rgba(255, 255, 255, 0.8);}a[id=link-drop]:target~#link-drop {transition: all .5s ease-in-out;transform: translateY(-200px);}.d-b {display: block;overflow: hidden;}.navbar {transition: all 0.6s ease-out;}.navbar-default .navbar-brand {color: saddlebrown;font-weight: 500 !important;}.navbar,.navbar-default,.navbar-brand,.dropdown-menu>li>a {font-weight: 500 !important;}.navbar-default .navbar-brand:hover {color: brown;font-weight: 500;}\r\n    section {margin: 0;padding: 0;position: relative;}.dropdown-menu {background: white;position: absolute;top: 100%;opacity: 1;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;}\r\n    @keyframes autofill {100% {background: #fff;color: inherit;}}@-webkit-keyframes autofill {100% {background: #fff;color: inherit;}}footer {background-color: rgba(255, 255, 255, 0.8);}.back-to-top {background: none;margin: 0;position: fixed;bottom: 0;right: 0;width: 70px;height: 70px;z-index: 100;display: none;text-decoration: none;color: #fff;background-color: transparent;}\r\n    .back-to-top i {font-size: 60px;}.back-to-top:hover,.back-to-top:focus {color: #ff4a4a;}#toTop {position: fixed;bottom: 10px;right: 10px;cursor: pointer;display: none;}#toTop {font-family: 標楷體;font-size: 15px;opacity: 0.9;background-color: #ff4a4a !important;border: none;letter-spacing: 0.09em;}\r\n    .btn-default {background-color: transparent;}.btn-default:hover,.btn-default:focus { background-color: transparent;}.move-btn {position: relative;left: -15em;top: 3px;height: 32px;background-color: transparent !important;padding: 4px 10px 1px 12px !important;}\r\n    .btn-rounded {-webkit-border-radius: 10em;border-radius: 10em;}.waves-effect {position: relative;cursor: pointer;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;z-index: 1;}\r\n    .modal div {opacity: 1;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}\r\n    div {opacity: 0;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}\r\n    .load {opacity: 1 !important;}.navbar-default .navbar-nav>li::after{content: \'\';height: 2px !important;width: 0 !important;transform: scaleX(0) !important;transition: transform .3s ease-in-out !important;background: black !important;}\r\n    .navbar-default .navbar-nav>li:hover::after{width: 100px;transform: scaleX(1) !important;}\r\n    .navbar-default .navbar-nav>li {display: block !important;color: #000 !important;text-decoration: none !important;}    \r\n    </style>\r\n\r\n    <style>\r\n    * {text-transform: capitalize;letter-spacing: 0.1em;line-height: 1.7;-webkit-font-smoothing: antialiased;}\r\n    *, ::after, ::before{ box-sizing: border-box; -webkit-box-sizing: border-box;}::selection{background: #ebf2e3;}:focus{outline: -webkit-focus-ring-color auto 5px;}.box-1 {display: block;margin-bottom: 5em;padding-left: 20px;padding-right: 20px;}.box-block-icons{display: block;position: relative;right: 20px;padding: 15px;}.box-button:hover{display: inline-block;transition: .1s ease-in-out;transition-property: color, background-color, background-position, border-color, box-shadow;font-weight: 400;letter-spacing: .2px;border-image-slice: 3 !important;border-image-width: 3px !important;border-image-repeat: round !important;background: border-box;border: 1px solid #D8522C;background-color: transparent;border-image-source:  url(\'../img/PS - icons/border-background.svg\');}\r\n\r\n    .box-button:after{content: \'\';display: block;width: 0;top: 0;transition: top .5s ease-in-out;}.box-button:hover::after{top: 10px;background: lightgray;}\r\n    .box-list-icons{display: inline-flex;list-style: none}.box-title {padding-left: 30px !important;color: #000;margin-bottom: 3%}.box-title-right{float: right;padding-right: 30px;color: #000}.box-fill-black{display: block;padding: 10px;background: rgba(0,0,0,.8);overflow: hidden;margin-bottom: 25px;}.box-title-center{text-align: center;color: #000}.box-color {background: transparent}.box-text {font-size: 21px !important;color: #000;}\r\n    .modal-backdrop{background: transparent !important}\r\n    .bt-23p{font-size: 23px;color: #000}.card{border-radius: 5px !important;}.box-iframe{border-radius: 10px !important;padding: 0;margin: 0;background: transparent !important;}.box-reveal{padding-top: 1em;letter-spacing: 0.1em;color: #000;}\r\n    .box-btn{padding: 10px !important;margin-bottom: 10px !important;margin: 15px !important;font-size: 23px !important;opacity: 1;height: auto !important;transition: opacity .5s ease-in-out !important;}.box-btn:hover, .box-btn:focus{ opacity: .5;}.box-board{position: relative;padding-left: 15px; margin-bottom: 3%}.box-board::after {content: \'\';position: absolute;top: 50%;transform: translateY(-50%);width: 45%;height: 2px;background: rgba(170, 170, 170, 0.486)}\r\n    .box-board::before {left: 0}.box-board::after {right: 0}\r\n    .box-board-1 {position: relative;padding-left: 15px;text-align: right;float: right;color: rgb(236, 236, 236)}\r\n    .box-iframe{max-width: 100%; width:100%; height: 300px}\r\n    .box-board-1::before {\r\n        content: \'\';\r\n        position: absolute;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        height: 2px;\r\n        width: calc((15%-300px)/1);\r\n        background: rgba(202, 202, 202, 0.575)\r\n    }\r\n    .box-board-1::before {left: -170px}\r\n    .box-board-center {position: relative;text-align: center;padding-left: 15px;color: rgb(236, 236, 236)}\r\n    .box-board-center::before,.box-board-center::after {\r\n        content: \'\';\r\n        position: absolute;\r\n        height: 2px;\r\n        width: calc((50%-200px)/2);\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background: rgba(170, 170, 170, .8);\r\n    }\r\n    .box-board-center::before {left: 0}.box-board-center::after {right: 0}.img-fluid {padding: 15px;}\r\n    .img-center { width: 40em;transform: translateX(50%);}.board-text {font-size: 25px;font-weight: 500;letter-spacing: 0.1em;color: rgb(236, 236, 236)}\r\n    .box-share{font-size: 24px;font-family: 標楷體;color: rgba(216, 216, 216, 0.815)}.box-img-center{display: block;text-align: center;}\r\n    .p1{padding: 10px}.p2{padding: 20px}.p3{padding: 30px}.p4{padding: 40px}.p5{padding: 50px}\r\n    .p1-l{padding-left: 10px}.p2-l{padding-left: 20px}.p3-l{padding-left: 30px}.p4-l{padding-left: 40px}.p5-l{padding-left: 50px}\r\n    .p1-r{padding-right: 10px}.p2-r{padding-right: 20px}.p3-r{padding-right: 30px}.p4-r{padding-right: 40px}.p5-r{padding-right: 50px}\r\n    .p1-t{padding-top: 10px}.p2-t{padding-top: 20px}.p3-t{padding-top: 30px}.p4-t{padding-top: 40px}.p5-t{padding-top: 50px}\r\n    .p1-b{padding-bottom: 10px}.p2-b{padding-bottom: 20px}.p3-b{padding-bottom: 30px}.p4-b{padding-bottom: 40px}.p5-b{padding-bottom: 50px}\r\n    .box-container{display: block;position: relative;}\r\n    .box-absolute{\r\n        position: absolute;\r\n        display: inline-block;\r\n        background: rgba(0,0,0,.8);\r\n        color: #fff;\r\n        font-weight: 300;\r\n        z-index: 100;\r\n        padding: 10px;\r\n        font-size: 20px;\r\n        letter-spacing: 0.1em;\r\n        top: 1em\r\n    }\r\n    .box-list{\r\n        list-style-type: none !important;\r\n        float: left;\r\n        display: block;\r\n        padding: 0; padding-inline-start: 0; padding-inline-end: 0;\r\n        margin: 0; margin-block-start: 0; margin-block-start: 0;\r\n    }\r\n    .box-list li{padding-bottom: 10px; color: #fff}\r\n    .box-hid{\r\n        display: block;\r\n        position: absolute;\r\n        top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n        text-align: center;\r\n        opacity: 0;\r\n        transition: opacity .5s ease-in-out;\r\n        z-index: 1;\r\n    }\r\n    li:hover .dropdown-menu{display: block;transform: scale(1);}\r\n    .box-content{margin-top: 10%;}.box-text-color{fill: lightgreen; -webkit-text-fill-color: lightgreen}\r\n    @media\r\n    only screen and (-webkit-min-device-pixel-ratio: 3),\r\n    only screen and (   min--moz-device-pixel-ratio: 3),\r\n    only screen and (     -o-min-device-pixel-ratio: 3/1),\r\n    only screen and (        min-device-pixel-ratio: 3),\r\n    only screen and (                min-resolution: 401dpi),\r\n    only screen and (                min-resolution: 3dppx) { \r\n        .box-absolute{position: relative !important;background: rgba(0,0,0,.9) !important;top: 0}}\r\n    @media (max-width: 812px){.box-absolute{position: relative !important;background: rgba(0,0,0,.9) !important;top: 0}.col-md-4{padding-left: 0!important; padding-right: 0!important}.box-iframe{max-with: 100%; width: 100% !important; height: auto !important}}\r\n    </style>\r\n\r\n    <style>\r\n    /* btn */\r\n    .btn-floating {\r\n        -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;\r\n        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15) !important;\r\n        width: 47px !important;\r\n        height: 47px !important;\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n        vertical-align: middle !important;\r\n        display: inline-block !important;\r\n        overflow: hidden !important;\r\n        -webkit-transition: all .2s ease-in-out !important;\r\n        -o-transition: all .2s ease-in-out !important;\r\n        transition: all .2s ease-in-out !important;\r\n        margin: 10px !important;\r\n        -webkit-border-radius: 50% !important;\r\n        border-radius: 50% !important;\r\n        padding: 0 !important;\r\n        cursor: pointer !important}\r\n    .btn-floating i {font-size: 2.25rem !important;line-height: 47px !important}\r\n    .btn-floating i {display: inline-block !important;width: inherit !important;text-align: center !important;color: #fff !important}\r\n    .btn-floating:hover {-webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important;box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19) !important}\r\n    .btn-floating:before {-webkit-border-radius: 0 !important;border-radius: 0 !important}.btn-floating.btn-sm {width: 36.15385px;height: 36.15385px}.btn-floating.btn-sm i {font-size: .96154rem;line-height: 36.15385px}.btn-group-sm>.btn,.btn-sm {padding: .25rem .5rem;font-size: .875rem;line-height: 1.5;border-radius: .2rem;}.btn .fa {position: relative;font-size: .9rem}.btn .fa.right {margin-left: .3rem}.btn .fa.left {margin-right: .3rem}.btn.btn-lg {padding: 1rem 2.4rem;font-size: .94rem}.btn.btn-lg .fa {font-size: 1rem}.btn.btn-md {padding: .7rem 1.6rem;font-size: .7rem}.btn.btn-md .fa {font-size: .8rem}.btn.btn-sm {padding: .5rem 1.6rem;font-size: .64rem}.btn.btn-sm .fa {font-size: .7rem}\r\n    .btn-fb {background-color: #3b5998 !important;color: #fff !important;}.btn-tw {background-color: #55acee !important;color: #fff !important;}.btn-gplus {background-color: #dd4b39 !important;color: #fff !important;}.btn-ins {background-color: #2e5e86 !important;color: #fff !important;}.btn-pin {background-color: #c61118 !important;color: #fff !important}.btn-pin:hover {background-color: #dd131b}.btn-pin.focus,.btn-pin:focus {-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)}\r\n    .btn-pin.active,.btn-pin:active,.btn-pin:focus {background-color: #68090d}\r\n    .btn-pin:not([disabled]):not(.disabled).active,.btn-pin:not([disabled]):not(.disabled):active,.show>.btn-pin.dropdown-toggle {-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);background-color: #68090d !important}\r\n\r\n    .btn-comm{background-color:#30cfc0!important;color:#fff!important}.btn-comm:hover{background-color:#45d4c6}.btn-comm.focus,.btn-comm:focus{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.btn-comm.active,.btn-comm:active,.btn-comm:focus{background-color:#1d7c73}.btn-comm.dropdown-toggle{background-color:#30cfc0!important}.btn-comm.dropdown-toggle:focus,.btn-comm.dropdown-toggle:hover{background-color:#45d4c6!important}.btn-comm:not([disabled]):not(.disabled).active,.btn-comm:not([disabled]):not(.disabled):active,.show>.btn-comm.dropdown-toggle{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);background-color:#1d7c73!important}.btn-comm:not([disabled]):not(.disabled).active:focus,.btn-comm:not([disabled]):not(.disabled):active:focus,.show>.btn-comm.dropdown-toggle:focus{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}\r\n    /* btn */\r\n.box-frame-size{\r\n    width: 500px;\r\n    height: 300px;\r\n}.no-pb{padding: 0;background: transparent; border: none}\r\n    /* flex */\r\n    @media (max-width:812px) {\r\n        .flex-md-row {-webkit-box-orient: horizontal !important;-webkit-box-direction: normal !important;-ms-flex-direction: row !important;flex-direction: row !important}\r\n        .flex-md-column {\r\n            -webkit-box-orient: vertical !important;\r\n            -webkit-box-direction: normal !important;\r\n            -ms-flex-direction: column !important;\r\n            flex-direction: column !important\r\n        }.box-board::after{width: 0 !important}.col-md-10{padding-left: 0!important; padding-right: 0 !important}\r\n        .flex-md-row-reverse {\r\n            -webkit-box-orient: horizontal !important;\r\n            -webkit-box-direction: reverse !important;\r\n            -ms-flex-direction: row-reverse !important;\r\n            flex-direction: row-reverse !important\r\n        }iframe{width: 100% !important; height: auto !important}\r\n        .justify-content-md-end {\r\n            -webkit-box-pack: end !important;\r\n            -ms-flex-pack: end !important;\r\n            justify-content: flex-end !important\r\n        }.box-frame-size{width: 0 !important; height: 0 !important}\r\n\r\n        .justify-content-md-center {\r\n            -webkit-box-pack: center !important;\r\n            -ms-flex-pack: center !important;\r\n            justify-content: center !important\r\n        }\r\n\r\n        .justify-content-md-between {\r\n            -webkit-box-pack: justify !important;\r\n            -ms-flex-pack: justify !important;\r\n            justify-content: space-between !important\r\n        }\r\n\r\n        .justify-content-md-around {\r\n            -ms-flex-pack: distribute !important;\r\n            justify-content: space-around !important\r\n        }\r\n\r\n        .align-content-md-center {\r\n            -ms-flex-line-pack: center !important;\r\n            align-content: center !important\r\n        }\r\n\r\n        .align-content-md-between {\r\n            -ms-flex-line-pack: justify !important;\r\n            align-content: space-between !important\r\n        }\r\n\r\n        .align-content-md-around {\r\n            -ms-flex-line-pack: distribute !important;\r\n            align-content: space-around !important\r\n        }\r\n\r\n        .align-content-md-stretch {\r\n            -ms-flex-line-pack: stretch !important;\r\n            align-content: stretch !important\r\n        }\r\n\r\n        .align-self-md-auto {\r\n            -ms-flex-item-align: auto !important;\r\n            align-self: auto !important\r\n        }\r\n\r\n        .align-self-md-start {\r\n            -ms-flex-item-align: start !important;\r\n            align-self: flex-start !important\r\n        }\r\n\r\n        .align-self-md-end {\r\n            -ms-flex-item-align: end !important;\r\n            align-self: flex-end !important\r\n        }\r\n\r\n        .align-self-md-center {\r\n            -ms-flex-item-align: center !important;\r\n            align-self: center !important\r\n        }\r\n\r\n        .align-self-md-baseline {\r\n            -ms-flex-item-align: baseline !important;\r\n            align-self: baseline !important\r\n        }\r\n\r\n        .align-self-md-stretch {\r\n            -ms-flex-item-align: stretch !important;\r\n            align-self: stretch !important\r\n        }\r\n    }\r\n\r\n    /* flex */\r\n    </style>\r\n\r\n    <style>\r\n    * {text-transform: uppercase;letter-spacing: 0.1em;opacity: 1 !important}\r\n    .navbar .dropdown-menu a{font-size: 18px !important}.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{font-size: 23px !important}\r\n    .model-pc {display: block;transform: translateX(-9%);}.btn {font-size: 20px !important;margin-bottom: 30px !important;}\r\n    li:hover .dropdown-menu {display: block;}.p-top {padding: 10%} @media (max-width: 812px) {.title1 {width: 100% !important}.navbar-collapse .mr-auto {padding-left: 30px !important}.collapse.in {display: flex !important;flex-wrap: wrap-reverse !important}.navbar .dropdown-menu a{font-size: 16px !important}.dropdown-menu {display: none !important;}.open .dropdown-menu {display: block !important;background: rgba(226, 226, 226, 0.897) !important;}.p-top {padding-top: 30% !important}.navbar .dropdown-menu a {font-size: 15px !important}\r\n    .navbar-default .navbar-nav>li::after {\r\n        content: \'\';\r\n        height: 2px !important;\r\n        width: 0 !important;\r\n        transform: scaleX(0) !important;\r\n        transition: transform .3s ease-in-out !important;\r\n        background: black !important;}\r\n    .navbar-default .navbar-nav>li:hover::after {width: 50% !important;transform: scaleX(1) !important;}.model-mobile {transform: translateY(0) !important}.img-hover {width: 23em !important}\r\n    .view img, .view video{padding: 0 !important}\r\n    </style>\r\n\r\n    </head>\r\n    \r\n<body onload=\"auto_title()\">\r\n\r\n    <section class=\"model-pc model-mobile\" style=\"margin-top: 5em\">\r\n        <div class=\"container\">\r\n            <div class=\"box-1 box-color\">\r\n                <div class=\"row\">\r\n                    <div class=\"box-board\">\r\n                        <h1 id=\"auto-text1\"></h1>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"view overlay box-img-center\">\r\n                            <button class=\"waves-button waves-effect waves-light no-pb\" data-toggle=\"modal\" data-target=\"#video-1\">\r\n                                <div class=\"embed-responsive-fixing embed-responsive-21by9\">\r\n                                    <iframe width=\"900\" height=\"524\" src=\"https://www.youtube.com/embed/-3Wl5b7aYm0\" frameborder=\"0\" allow=\"autoplay; encrypted-media; muted\" allowfullscreen></iframe>\r\n                                </div>\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"bt-23p\">\r\n                            <p>\r\n                                來看一對茶農夫婦，憑著一股傻勁，\r\n                                種出了神農獎的肯定！陳麗雪從高雄嫁到台東茶農世家跟著學做茶，\r\n                                隨著進口茶、高山茶市場競爭，屬於中低海拔的台東茶逐漸乏人問津，\r\n                                茶區逐漸荒廢。為了扭轉危機，陳麗雪提議轉型有機，卻遭到公公及親友反對，\r\n                                她和先生不惜分家也想試著改變，但初期產量差，茶園長滿雜草根本沒得收成，\r\n                                她甘願冒著\"懶惰媳婦\"的罪名與經濟壓力，仍堅持有機之路，終於研發出台東特有的紅烏龍茶，\r\n                                喝來甘甜又有果香味，因為風味獨特受到注目，而榮獲神農獎肯定。  \r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"box-1 box-color\">\r\n                <div class=\"row\">\r\n                    <div class=\"box-title\">\r\n                        <h1>「亮點茶莊．點亮茶鄉」邀您體驗臺灣茶產業之美</h1>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"view overlay box-img-center\">\r\n                            <button class=\"waves-button waves-effect waves-light no-pb\" data-toggle=\"modal\" data-target=\"#video-1\">\r\n                                <div class=\"embed-responsive-fixing embed-responsive-21by9\">\r\n                                    <iframe width=\"900\" height=\"506\" src=\"https://www.youtube.com/embed/KtRuHlslEgw\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>           \r\n                                </div>\r\n                            </button>\r\n                        </div>\r\n                    </div> \r\n\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"bt-23p\">\r\n                            <p>\r\n                                亮點茶莊各具特色與風格，包括「行銷茶園景觀」、「茶藝文化學習」、\r\n                                「茶區生態、歷史人文等深度旅遊」、「茶葉採製加工體驗」及「時尚及異業結合」等，\r\n                                來到茶莊透過實地體驗與品飲茶莊優質好茶，可以讓您有不同的茗茶饗宴， \r\n                                以下就推薦 4 條茶莊遊程路線，讓您有個不一樣的臺灣茶區深度旅行。\r\n                            </p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <a href=\"https://www.coa.gov.tw/ws.php?id=2504095\" class=\"btn btn-danger waves-effect waves-light box-btn\">查看報導</a>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"box-1 box-color\">\r\n                <div class=\"row\">\r\n\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"card sticky-action\">\r\n                            <div class=\"card-image waves-effect waves-block waves-light\">\r\n                                <iframe width=\"346.5\" height=\"260\" class=\"box-img-center box-iframe\" src=\"https://www.youtube.com/embed/P4-YkVmDwKA\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>                            \r\n                            </div>\r\n\r\n                            <div class=\"card-content\">\r\n                                <span class=\"card-title activator grey-text text-darken-4\"><strong>十大神農獎</strong>\r\n                                    <p style=\"margin: 5px\"><strong>陳麗雪拚有機創商機</strong></p>\r\n                                </span>\r\n\r\n                                <p>\r\n                                    <a href=\"http://news.ltn.com.tw/news/local/paper/465834\" class=\"btn btn-danger box-btn\">查看報導</a>\r\n                                    \r\n                                </p>\r\n                            </div>\r\n\r\n                            <div class=\"card-reveal\">\r\n                                <span class=\"card-title grey-text text-darken-4\">\r\n                                    <i class=\"material-icons right\">close</i>\r\n                                    <strong>十大神農獎 陳麗雪拚有機創商機</strong>\r\n                                </span>\r\n                                \r\n                                <div class=\"box-text box-reveal\">\r\n                                    <p>\r\n                                        二○一一年「十大神農選拔」得獎名單揭曉！\r\n                                        台東縣卑南鄉明峰村牧場茶農陳麗雪獲殊榮；\r\n                                        陳麗雪說，初轉型經營有機茶園時，好幾次者讓生活陷入了困境，\r\n                                        幸經農政單位輔導突破，才逐漸走出逆境，希望這份好結果，能與更多農友一起分享，\r\n                                        共同將明峰打造成有機生態村。\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"card sticky-action\">\r\n                            <div class=\"card-image waves-effect waves-light waves-block\">\r\n                                <iframe width=\"346.5\" height=\"260\" class=\"box-img-center box-iframe\" src=\"https://www.youtube.com/embed/cXAjucwSclY\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>                            \r\n                            </div>\r\n\r\n                            <div class=\"card-content\">\r\n                                <span class=\"activator card-title grey-text text-darken-4\">\r\n                                    <strong>優質有機</strong>   <p style=\"margin: 5px\"><strong>佳芳茶園讓茶變精品</strong></p>\r\n\r\n                                    <p>\r\n                                        <a href=\"https://www.scooptw.com/popular/cover/5330/\" class=\"btn btn-danger box-btn\">查看報導</a>\r\n                                        \r\n                                    </p>\r\n                                </span>\r\n                            </div>\r\n\r\n                            <div class=\"card-reveal\">\r\n                                <span class=\"card-title grey-text text-darken-4\">\r\n                                    <i class=\"material-icons right\">close</i>\r\n                                    <strong>優質有機佳芳茶園讓茶變精品</strong>\r\n                                </span>\r\n\r\n                                <div class=\"box-text box-reveal\">\r\n                                    <p>\r\n                                        面對困境，窮則變，陳麗雪心想，\r\n                                        「市場已經改變，如果我們不改變，只能等著被淘汰」。\r\n                                        所以，陳麗雪與公公商量轉作有機茶，但不被公公認同，\r\n                                        認為有機茶根本不可行，「茶葉怎麼可能不用農藥？噴農藥就已經採收不好，\r\n                                        不用農藥一定沒有收成」陳麗雪的公公說。在無法溝通下，她只好一再請先生幫忙溝通。\r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"card sticky-action\">\r\n                            <div class=\"card-image waves-effect waves-light waves-block\">\r\n                                <iframe width=\"346.5\" height=\"260\" src=\"https://www.youtube.com/embed/p8L4S3e-S9k\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>                            \r\n                            </div>\r\n\r\n                            <div class=\"card-content\">\r\n                                <span class=\"card-title activator grey-text text-darken-4\">\r\n                                    <strong>台東採茶新體驗</strong> <p style=\"margin: 5px\"><strong>蔡英文：讓農業成為強勢、高收入產業</strong></p>\r\n\r\n                                    <p>\r\n                                        <a href=\"http://blog.twimi.net/2011/07/blog-post_26.html\" class=\"btn btn-danger box-btn\">查看報導</a>\r\n                                        \r\n                                    </p>\r\n                                </span>\r\n                            </div>\r\n\r\n                            <div class=\"card-reveal\">\r\n                                <span class=\"card-title grey-text text-darken-4\">\r\n                                    <i class=\"material-icons right\">close</i>\r\n                                    <strong>台東採茶新體驗 蔡英文：讓農業成為強勢、高收入產業</strong>\r\n                                </span>\r\n\r\n                                <div class=\"box-text box-reveal\">\r\n                                    <p>\r\n                                        蔡英文盛讚紅烏龍茶是很典型的示範，\r\n                                        她說，「茶農透過將既有的產品創新，開發出新的市場，提高了農業收入」，\r\n                                        如此一來，不僅改變了茶農的生活，轉換當地的茶葉生態，也進而帶動地方整體經濟發展。\r\n                                        蔡英文認為，農業應該結合「創新導向、技術導向與人文導向」，打造新的在地經濟模式。  \r\n                                    </p>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"box-1 box-color\">\r\n                <div class=\"row\">\r\n                    <div class=\"box-title-center\">\r\n                        <h1>台東一日農遊，暑假體驗採茶、做蛋捲、賞田園風光</h1>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-6\">\r\n                        <div class=\"view overlay box-img-center\">\r\n                            <div class=\"embed-responsive-fixing embed-responsive-21by9\">\r\n                                <iframe class=\"box-iframe\" src=\"https://www.youtube.com/embed/-6OP6IoCVD0\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe>                            \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-6\">\r\n                        <div class=\"box-text\">\r\n                            <p class=\"flow-text\" style=\"font-size:23px; padding-top: 5px;\">\r\n                                2018年台東暑假活動正旺，除了每年舉辦的「熱氣球嘉年華會」、\r\n                                「池上伯朗大道單車行」，觀光業者與農民合作推出「一日茶園體驗營」包含DIY採茶體驗、\r\n                                製作茶蛋捲、打綠茶汁等活動。   戴斗笠、穿袖套、腰繫茶籠，一系列豐富的茶園體驗內容，敬邀大人和小孩，報名體驗活動。\r\n                            </p>\r\n\r\n                            <a href=\"http://www.lohasplus.com.tw/index.php?Act=120&MK=120&PK=334\" class=\"btn btn-primary box-btn\">線上報名</a>\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </section>\r\n    \r\n    <!-- Scroll-reaveal -->\r\n    <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>   \r\n\r\n    <script type=\"text/javascript\" src=\"https://code.jquery.com/jquery-3.3.1.js\"></script>\r\n            \r\n    <!-- Bootstrap tooltips -->\r\n    <script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js\"></script>      \r\n    \r\n    <script type=\"text/javascript\">\r\n        var i = 0;\r\n        var txt1 = \"媒體報導\";\r\n        var speed1 = 310;\r\n\r\n        function auto_title(){\r\n            if (i < txt1.length){\r\n                document.getElementById(\"auto-text1\").innerHTML += txt1.charAt(i);\r\n                i++;\r\n                setTimeout(auto_title, speed1);\r\n            }\r\n        }\r\n    </script>\r\n\r\n    <!--Add class \"load\"-->\r\n    <script type=\"text/javascript\">\r\n        $(function() {\r\n    \r\n            $(\"div, section\").addClass(\"load\");\r\n\r\n        });\r\n    </script>\r\n\r\n    <!-- Script to Activate the Carousel -->\r\n    <script type=\"text/javaScript\">\r\n        $(\'.carousel\').carousel({\r\n            interval: 5000 //changes the speed\r\n        })\r\n        \r\n        $(function() {\r\n            \r\n            $(\"div\").addClass(\"load\");\r\n\r\n        });\r\n    </script>\r\n</body>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.88',NULL,NULL,NULL,NULL,NULL,NULL),(1211,'2018-12-16 15:21:05','2018-12-16 23:21:05',NULL,'2018-12-09 00:00:00','2038-01-01 00:00:00',120,1202,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n\r\n<head>\r\n\r\n\r\n    <!-- Bootstrap Core CSS -->\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.16/css/mdb.min.css\" rel=\"stylesheet\">    \r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css\">\r\n    <!-- Scroll-reaveal -->\r\n    <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \r\n\r\n    <!-- Fonts -->\r\n    <link href=\"http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800\"\r\n        rel=\"stylesheet\" type=\"text/css\">\r\n    <link href=\"http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic\"\r\n        rel=\"stylesheet\" type=\"text/css\">\r\n\r\n    <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n    <link href=\'https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\' rel=\'stylesheet\' type=\'text/css\'>\r\n\r\n\r\n    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->\r\n    <!-- WARNING: Respond.js doesn\'t work if you view the page via file:// -->\r\n    <!--[if lt IE 9]>\r\n        <script src=\"https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js\"></script>\r\n        <script src=\"https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js\"></script>\r\n    <![endif]-->\r\n\r\n    <script src=\'https://www.google.com/recaptcha/api.js\'></script>\r\n\r\n    <script LANGUAGE=\"JavaScript\">\r\n        // Nannette Thacker http://www.shiningstar.net\r\n        function confirmSubmit() {\r\n            var agree = confirm(\"確定要繼續？\");\r\n            if (agree)\r\n                return true;\r\n            else\r\n                return false;\r\n        }\r\n    </script>\r\n\r\n\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        * {text-transform: capitalize;letter-spacing: 0.1em;line-height: 1.7;-webkit-font-smoothing: antialiased;}*, ::after, ::before{box-sizing: border-box;-webkit-box-sizing: border-box}::selection{background: #ebf2e3;}:focus{outline: -webkit-focus-ring-color auto 5px;}.box-1 {display: block;margin-bottom: 2em;padding-left: 20px;padding-right: 20px;overflow: hidden;}.ul-title-list-center{font-size: 40px;-webkit-text-fill-color: lightcoral;padding: 15px 0 0 70px;}.box-list-column{column-count: 2;column-gap: 100px;font-size: 23px;padding: 2% !important; list-style: circle}.box-list-column li{list-style: circle}\r\n        @media (max-width: 812px){.col-md-10{padding-left: 2px !important; padding-right: 2px !important}.box-list-column{column-count: 1; column-gap: 0px; font-size: 20px !important}.ul-title-list-center{padding: 0 !important}}\r\n        .no-js .owl-carousel, .owl-carousel.owl-loaded{padding: 2%}.box-title{position: relative;font-weight: 100;color: rgba(255, 255, 255, 0.918);text-align: center;text-transform: uppercase;font-size: 2em;margin-bottom: 10px;letter-spacing: 0.1em;}.box-title::before,.box-title::after{content: \'\';position: absolute;width: calc((75% - 300px)/2);height: 2px;top: 50%;transform: translateY(-50%);background: gray;}.box-title::before{ left: 0;}.box-title::after{ right: 0;}.box-color {background: rgba(0, 0, 0, .75)}.box-text {font-size: 20px !important;color: rgb(197, 197, 197);}.bt-23p{font-size: 23px;color: rgb(197, 197, 197)}.box-btn{padding: 10px !important;margin-bottom: 10px !important;margin: 15px !important;font-size: 23px !important;opacity: 1;height: auto !important;transition: opacity .5s ease-in-out !important;}.box-btn:hover, .box-btn:focus{opacity: .5;}.box-list{list-style-type: none !important;float: left;color: #fff;display: block;padding: 0; padding-inline-start: 0; padding-inline-end: 0;margin: 0; margin-block-start: 0; margin-block-start: 0;}.box-content{padding-left: 15px;padding-right: 15px;padding-bottom: 70px;}.no-pb{padding: 0;border: none;}.box-content{margin-top: 10%;}.box-text-color{fill: lightgreen; -webkit-text-fill-color: lightgreen}@media only screen and (-webkit-min-device-pixel-ratio: 3),only screen and (min--moz-device-pixel-ratio: 3),only screen and (-o-min-device-pixel-ratio: 3/1),only screen and (min-device-pixel-ratio: 3),only screen and (min-resolution: 401dpi),only screen and (min-resolution: 3dppx) { .box-absolute{position: relative !important;background: rgba(0,0,0,.9) !important;top: 0}}@media (max-width: 812px){.box-absolute{position: relative !important;background: rgba(0,0,0,.9) !important;top: 0}}\r\n    </style>\r\n\r\n    <style>\r\n    .navbar-nav>li>a::after{content: \'\';display: block;border-bottom: 2px solid #959595;height: 1px;transform: scaleX(0) !important;transition: transform .3s ease-in-out;}.navbar-nav>li>a:focus::after, .navbar-nav>li>a:hover::after{transform: scaleX(1) !important;}body {background-size: cover;overflow: visible !important;}.bgw {background-color: transparent;}.navbar {transition: all 0.6s ease-out;}.navbar-default .navbar-brand {color: saddlebrown;font-weight: bold;}.navbar,.navbar-default,.navbar-brand,.dropdown-menu>li>a {font-weight: 500 !important;}.navbar-default .navbar-brand:hover {color: brown;font-weight: bold;}section {margin: 0;padding: 0;position: relative;}.dropdown-menu {background: white;position: absolute;top: 100%;opacity: 1;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {-webkit-animation: autofill 0s forwards;animation: autofill 0s forwards;}@keyframes autofill {100% {background: #fff;color: inherit;}}@-webkit-keyframes autofill {100% {background: #fff;color: inherit;}}footer {background-color: rgba(255, 255, 255, 0.8)}.back-to-top {background: none;margin: 0;position: fixed;bottom: 0;right: 0;width: 70px;height: 70px;z-index: 100;display: none;text-decoration: none;color: #fff;background-color: transparent;}.back-to-top i {font-size: 60px;}.back-to-top:hover,.back-to-top:focus {color: #ff4a4a;}#toTop {position: fixed;bottom: 10px;right: 10px;cursor: pointer;display: none;}#toTop {font-family: 標楷體;font-size: 15px;opacity: 0.9;background-color: #ff4a4a !important;border: none;letter-spacing: 0.09em;}.btn-default {background-color: transparent;}.btn-default:hover,.btn-default:focus {background-color: transparent;}.btn-rounded {-webkit-border-radius: 10em;border-radius: 10em;}.waves-effect {position: relative;cursor: pointer;overflow: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;z-index: 1;}.modal div {opacity: 1;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}div {opacity: 0;-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;}.load {opacity: 1 !important;}.navbar-default .navbar-nav>li::after{content: \'\';height: 2px !important;width: 0 !important;transform: scaleX(0) !important;transition: transform .3s ease-in-out !important;background: black !important;}.navbar-default .navbar-nav>li:hover::after{width: 100px;transform: scaleX(1) !important;}.navbar-default .navbar-nav>li {display: block !important;color: #000 !important;text-decoration: none !important;}\r\n.row1 > .column {padding: 0 8px;}.row1:after {content: \"\";display: table;clear: both;}.column {float: left;width: 100%;}.column-1{float: left;width: 25%}.box-left{display: inline-flex;float: left}.modal {display: none;position: fixed;z-index: 1;padding-top: 50px;left: 0;top: 0;width: 100%;height: auto;overflow: auto;background-color: rgba(0,0,0,.8);}.modal-content {position: relative;background-color: transparent;margin: auto;padding: 0;width: 28%;max-width: 1200px;top: 15%}.close:hover,.close:focus {color: #fff;text-decoration: none;cursor: pointer;}.mySlides {display: none;}.cursor {cursor: pointer;}.prev,.next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: white !important;font-weight: bold;font-size: 20px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}.next {right: 0;border-radius: 3px 0 0 3px;}.prev:hover,.next:hover {background-color: rgba(0, 0, 0, 0.8);}.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 13px; background: rgba(0,0,0,.5)}img{margin-bottom: -4px;}.demo {opacity: 0.6;}.close{transform: translateY(100%);font-size: 40px; opacity: .5 !important}.active,.demo:hover {opacity: 1;}img.hover-shadow {transition: 0.3s;}.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}\r\n    @media (max-width: 812px){.modal-content{width: 88% !important; top: 23% !important}.navbar .dropdown-menu a{font-size: 15px}}\r\n.navbar .dropdown-menu a{font-size: 18px}\r\n.row1 > .column {padding: 0 8px;}.row1:after {content: \"\";display: table;clear: both;}.column {float: left;width: 100%;}.column-1{float: left;width: 25%}.box-left{display: inline-flex;float: left}.modal {display: none;position: fixed;z-index: 1;padding-top: 50px;left: 0;top: 0;width: 100%;height: auto;overflow: auto;background-color: rgba(0,0,0,.8);}.modal-content {position: relative;background-color: transparent;margin: auto;padding: 0;width: 28%;max-width: 1200px;top: 15%}.close:hover,.close:focus {color: #fff;text-decoration: none;cursor: pointer;}.mySlides {display: none;}.cursor {cursor: pointer;}.prev,.next {cursor: pointer;position: absolute;top: 50%;width: auto;padding: 16px;margin-top: -50px;color: white !important;font-weight: bold;font-size: 20px;transition: 0.6s ease;border-radius: 0 3px 3px 0;user-select: none;-webkit-user-select: none;}.next {right: 0;border-radius: 3px 0 0 3px;}.prev:hover,.next:hover {background-color: rgba(0, 0, 0, 0.8);}.numbertext {color: #f2f2f2;font-size: 12px;padding: 8px 12px;position: absolute;top: 10px; background: rgba(0,0,0,.5)}img{margin-bottom: -4px;}.demo {opacity: 0.6;}.close{transform: translateY(100%);font-size: 40px; opacity: .5 !important}.active,.demo:hover {opacity: 1;}img.hover-shadow {transition: 0.3s;}.hover-shadow:hover {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}\r\n    @media (max-width: 812px){.modal-content{width: 88% !important; top: 23% !important}.navbar .dropdown-menu a{font-size: 15px}.navbar-nav .open .dropdown-menu{background: #fff !important; margin-bottom: 8px !important}}\r\n.navbar .dropdown-menu a{font-size: 18px}.navbar .dropdown-menu a:hover{font-size: 23px}\r\n.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{font-size: 45px;background: transparent !important; float: left}\r\n.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot span{color: #fff}\r\n.owl-nav {transform: translateX(50%)}\r\n</style>\r\n\r\n\r\n</head>\r\n\r\n<body>\r\n\r\n    <section>\r\n        <div class=\"container-fluid\">\r\n\r\n            <div class=\"row mrb-5\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"fix-model\">\r\n                            <img src=\"http://www.lohasplus.com.tw/userUpload/images/4-fix.jpg\" alt=\"reward\" class=\"img-100 img-fluid img-responsive\">\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div class=\"col-md-8 mr-top-10\">\r\n                        <div class=\"box-1 box-color p-top-6\">\r\n                            <div class=\"box-content\">\r\n                                <div class=\"box-title box-text-color\" style=\"padding-left: 0\">\r\n                                    <h1>品牌建立</h1>\r\n                                </div>\r\n\r\n                                <div class=\"box-text\">\r\n                                    佳芳茶園以產銷班為組織，配合廠農合作，申請註冊商標，自創品牌共用行銷以台東茶，有機茶、綠茶、紅茶、紅烏龍行銷全國。\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div> \r\n                    \r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-md-11 col-md-offset-1\">\r\n                    <div class=\"box-1 box-color\">\r\n                        <div class=\"ul-title-list-center\">獲獎事蹟</div>\r\n                        <ul class=\"box-list box-list-column\">\r\n                            <li>膺選89年優秀茶葉產製技術改良農戶</li>\r\n                            <li>膺選90年模範勞工</li>\r\n                            <li>榮獲99年台東縣農會優秀有機農業經營農戶</li>\r\n                            <li>台東縣農會99年度創新農業經營管理獎</li>\r\n                            <li>榮獲民國99年國家品質保證 金牌獎</li>\r\n                            <li>榮獲民國100年兩岸百大傑出企業家</li>\r\n                            <li>104年通過『生產』『加工』雙有機認證</li>\r\n                            <li>榮獲104台灣第一品牌榮獲</li>\r\n                            <li>榮獲104茶莊亮點</li>\r\n                            <li>榮獲104衛生工廠四星級</li>\r\n                            <li>榮獲105-107年台東好物嚴選標章</li>\r\n                            <li>榮獲台東縣工商策進會102年「冠軍王」</li>\r\n                            <li>榮獲民國100年十大神農獎</li>\r\n                            <li>當選100年創會有機協會理事長</li>\r\n                            <li>榮獲民國101年海峽兩岸金質獎</li>\r\n                            <li>榮獲民國102年茶葉比賽 金牌獎</li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-md-12\">\r\n                    <div class=\"box-1 box-color\">\r\n\r\n                        <div class=\"owl-carousel row1\">\r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-1.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(1)\">\r\n                                </a>\r\n                            </div>\r\n\r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/about-2.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(2)\">\r\n                                </a>\r\n                            </div>       \r\n\r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-10.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(3)\">\r\n                                </a>\r\n                            </div>              \r\n\r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-2.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(4)\">\r\n                                </a>\r\n                            </div>                                \r\n                                \r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-3.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(5)\">\r\n                                </a>\r\n                            </div>                                                         \r\n                                \r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-4-1.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(7)\">\r\n                                </a>\r\n                            </div>                            \r\n                            \r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-5.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(8)\">\r\n                                </a>\r\n                            </div>\r\n\r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-6.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(9)\">\r\n                                </a>\r\n                            </div>\r\n\r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-7.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(10)\">\r\n                                </a>\r\n                            </div>\r\n\r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-8-1.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(11)\">\r\n                                </a>\r\n                            </div>\r\n\r\n                            <div class=\"view overlay column\">\r\n                                <a href=\"#1\" class=\"waves-light waves-effect\">\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-9.jpg\" alt=\"\" class=\"img-responsive hover-shadow cursor\" onclick=\"openModal();currentSlide(12)\">\r\n                                </a>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div id=\"myModal\" class=\"modal\">\r\n                            \r\n                            <div class=\"modal-content\">\r\n                          	<span class=\"close cursor\" onclick=\"closeModal()\">&times;</span>\r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">1 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-1.jpg\" style=\"width:100%\">\r\n                                </div>\r\n                          \r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">2 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/about-2.jpg\" style=\"width:100%\">\r\n                                </div>\r\n                          \r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">3 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-10.jpg\" style=\"width:100%\">\r\n                                </div>\r\n                                \r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">4 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-2.jpg\" style=\"width:100%\">\r\n                                </div>\r\n\r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">5 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-3.jpg\" style=\"width:100%\">\r\n                                </div>\r\n\r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">6 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-4-1.jpg\" style=\"width:100%\">\r\n                                </div>\r\n\r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">7 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-5.jpg\" style=\"width:100%\">\r\n                                </div>\r\n\r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">8 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-6.jpg\" style=\"width:100%\">\r\n                                </div>\r\n\r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">9 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-7.jpg\" style=\"width:100%\">\r\n                                </div>\r\n\r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">10 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-8-1.jpg\" style=\"width:100%\">\r\n                                </div>\r\n\r\n                                <div class=\"mySlides\">\r\n                                    <div class=\"numbertext\">11 / 11</div>\r\n                                    <img src=\"http://www.lohasplus.com.tw/userUpload/images/award-9.jpg\" style=\"width:100%\">\r\n                                </div>\r\n                              \r\n                                <a class=\"prev\" onclick=\"plusSlides(-1)\">&#10094;</a>\r\n                                <a class=\"next\" onclick=\"plusSlides(1)\">&#10095;</a>\r\n                            \r\n                                <div class=\"caption-container\">\r\n                                    <p id=\"caption\"></p>\r\n                                </div>\r\n                          \r\n                                <div class=\"box-left\">\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-1.jpg\" style=\"width:100%\" onclick=\"currentSlide(1)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/about-2.jpg\" style=\"width:100%\" onclick=\"currentSlide(2)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-10.jpg\" style=\"width:100%\" onclick=\"currentSlide(3)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-2.jpg\" style=\"width:100%\" onclick=\"currentSlide(4)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-3.jpg\" style=\"width:100%\" onclick=\"currentSlide(5)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-4-1.jpg\" style=\"width:100%\" onclick=\"currentSlide(6)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-5.jpg\" style=\"width:100%\" onclick=\"currentSlide(7)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-6.jpg\" style=\"width:100%\" onclick=\"currentSlide(8)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-7.jpg\" style=\"width:100%\" onclick=\"currentSlide(9)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-8-1.jpg\" style=\"width:100%\" onclick=\"currentSlide(10)\">\r\n                                    </div>\r\n\r\n                                    <div class=\"column-1\">\r\n                                        <img class=\"demo cursor\" src=\"http://www.lohasplus.com.tw/userUpload/images/award-9.jpg\" style=\"width:100%\" onclick=\"currentSlide(11)\">\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"row\">\r\n                <div class=\"col-md-11 col-md-offset-1\">\r\n                    <div class=\"box-1 box-color\">\r\n                        <div class=\"ul-title-list-center\">重要訓練資歷</div>\r\n                        <ul class=\"box-list box-list-column\">\r\n                            <li>茶園經營管理30年</li>\r\n                            <li>茶葉市場行銷28年</li>\r\n                            <li>茶葉產銷班班長5年</li>\r\n                            <li>有機驗證13年</li>\r\n                            <li>茶葉生產履歷驗證6年</li>\r\n                            <li>茶葉生產履歷驗證6年</li>\r\n                            <li>廠農合作負責人</li>\r\n                            <li>有機農業經營管理研習班 40 小時結業</li>\r\n                            <li>有機協會創會理事長</li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </section>\r\n    \r\n\r\n    <script type=\"text/javascript\" src=\"https://code.jquery.com/jquery-3.3.1.js\"></script>\r\n    <!-- Bootstrap tooltips -->\r\n    <script type=\"text/javascript\" src=\"https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.13.0/umd/popper.min.js\"></script>\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js\"></script>\r\n\r\n    <script>\r\n    $(document).ready(function(){\r\n        $(\".owl-carousel\").owlCarousel();\r\n    });\r\n\r\n    $(\'.owl-carousel\').owlCarousel({\r\n        loop:true,\r\n        margin:10,\r\n        autoHeight: true,\r\n        autoplay:true,\r\n        items: 4,\r\n        autoplayTimeout:5000,\r\n        autoplayHoverPause:true,\r\n        responsiveClass:true,\r\n        responsive:{\r\n            0:{\r\n                items:1,\r\n                nav:true\r\n            },\r\n            600:{\r\n                items:3,\r\n                nav:false\r\n            },\r\n            1000:{\r\n                items:5,\r\n                nav:true,\r\n                loop:false\r\n            }\r\n        }\r\n});\r\n\r\n        function openModal() {\r\n          document.getElementById(\'myModal\').style.display = \"block\";\r\n        }\r\n        \r\n        function closeModal() {\r\n          document.getElementById(\'myModal\').style.display = \"none\";\r\n        }\r\n        \r\n        var slideIndex = 1;\r\n        showSlides(slideIndex);\r\n        \r\n        function plusSlides(n) {\r\n          showSlides(slideIndex += n);\r\n        }\r\n        \r\n        function currentSlide(n) {\r\n          showSlides(slideIndex = n);\r\n        }\r\n        \r\n        function showSlides(n) {\r\n          var i;\r\n          var slides = document.getElementsByClassName(\"mySlides\");\r\n          var dots = document.getElementsByClassName(\"demo\");\r\n          var captionText = document.getElementById(\"caption\");\r\n          if (n > slides.length) {slideIndex = 1}\r\n          if (n < 1) {slideIndex = slides.length}\r\n          for (i = 0; i < slides.length; i++) {\r\n              slides[i].style.display = \"none\";\r\n          }\r\n          for (i = 0; i < dots.length; i++) {\r\n              dots[i].className = dots[i].className.replace(\" active\", \"\");\r\n          }\r\n          slides[slideIndex-1].style.display = \"block\";\r\n          dots[slideIndex-1].className += \" active\";\r\n          captionText.innerHTML = dots[slideIndex-1].alt;\r\n        }\r\n\r\n    </script>\r\n\r\n</body>\r\n\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1212,'2018-12-11 05:27:15','2018-12-11 13:27:15',NULL,'2018-12-11 00:00:00','2038-01-01 00:00:00',120,1203,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"zh-TW\">\r\n<head>\r\n\r\n    <meta charset=\"utf-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\r\n\r\n    <!-- Bootstrap Core CSS -->\r\n    <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" type=\"text/css\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.0.13/css/all.css\" integrity=\"sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp\" crossorigin=\"anonymous\">\r\n\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css\" rel=\"stylesheet\" type=\"text/css\" />\r\n    <!-- Material Design Bootstrap -->\r\n    <link href=\"https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.5.4/css/mdb.min.css\" rel=\"stylesheet\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css\">\r\n\r\n    <!-- Scroll-reaveal -->\r\n    <script src=\"https://unpkg.com/scrollreveal/dist/scrollreveal.min.js\"></script>    \r\n\r\n    <!-- Fonts -->\r\n    <link href=\"http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800\"\r\n        rel=\"stylesheet\" type=\"text/css\">\r\n    <link href=\"http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic\"\r\n        rel=\"stylesheet\" type=\"text/css\">\r\n\r\n    <link rel=\"stylesheet\" href=\"https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css\" />\r\n    <link href=\'https://fonts.googleapis.com/css?family=Raleway:400,700|Merriweather\' rel=\'stylesheet\' type=\'text/css\'>\r\n\r\n\r\n    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->\r\n    <!-- WARNING: Respond.js doesn\'t work if you view the page via file:// -->\r\n    <!--[if lt IE 9]>\r\n        <script src=\"https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js\"></script>\r\n        <script src=\"https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js\"></script>\r\n    <![endif]-->\r\n\r\n    <script src=\'https://www.google.com/recaptcha/api.js\'></script>\r\n\r\n    <script LANGUAGE=\"JavaScript\">\r\n        // Nannette Thacker http://www.shiningstar.net\r\n        function confirmSubmit() {\r\n            var agree = confirm(\"確定要繼續？\");\r\n            if (agree)\r\n                return true;\r\n            else\r\n                return false;\r\n        }\r\n    </script>\r\n\r\n\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n\r\n    <!-- Google web fonts, https://design.google.com/icons/ -->\r\n    <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">\r\n\r\n\r\n    <style>\r\n    * {\r\n    text-transform: capitalize;\r\n    letter-spacing: 0.1em;\r\n    line-height: 1.7;\r\n    -webkit-font-smoothing: antialiased;\r\n    }\r\n\r\n    *, ::after, ::before{\r\n        box-sizing: border-box;\r\n        -webkit-box-sizing: border-box;\r\n        line-height: 1.8\r\n    }\r\n\r\n    ::selection{\r\n        background: #ebf2e3;\r\n    }\r\n\r\n    .box-1 {\r\n        display: block;\r\n        margin-bottom: 2em;\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .box-list-inline{display: flex; flex-wrap: nowrap; list-style: circle;}\r\n    .box-list-inline li{margin-left: 5%}\r\n\r\n    .ul-title-list-center{font-size: 40px;-webkit-text-fill-color: lightcoral;padding: 15px 0 0 70px;}\r\n    .box-list-column{column-count: 2;column-gap: 100px;font-size: 23px;padding: 2% !important; list-style: circle}\r\n    .box-list-column>li{list-style: circle; line-height: 1.8}\r\n    @media (max-width: 812px){.box-list-column{column-count: 1; column-gap: 0px; font-size: 20px !important}.ul-title-list-center{padding: 0 !important}}\r\n    .list-font{font-size: 20px !important}.color-important{-webkit-text-fill-color: #5b8fff;fill: #5b8fff}\r\n\r\n    /* box-title */\r\n    .box-title{\r\n        position: relative;\r\n        font-weight: 100;\r\n        color: rgba(255, 255, 255, 0.918);\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        font-size: 2em;\r\n        margin-bottom: 10px;\r\n        letter-spacing: 0.1em;\r\n    }\r\n    \r\n    .box-title::before,\r\n    .box-title::after{\r\n        content: \'\';\r\n        position: absolute;\r\n        width: calc((75% - 300px)/2);\r\n        height: 2px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        background: gray;\r\n    }\r\n    \r\n    .box-title::before{ left: 0;}\r\n    .box-title::after{ right: 0;}\r\n\r\n    .box-color {\r\n        background: rgba(0, 0, 0, .75)\r\n    }\r\n\r\n    .box-text {\r\n        font-size: 20px !important;\r\n        color: rgb(197, 197, 197);\r\n    }\r\n\r\n    .box-list{\r\n        list-style-type: none !important;\r\n        float: left;\r\n        display: block;\r\n        padding: 0; padding-inline-start: 0; padding-inline-end: 0;\r\n        margin: 0; margin-block-start: 0; margin-block-start: 0;\r\n    }\r\n\r\n    .box-list li{padding-bottom: 10px; color: #fff}\r\n\r\n    li:hover .dropdown-menu{\r\n        display: block;\r\n        transform: scale(1);\r\n    }\r\n\r\n    .box-content\r\n    {\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n    padding-bottom: 70px;\r\n    }\r\n\r\n    /* block 3 box */\r\n\r\n\r\n    .box-content{\r\n        margin-top: 10%;\r\n    }\r\n\r\n    .mr-top-5{margin-top: 5% !important}\r\n\r\n    * {\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.1em;\r\n        opacity: 1 !important\r\n    }\r\n    @media(max-width: 812px){.box-list-inline{display: block !important}}\r\n    .navbar .dropdown-menu a{font-size: 18px !important}\r\n    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{font-size: 23px !important}\r\n    li:hover .dropdown-menu {\r\n        display: block;\r\n    }\r\n\r\n    @media (max-width: 812px) {\r\n        .navbar-collapse .mr-auto {\r\n            padding-left: 30px !important\r\n        }\r\n\r\n        .collapse.in {\r\n            display: flex !important;\r\n            flex-wrap: wrap-reverse !important\r\n        }\r\n\r\n        .navbar .dropdown-menu a{font-size: 16px !important}\r\n\r\n        .dropdown-menu {\r\n            display: none !important;\r\n        }\r\n\r\n        .open .dropdown-menu {\r\n            display: block !important;\r\n            background: rgba(226, 226, 226, 0.897) !important;\r\n        }\r\n\r\n        .p-top {padding-top: 30% !important}\r\n\r\n        .navbar .dropdown-menu a {\r\n            font-size: 15px !important\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li::after {\r\n            content: \'\';\r\n            height: 2px !important;\r\n            width: 0 !important;\r\n            transform: scaleX(0) !important;\r\n            transition: transform .3s ease-in-out !important;\r\n            background: black !important;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li:hover::after {\r\n            width: 50% !important;\r\n            transform: scaleX(1) !important;\r\n        }\r\n    }\r\n\r\n.navbar-nav>li>a::after{\r\ncontent: \'\';\r\ndisplay: block;\r\nborder-bottom: 2px solid #959595;\r\nheight: 1px;\r\ntransform: scaleX(0) !important;\r\ntransition: transform .3s ease-in-out;\r\n}\r\n\r\n.navbar-nav>li>a:focus::after, .navbar-nav>li>a:hover::after{\r\ntransform: scaleX(1) !important;\r\n}\r\n\r\n/* end iphone design */\r\n\r\nbody {\r\nbackground-size: cover;\r\noverflow: visible !important;\r\n}\r\n\r\n.bgw {\r\nbackground-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\na[id=link-drop]:target~#link-drop {\r\ntransition: all .5s ease-in-out;\r\ntransform: translateY(-200px);\r\n}\r\n\r\n/* navbar */\r\n\r\n.navbar {\r\ntransition: all 0.6s ease-out;\r\n}\r\n\r\n.navbar-default .navbar-brand {\r\ncolor: saddlebrown;\r\nfont-weight: bold;\r\n}\r\n\r\n.navbar,\r\n.navbar-default,\r\n.navbar-brand,\r\n.dropdown-menu>li>a {\r\nfont-weight: 500 !important;\r\n}\r\n\r\n.navbar-default .navbar-brand:hover {\r\ncolor: brown;\r\nfont-weight: bold;\r\n}\r\n\r\nsection {\r\nmargin: 0;\r\npadding: 0;\r\nposition: relative;\r\n}\r\n\r\n.dropdown-menu {\r\nbackground: white;\r\nposition: absolute;\r\ntop: 100%;\r\nopacity: 1;\r\n}\r\n\r\n\r\n@keyframes autofill {\r\n100% {\r\n  background: #fff;\r\n  color: inherit;\r\n}\r\n}\r\n\r\n@-webkit-keyframes autofill {\r\n100% {\r\n  background: #fff;\r\n  color: inherit;\r\n}\r\n}\r\n\r\n/* end Input */\r\n\r\nfooter {\r\nbackground-color: rgba(255, 255, 255, 0.8);\r\n}\r\n\r\n.back-to-top {\r\nbackground: none;\r\nmargin: 0;\r\nposition: fixed;\r\nbottom: 0;\r\nright: 0;\r\nwidth: 70px;\r\nheight: 70px;\r\nz-index: 100;\r\ndisplay: none;\r\ntext-decoration: none;\r\ncolor: #fff;\r\nbackground-color: transparent;\r\n}\r\n\r\n.back-to-top i {\r\nfont-size: 60px;\r\n}\r\n\r\n.back-to-top:hover,\r\n.back-to-top:focus {\r\ncolor: #ff4a4a;\r\n}\r\n\r\n#toTop {\r\nposition: fixed;\r\nbottom: 10px;\r\nright: 10px;\r\ncursor: pointer;\r\ndisplay: none;\r\n}\r\n\r\n#toTop {\r\nfont-family: 標楷體;\r\nfont-size: 15px;\r\nopacity: 0.9;\r\nbackground-color: #ff4a4a !important;\r\nborder: none;\r\nletter-spacing: 0.09em;\r\n}\r\n\r\n.btn-default {\r\nbackground-color: transparent;\r\n}\r\n\r\n.btn-default:hover,\r\n.btn-default:focus {\r\nbackground-color: transparent;\r\n}\r\n.btn-rounded {\r\n-webkit-border-radius: 10em;\r\nborder-radius: 10em;\r\n}\r\n\r\n.waves-effect {\r\nposition: relative;\r\ncursor: pointer;\r\noverflow: hidden;\r\n-webkit-user-select: none;\r\n-moz-user-select: none;\r\n-ms-user-select: none;\r\nuser-select: none;\r\n-webkit-tap-highlight-color: transparent;\r\nz-index: 1;\r\n}\r\n\r\n/* buttons / end */\r\n\r\n.modal div {\r\nopacity: 1;\r\n-webkit-transition: opacity 1s ease-in-out;\r\n-moz-transition: opacity 1s ease-in-out;\r\n-ms-transition: opacity 1s ease-in-out;\r\n-o-transition: opacity 1s ease-in-out;\r\ntransition: opacity 1s ease-in-out;\r\n}\r\n\r\ndiv {\r\nopacity: 0;\r\n-webkit-transition: opacity 1s ease-in-out;\r\n-moz-transition: opacity 1s ease-in-out;\r\n-ms-transition: opacity 1s ease-in-out;\r\n-o-transition: opacity 1s ease-in-out;\r\ntransition: opacity 1s ease-in-out;\r\n}\r\n\r\n.load {\r\nopacity: 1 !important;\r\n}\r\n\r\n.navbar-default .navbar-nav>li::after{\r\ncontent: \'\';\r\nheight: 2px !important;\r\nwidth: 0 !important;\r\ntransform: scaleX(0) !important;\r\ntransition: transform .3s ease-in-out !important;\r\nbackground: black !important;\r\n}\r\n\r\n.navbar-default .navbar-nav>li:hover::after{\r\nwidth: 100px;\r\ntransform: scaleX(1) !important;\r\n}\r\n\r\n.navbar-default .navbar-nav>li {\r\ndisplay: block !important;\r\ncolor: #000 !important;\r\ntext-decoration: none !important;\r\n}\r\n    \r\n    </style>\r\n\r\n</head>\r\n<body>\r\n    <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n            <div class=\"box-1 box-color\">\r\n                <div class=\"box-title\">\r\n                    <h1>運費說明</h1>\r\n                </div>\r\n\r\n                <div class=\"box-content mr-top-5\">\r\n                    <div class=\"box-text\">\r\n                        <ul>\r\n                            <li>運費計算：消費未滿 $2000元者須支付運費$100元，超商『店到店』運費$80元 </li>\r\n                            <li>運費金額：購物滿$2000元可享免運費 </li>\r\n                            <li>送貨時間：週一至周六，周日及國定假日不送貨</li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"box-1 box-color\">\r\n                <div class=\"box-title\">\r\n                    <h1>付款方式說明</h1>\r\n                </div>\r\n\r\n                <div class=\"box-content mr-top-5\">\r\n                    <div class=\"box-text\">\r\n                        <ul class=\"box-list-inline\">\r\n                            <li>ATM自動櫃員機轉帳</li>\r\n                            <li>第三方支付</li>\r\n                            <li>超商付款</li>\r\n                            <li>貨到付款</li>\r\n                            <li>到店自取</li>\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"box-1 box-color\">\r\n                <div class=\"box-1 box-color\">\r\n                    <div class=\"box-title\">\r\n                        <h1>退貨退款方式</h1>\r\n                    </div>\r\n\r\n                    <div class=\"box-content mr-top-5\">\r\n                        <div class=\"box-text\">\r\n                            <p>根據消保法規定，<b>佳芳茶園消費者</b>均享有商品到貨七天猶豫期之權益；但特別標定說明、特殊包裝商品、軟體類或影音光碟類產品不得拆封，否則恕不接受退貨。佳芳茶園受理消費者的退換貨，從商品收訖起七天內為退換貨保證期，若超過此期間視同驗收完成不得退換貨。並請所有消費者注意以下事項：  </p>\r\n                        \r\n                            <ul class=\"ul-title-list-center list-font\">\r\n                                <li>除食品，由於商品屬性特殊，有保存期限問題，無法辦理鑑賞期內之退訂，但仍享有新品瑕疵無條件退換貨的售後服務，無須支付任何商品費用。</li>\r\n                                <li>不良品退還經過檢查與測試之後，若發現商品本身並無瑕疵，消費者必須支付所有發生之相關費用。</li>\r\n                                <li>在您收到貨品後如因非人為因素之商品損毀、刮傷、或運輸過程造成包裝破損不完整者，請您儘速通知本公司客服人員，我們會進行商品瑕疵或損壞鑑定，並儘速將新品寄給您。</li>\r\n                                <li>所有要辦理退貨或換貨的客戶皆需 E-mail或來電至 佳芳茶園，並提供：訂單號碼，退、換貨原因，您的姓名及聯絡電話，E-mail地址。<b class=\"color-important\">填寫 聯絡我們線上表單</b></li>\r\n                                <li>若您所訂購之商品無問題而您欲退貨，退回的商品必須是全新狀態，包括主要商品、使用手冊、廠商紙箱，否則東傑茶園有權拒絕接受退貨。</li>\r\n                                <li>若商品因消費者個人不當使用拆卸產生人為因素造成故障、損毀、磨損、擦傷、刮傷、髒污、包裝破損不完整者，或是收據發票、附配件不齊者，恕不接受退貨。</li>\r\n                            </ul>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</body>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1213,'2018-12-12 06:54:20','2018-12-12 14:54:20',NULL,NULL,NULL,254,254,NULL,1,NULL,NULL,NULL,1,8,NULL,NULL,'影音專區','','',NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,NULL,50000,NULL,1,NULL,NULL,'210.240.156.211',NULL,0,NULL,NULL,NULL,NULL),(1214,'0000-00-00 00:00:00','2018-12-14 17:14:03',NULL,NULL,NULL,254,254,NULL,1,NULL,NULL,NULL,1,8,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),(1215,'2018-12-16 05:32:52','2018-12-16 13:32:52',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',254,1214,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<center>\r\n	<h1>\r\n		<b>一口灶夜市</b></h1>\r\n	<div style=\"display:inline-block; width:50%; background-color:#FAF0E6; color:#8B4513; font-family:Microsoft JhengHei;\">\r\n		<p style=\"box-sizing: border-box; vertical-align: baseline; font-weight: 400; font-style: inherit; outline: 0px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; text-align: center;\">\r\n			<span style=\"font-size:18px;\">　　</span><span style=\"font-size: 18px; font-style: inherit;\">由「教育部人文及社會科學知識跨界應用能力培育計畫」指導補助的【國立臺東大學人文學院─東臺灣飲食的文化觀察、批判與實踐：東大 &#39;avuwan灶咖的跨域創造】(簡稱：東大 &#39;avuwan灶咖計畫)於3月29日開始定期在臺東大學人文學院</span><span style=\"font-size: 18px; font-style: inherit;\">1樓灶空間，熱情點亮灶空間，展開校園夜市生活！</span></p>\r\n		<p style=\"box-sizing: border-box; vertical-align: baseline; font-weight: 400; font-style: inherit; outline: 0px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; text-align: center;\">\r\n			<span style=\"font-size: 18px; font-style: inherit;\"><img alt=\"\" src=\"/userUpload/images/%E7%81%B6%E5%92%96/%E4%B8%80%E5%8F%A3%E7%81%B6logo.jpg\" style=\"width: 250px; height: 250px;\" /></span></p>\r\n		<p style=\"box-sizing: border-box; vertical-align: baseline; font-weight: 400; font-style: inherit; outline: 0px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; text-align: center;\">\r\n			<span style=\"font-size:18px;\">過去兩年半，學校師生使用灶咖空間分享交流烹調飲食的各種生活經驗、知識和食安教育，這學期也在校園內積極推廣共煮共食活動；現在更進一步善用戶外廚房灶空間，將時間延續到夜晚，一個月一次的夜市，是人與人交流的時光，</span><span style=\"font-size: 18px; font-style: inherit;\">透過食物敏銳五感，享受美食也品嘗文化，探索如何共創可能、共思議題、共享願景。</span></p>\r\n		<p style=\"box-sizing: border-box; vertical-align: baseline; font-weight: 400; font-style: inherit; outline: 0px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; text-align: center;\">\r\n			<img alt=\"\" src=\"/userUpload/images/%E7%81%B6%E5%92%96/%E4%B8%80%E5%8F%A3%E7%81%B6%E5%A4%9C%E5%B8%82.jpg\" style=\"width: 420px; height: 237px;\" /></p>\r\n		<p style=\"box-sizing: border-box; vertical-align: baseline; font-weight: 400; font-style: inherit; outline: 0px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; text-align: center;\">\r\n			<span style=\"font-size:18px;\">「一口灶夜市」相揪作伙來，取名源自以前農家社會，家庭人口眾多，煮飯烹飪用的爐子稱為「大灶」，台語有句話說得好，形容一家人叫「同一口灶」，蘊含的深義是，同一家人，吃好吃歹沒關係，有福同享有難同擔，同心共力，青菜蘿蔔也甘之如飴。安一口灶，象徵著安身立命、人丁興旺等豐富意義。而灶的餘火溫暖著身體更聯繫著大夥們圍聚吃飯的情感。</span></p>\r\n		<p style=\"box-sizing: border-box; vertical-align: baseline; font-weight: 400; font-style: inherit; outline: 0px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; text-align: center;\">\r\n			<span style=\"font-size:18px;\"><img alt=\"\" src=\"/userUpload/images/%E7%81%B6%E5%92%96/%E4%B8%80%E5%8F%A3%E7%81%B6%E5%A4%9C%E5%B8%822.jpg\" style=\"width: 420px; height: 315px;\" /></span></p>\r\n		<p style=\"box-sizing: border-box; vertical-align: baseline; font-weight: 400; font-style: inherit; outline: 0px; padding: 0px; margin: 0px; border: 0px; line-height: 30px; letter-spacing: 2px; -webkit-font-smoothing: antialiased; text-align: center;\">\r\n			<span style=\"font-size:18px;\">「一口灶夜市」希望帶來溫暖的燈火，一個自在消費與交流分享的場域，夜市攤位由全校師生與臺東在地品牌共同組織，有；橋chiao獨立互助工作室、自己來+民族服飾.雜貨.caf&eacute;、哈畝笠友善農場、野人好生活、巷子裡的甜點咖啡屋、有人在家、有時散步、按摩體驗以及校內教職員生共同熱情參與，擺攤、歌唱、玩樂器、談天說地&hellip;&hellip;多元形式，自由開發創意。</span></p>\r\n		<p>\r\n			<span style=\"font-size:22px;\"><strong><a href=\"https://www.facebook.com/%E4%B8%80%E5%8F%A3%E7%81%B6%E5%A4%9C%E5%B8%82-362719624244449/\">一口灶夜市的粉絲專頁</a></strong></span></p>\r\n		<p>\r\n			<span style=\"font-size: 18px;\">隨時關注粉專才不會錯過精彩的活動呦</span></p>\r\n	</div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1216,'2018-12-16 08:04:03','2018-12-16 16:04:03',NULL,'2018-12-16 00:00:00','2038-01-01 00:00:00',254,263,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'雞絲飯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/%E7%81%B6%E5%92%96/%E9%9B%9E%E7%B5%B2%E9%A3%AF.jpg\" style=\"width: 400px; height: 300px;\" /></p>\r\n','','',98369,'20181216雞絲飯.jpg',98369,NULL,NULL,NULL,NULL,NULL,1500,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1217,'2018-12-22 04:25:22','2018-12-22 12:25:22',NULL,'2018-12-16 00:00:00','2038-01-01 00:00:00',1014,1030,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <script type=\"text/javascript\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <style>\r\n    ul, li {\r\n	margin: 0;\r\n	padding: 0;\r\n	list-style: none;  \r\n    }\r\n    a img {\r\n        border: none;\r\n    }\r\n    #abgne-block-20110406 {\r\n        margin: 0 auto;\r\n        width: 780px;	/* 框架圖片的寬 */ /* 632px */ /* 900px */\r\n        height: 700px;	/* 框架圖片的高 */ /* 438px */\r\n        position: relative;\r\n        \r\n    }\r\n    #abgne-block-20110406 a.prev, #abgne-block-20110406 a.next {\r\n        position: absolute;\r\n        top: 350px;\r\n        display: block;\r\n        width: 27px;	/* 左右鈕圖片的寬 */\r\n        height: 53px;	/* 左右鈕圖片的高 */\r\n        text-indent: -9999px;\r\n    }\r\n    #abgne-block-20110406 .prev {\r\n        background: url(\'http://www.lohasplus.com.tw/userUpload/images/tomato/camp/arrow_left.png\') no-repeat;\r\n        background-size: contain;\r\n    }\r\n    #abgne-block-20110406 .next {\r\n        background: url(\'http://www.lohasplus.com.tw/userUpload/images/tomato/camp/arrow_right.png\') no-repeat;\r\n        right: 0;\r\n        background-size: contain;\r\n    }\r\n    #abgne-block-20110406 .slides {\r\n        overflow: hidden;\r\n        position: relative;\r\n        top: 32px;\r\n        left: 30px;\r\n        width: 720px;	/* 框架中間區塊的寬 */ /* 574px */ /* 840px */\r\n        height: 100%;	/* 框架中間區塊的高 */ /* 376px */\r\n    }\r\n    #abgne-block-20110406 .slides ul {\r\n        position: absolute;\r\n        width: 9990px;\r\n	   height: 100%;\r\n    }\r\n    #abgne-block-20110406 .slides li {\r\n        width: 720px;	/* 框架中間區塊的寬 */\r\n        max-height: 100%;\r\n        float: left;\r\n    }\r\n    h4{\r\n        font-weight: bold;\r\n        font-size: 24px;\r\n    }\r\n    a,\r\n    p {\r\n        font-size: 16px;\r\n    }\r\n    li,\r\n    div {\r\n        font-family: \"微軟正黑體\", \'標楷體\';\r\n        font-weight: bold;\r\n    }\r\n    \r\n    .nav > li > a{\r\n        color: #008080;\r\n    }\r\n    .nav-pills > li.active > a, .nav-pills > li.active > a:focus {\r\n        color: #708090;\r\n        background-color: #F0FFF0;\r\n    }\r\n     .nav-pills > li.active > a:hover {\r\n        background-color: #F0F8FF;\r\n        color:black;\r\n    }\r\n    table {\r\n        font-size: 18px;\r\n        font-family: \"微軟正黑體\", \'標楷體\';\r\n        border-collapse: collapse;\r\n        width: 100%;\r\n    }\r\n\r\n    td,\r\n    th {\r\n        border: 1px solid #dddddd;\r\n        text-align: left;\r\n        padding: 8px;\r\n        font-family: \"微軟正黑體\", \'標楷體\';\r\n    }\r\n    body{\r\n        background-image: url(http://www.lohasplus.com.tw/userUpload/images/tomato/camp/background.jpg);    \r\n    }\r\n    </style>\r\n    \r\n    <script>\r\n        $(function(){\r\n            // 先取得必要的元素並用 jQuery 包裝\r\n            // 再來取得 $block 的寬度及設定動畫時間\r\n            var $block = $(\'#abgne-block-20110406\'), \r\n                $slides = $block.find(\'.slides\'), \r\n                $ul = $slides.find(\'ul\'), \r\n                _width = $slides.width(), \r\n                _left = _width * -1, \r\n                _animateSpeed = 400, \r\n                // 加入計時器, 輪播時間及控制開關\r\n                timer, _showSpeed = 3000, _stop = false;\r\n\r\n            // 先把最後一個 li 的內容插入到第一個 li 前面\r\n            // 並設定 $ul 的 left 及 width\r\n            $ul.find(\'li:first\').before($ul.find(\'li:last\')).end().css({\r\n                left: _left,\r\n                width: _width * ($ul.find(\'li\').length + 1)\r\n            });\r\n\r\n            // 當點擊到 a.prev 時\r\n            var $prev = $block.find(\'a.prev\').click(function(){\r\n                // 移動 $ul\r\n                $ul.stop(false, true).animate({\'left\' : _left + _width}, _animateSpeed, function () {\r\n                    // 把最後一個 li 的內容插入到第一個 li 前面\r\n                    $ul.find(\'li:first\').before($ul.find(\'li:last\')).end().css(\'left\', _left);\r\n                    // 當移動到正確位置後, 依判斷來啟動計時器\r\n                    if(!_stop) {\r\n                        clearTimeout(timer);\r\n                        timer = setTimeout(move, _showSpeed);\r\n                    }\r\n                });\r\n                return false;\r\n            });\r\n\r\n            // 當點擊到 a.next 時\r\n            var $next = $block.find(\'a.next\').click(function(){\r\n                // 移動 $ul\r\n                $ul.stop(false, true).animate({\'left\' : _left - _width}, _animateSpeed, function () {\r\n                    // 把第一個 li 的內容插入到最後一個 li 後面\r\n                    $ul.find(\'li:last\').after($ul.find(\'li:first\')).end().css(\'left\', _left);\r\n                    // 當移動到正確位置後, 依判斷來啟動計時器\r\n                    if(!_stop) {\r\n                        clearTimeout(timer);\r\n                        timer = setTimeout(move, _showSpeed);\r\n                    }\r\n                });\r\n                return false;\r\n            });\r\n\r\n            // 如果滑鼠移入 $block 時\r\n            $block.hover(function(){\r\n                // 關閉開關及計時器\r\n                _stop = true;\r\n                clearTimeout(timer);\r\n            }, function(){\r\n                // 如果滑鼠移出 $block 時\r\n                // 開啟開關及計時器\r\n                _stop = false;\r\n                timer = setTimeout(move, _showSpeed);\r\n            }).find(\'a\').focus(function(){\r\n                this.blur();\r\n            });\r\n\r\n            // 計時器使用\r\n            function move(){\r\n                $next.click();\r\n            };\r\n\r\n            timer = setTimeout(move, _showSpeed);\r\n        });\r\n    </script>\r\n    \r\n    <img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/camparea_cut.jpg\" style=\"max-width: 100%;\">\r\n    <div style=\"padding: 30px 0;\">\r\n        <ul class=\"nav nav-pills nav-stacked col-md-2\" style=\"padding: 0 20px;\">\r\n            <img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/camp_name.png\" style=\"height: : 50px; max-width: 100%; padding: 10px 0;\">\r\n            <li class=\"active\"><a href=\"#abgne-block-20110406\" data-toggle=\"pill\">園區風光</a></li>\r\n            <li><a href=\"#map\" data-toggle=\"pill\">營區平面圖</a></li>\r\n            <li><a href=\"#profile\" data-toggle=\"pill\">收費</a></li>\r\n            <li><a href=\"#principle\" data-toggle=\"pill\">訂位方式</a></li>\r\n            <li><a href=\"#information\" data-toggle=\"pill\">營區資訊</a></li>\r\n            <li><a href=\"#about\" data-toggle=\"pill\">露營公約</a></li>\r\n        </ul>\r\n        <div class=\"tab-content col-md-10\">\r\n            <div class=\"tab-pane active\" id=\"abgne-block-20110406\">\r\n                <div class=\"slides\">\r\n                    <ul>\r\n                        <li><a href=\"#\"><img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/camp_scenery.jpg\" style=\"width: 720px; max-height: 100%;\" /></a></li>\r\n                        <li><a href=\"#\"><img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/camp_scenery2.jpg\" style=\"width: 720px; max-height: 100%\" /></a></li>\r\n                        <li><a href=\"#\"><img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/camp_scenery3.jpg\" style=\"width: 720px; max-height: 100%\" /></a></li>\r\n                        <li><a href=\"#\"><img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/camp_scenery4.jpg\" style=\"width: 720px;  max-height: 100%\" /></a></li>\r\n                    </ul>\r\n                </div>\r\n                <a href=\"#\" class=\"prev\">&lt;</a>\r\n                <a href=\"#\" class=\"next\">&gt;</a>\r\n            </div>\r\n            \r\n            <div class=\"tab-pane\" id=\"map\" style=\"padding: 0 0 30px;\">\r\n                <h4>營區平面圖</h4>\r\n                <center>\r\n                <img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/map.jpg\" style=\"width: 840px; max-height: 100%;\">\r\n                </center>\r\n                <br>\r\n            </div>\r\n                \r\n            <div class=\"tab-pane\" id=\"profile\" style=\"padding: 0 0 30px;\">\r\n                <h4>費用說明</h4>\r\n                <center><img style=\"max-width:600px;\" src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/cost.jpg\" alt=\"\"></center>\r\n                <br>\r\n            </div>\r\n                \r\n            <div class=\"tab-pane\" id=\"principle\" style=\"padding: 0 0 30px;\">\r\n                <h4>進退場時間</h4>\r\n                <div>\r\n                    <p>進場：原則上不限制，但天黑後會關門，如果會晚到須提前通知。</p>\r\n                    <p>退場：原則上不限制，但如果後面有其他客人，表訂為隔天下午12點(需時間場復)。</p>\r\n                </div>\r\n                <br>\r\n                <h4>訂位原則</h4>\r\n                <div>\r\n                    <p>訂位時盡量如營友的希望，營主會視團體情況調整，讓同一團體的露友能在一起，包埸以先付訂金者優先排序。</p>\r\n                    <p>目前以電話訂位或FB網路訂位為主。</p>\r\n                    <div style=\"padding:0 0 0 20px;\"><p><img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/fbicon.png\" alt=\"\"><a href=\"FB：https://www.facebook.com/TienInn/\">家營農場露營區</a></p></div>\r\n                    <div style=\"display: inline-block; padding:0 0 0 20px;\"><p><span class=\"glyphicon glyphicon-earphone\"></span>訂位專線：</p></div>\r\n                    <div style=\"display: inline-block; vertical-align:middle; padding: 5px 0;\">\r\n                    <p>強哥(營長): 0921-592-593</p>\r\n                    <p>農場主人: 0921-592-587</p>\r\n                    </div>\r\n                </div>\r\n                <br>\r\n                <h4>訂金支付原則</h4>\r\n                <div>\r\n                    <p>訂金支付為總價一半，當收到您的訂金後方確認訂位手續完成。</p>\r\n                    <p>訂金支付：各位露友請務必小心，由於詐騙集團猖獗，園區目前提供的訂金轉入帳戶如下：</p>\r\n                    <p style=\"padding:0 20px;\"><i class=\"fa fa-bank\"></i>轉入銀行：元大銀行 高雄分行，代號806</p>\r\n                    <p style=\"padding:0 20px;\"><i class=\"fa fa-edit\"></i>帳號：21102770234826</p>\r\n                    <p style=\"font-size: 14px; padding: 0 30px;\"><img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/triangle.png\" style=\"height: 14px; max-width: 100%;\"><b>如果您接到任何電話或是簡訊，以任何理由要求您將錢匯入其他帳戶，必定有異，請勿上當哦！</b></p>\r\n                </div>\r\n                <br>\r\n            </div>\r\n            \r\n            <div class=\"tab-pane\" id=\"information\" style=\"padding: 0 0 30px;\">\r\n                <br>\r\n                <center><img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/camp_imformation.jpg\" style=\"width: 700px; max-height: 100%;\"></center>\r\n                <br>\r\n            </div>\r\n            \r\n            <div class=\"tab-pane\" id=\"about\" style=\"padding: 0 0 30px;\">\r\n                <h4>家營農場露營區公約</h4>\r\n                <center><img src=\"http://www.lohasplus.com.tw/userUpload/images/tomato/camp/paper_text.png\" style=\"height: 850px; max-width: 100%;\"></center>\r\n            </div>\r\n            \r\n        </div><!-- tab content -->\r\n    </div>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.155',NULL,NULL,NULL,NULL,NULL,NULL),(1218,'2018-12-18 10:47:49','2018-12-18 18:47:49',NULL,'2018-12-16 00:00:00','2038-01-01 00:00:00',254,263,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'主廚特餐',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/%E7%81%B6%E5%92%96/%E4%B8%BB%E5%BB%9A%E7%89%B9%E9%A4%90.jpg\" style=\"width: 400px; height: 267px;\" /></p>\r\n<div style=\"font-family:Microsoft JhengHei;\">\r\n	<div style=\"display:inline-block; vertical-align: top; padding:20px\">\r\n		&lt;</div>\r\n	<div style=\"display:inline-block; vertical-align: top;\">\r\n		<div>\r\n			&nbsp;</div>\r\n		<div>\r\n			<span style=\"font-size:20px;\">台南麻豆百豐傳牧場的無毒豬肉與南島秧滿田無毒米結合，</span></div>\r\n		<div>\r\n			<span style=\"font-size:20px;\">一入口先是感覺到肉燥鮮甜的香氣，而醬汁也不會太過於死甜，</span></div>\r\n		<div>\r\n			<span style=\"font-size:20px;\">可以感覺到醬汁與米飯的顆粒感融為一體的感覺，</span></div>\r\n		<div>\r\n			<span style=\"font-size:20px;\">在搭配上些許的肉末，使的整體口感在更上一層樓，</span></div>\r\n		<div>\r\n			<span style=\"font-size:20px;\">在此一碗清爽鮮甜的肉燥飯就此誕生。</span></div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20181216主廚特餐.jpg',166623,NULL,NULL,NULL,NULL,NULL,1250,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1219,'2018-12-18 15:24:07','2018-12-18 23:24:07',NULL,'2018-12-18 00:00:00','2038-01-01 00:00:00',254,263,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'老奶奶蜂蜜檸檬蛋糕(數量有限)',NULL,'<div style=\"font-family:Microsoft JhengHei;\">\r\n	<div style=\"text-align: center; display:inline-block; vertical-align: top; padding:20px;\">\r\n		<img alt=\"\" src=\"/userUpload/images/%E7%81%B6%E5%92%96/%E8%9B%8B%E7%B3%953.jpg\" style=\"width: 500px; height: 300px;\" /></div>\r\n	<div style=\"display:inline-block; vertical-align: top;\">\r\n		<div>\r\n			&nbsp;</div>\r\n		<p>\r\n			<strong><span style=\"font-size:20px;\">最近被蜂蜜檸檬燒到不要不要的，蜂蜜檸檬除了喝還能有其他做法嗎？</span>。</strong></p>\r\n		<p>\r\n			<strong><span style=\"font-size:20px;\">當然有，用臺東當地無毒栽種檸檬配上新鮮蜂蜜製作的<span style=\"color:#ff0000;\">老奶奶蜂蜜檸檬蛋糕</span>，就是完美的組合。</span></strong></p>\r\n		<p>\r\n			<strong><span style=\"font-size:20px;\">手作的感覺就是不一樣超級讚，限量供應。</span></strong></p>\r\n		<div>\r\n			&nbsp;</div>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'20181218蛋糕3.jpg',157279,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1220,'2018-12-18 12:55:10','2018-12-18 20:54:46',NULL,'2018-12-18 00:00:00','2038-01-01 00:00:00',254,1213,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/GyKlh3bNK7o\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1221,'2018-12-23 15:39:10','2018-12-23 23:39:10',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',254,1213,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<center>\r\n	<h2>\r\n		<strong><span style=\"font-size:26px;\">參加寶桑影展</span></strong></h2>\r\n	<p>\r\n		<iframe allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\" height=\"315\" src=\"https://www.youtube.com/embed/GyKlh3bNK7o\" width=\"560\"></iframe></p>\r\n	<h2>\r\n		<strong><span style=\"font-size:28px;\">一口灶夜市</span></strong></h2>\r\n	<p>\r\n		<iframe allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\" height=\"315\" src=\"https://www.youtube.com/embed/29oykBXcLe8\" width=\"560\"></iframe></p>\r\n	<h2>\r\n		<strong><span style=\"font-size:28px;\">灶咖所辦的工作坊講座</span></strong></h2>\r\n	<p>\r\n		<iframe allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\" height=\"315\" src=\"https://www.youtube.com/embed/uj4bITKBdXA\" width=\"560\"></iframe></p>\r\n</center>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1222,'2019-05-12 18:32:55','2018-12-23 22:34:18',NULL,'2018-12-19 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<style type=\"text/css\">\r\n/**************************背景******************************************/\r\n.bgw{\r\n		  background-color: rgb(0,255,0,0.0);\r\n						}\r\n						\r\n					\r\n						\r\n.container-fluid\r\n{\r\n	overflow: hidden;\r\n	}\r\n				\r\n							\r\n/****************************************標題************************************/\r\n#welcome\r\n{\r\nposition: center;\r\npadding: 1em 1em 1em 1em;\r\nbackground: rgba(207, 143, 31, 0.8);\r\nbackground-size:cover;\r\ntext-align: center;\r\nborder-radius:  25px 25px 0px 0px;\r\ncolor:black;\r\n}\r\n						\r\nhr {\r\n        margin-top: 0px;\r\n        margin-bottom: 0px;\r\n        border: 0;\r\n        border-top: 1px solid rgba(238, 238, 238, 0.0);\r\n}\r\n  \r\n h23\r\n{\r\n	font-size:48px;\r\n}\r\n\r\nh33{\r\nfont-weight: 900;\r\n}\r\n						\r\n\r\n#wrapper{\r\nposition: center;\r\nbackground: rgba(255, 255, 255, 0.8);\r\ncolor:black;\r\ntext-align:center;\r\n border-radius: 0px 0px 25px 25px;\r\n}\r\n\r\n#header-wrapper\r\n						{\r\n position: relative;\r\nbackground:url(/userUpload/images/10512106/%E5%9C%96%E7%89%873.jpg);  \r\nbackground-size:100% 100%;\r\nbackground-repeat:no-repeat; \r\ntext-align: center;\r\ncenter;\r\nborder-radius:25px 25px 0px 0px;\r\n}\r\n.img{text-align: center;class=\"img-rounded img-responsive\"}\r\n\r\n#banner .title h3 {\r\n    font-size: 2.5em;\r\n    color: white;\r\n    font-family: 微軟正黑體;\r\n}\r\n.h1, .h2, .h3, h1, h2, h3 {\r\n    margin-top: 13px;\r\n    margin-bottom: 10px;\r\n}\r\n						\r\n#banner .title .byline{\r\n			font-size: 0.7em;\r\n                        color: white;}\r\n\r\n/*****************************內容*************************************/\r\nbody\r\n			{\r\n				margin: 0px;\r\n				padding: 0px;\r\n				font-family: 微軟正黑體;\r\n				font-size: 18pt;\r\n				font-weight: 200;\r\n				color: #FFF;\r\n                background: url(userUpload/20180105背景圖.jpg) no-repeat fixed center center;\r\n                background-size: 100% 100%;\r\n						}\r\n\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\r\n}		\r\n				\r\n/*************************判斷滑鼠的動作放大圖片還有增加透明度(檢測圖)*******************/\r\n.post img:hover {\r\n-moz-transform: scale(1.0);\r\n-ms-transform: scale(1.0);\r\n-o-transform: scale(1.0);\r\n-webkit-transform: scale(1.0);\r\ntransform: scale(1.1);\r\nopacity: 1;\r\n}\r\n/*****************************下載圖式*************************************/\r\n.download img:hover {\r\n-moz-transform: scale(1.0);\r\n-ms-transform: scale(1.0);\r\n-o-transform: scale(1.0);\r\n-webkit-transform: scale(1.0);\r\ntransform: scale(1.25);\r\nopacity: 1;\r\n}\r\n.\r\n/*********************文字展開*************************/\r\n\r\n.flip{\r\nborder: 5px solid blue;\r\nborder-radius:25%;\r\nmargin:5px;\r\npadding:10px;\r\ntext-align:center;\r\ncursor:pointer;\r\nfont-family:\'微軟正黑體\';\r\n}\r\n.panel{\r\ntext-align:center;\r\nline-height: 1.428571;\r\nfont-size:18pt;\r\ndisplay:none;\r\nfont-family:\'微軟正黑體\';\r\nmargin-bottom: 0px;\r\nbackground-color: #fff0;}\r\n\r\n/************************************************************/\r\n\r\n\r\n.navbar-nav > li > a {\r\n    padding-top: 0px;\r\n    padding-bottom: 0px;\r\n    line-height: 50px;\r\n    font-size: 20px;\r\n}\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background-color: brown;\r\n}\r\n/***********************分頁設定******************************/\r\n.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {\r\n    color: blueviolet;\r\n    cursor: default;\r\n    background-color: #fff;\r\n    border: 3px solid greenyellow;\r\n    border-bottom-color: transparent;\r\n}\r\n/*******************************gotop*************************************/\r\n#gotop {\r\n    position:fixed;\r\n    z-index:90;\r\n    right:30px;\r\n    bottom:31px;\r\n    display:none;\r\n    width:7%;\r\n    height:50px;\r\n    color:ghostwhite;\r\n    background:rgba(244,164,96,0.8);\r\n    cursor:pointer;\r\n    line-height:50px;\r\n    border-radius:66%;\r\n    transition:all 0.5s;\r\n    text-align: center;\r\n    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);\r\n}\r\n/*************************************************************/	</style>\r\n</p>\r\n<div id=\"header-wrapper\">\r\n	<div class=\"row\" id=\"banner\">\r\n		<div class=\"img\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n				<div class=\"title\">\r\n					<h3>\r\n						&nbsp;</h3>\r\n					<h3>\r\n						芳林的故事</h3>\r\n					<p>\r\n						&nbsp;</p>\r\n					<p>\r\n						<span class=\"byline\">The story of FANGLIN ORCHARD</span></p>\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<strong><h23>故事的起源</h23></strong></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<hr />\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			<span style=\"font-size:25px;\"><span style=\" color: bla;  vertical-align: baseline; white-space: pre-wrap;\"><img alt=\" \" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E9%97%9C%E6%96%BC%E8%8A%B3%E6%9E%97.png\" style=\"float: left;height: 500px;width: 385px;\" /> </span> </span><strong><h22>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與 興趣之間取得平衡。畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....</h22> </strong></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<div class=\"flip\" style=\"cursor: pointer;\">\r\n				<span class=\"1\">Read more</span></div>\r\n			<br />\r\n			<div class=\"panel\">\r\n				<strong>&nbsp;&nbsp;&nbsp;&nbsp;對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，二○一○年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。<br />\r\n				<br />\r\n				&nbsp;&nbsp;&nbsp;&nbsp;除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，證明只要願意努力，新手也可以闖出一片天。 </strong></div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div id=\"welcome\">\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n			<strong><h23 style=\"font-family:微軟正黑體\">芳林芭樂果園 鄭宗林</h23></strong></div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<hr />\r\n		</div>\r\n		<div class=\"title col-md-12 col-sm-12 col-xs-12\">\r\n			&nbsp;</div>\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<img align=\"left\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97.png\" style=\"height:auto; width: 320px;\" /> <h33> <span style=\"color:#000000;font-size:36px;\"><span style=\"font-size:36px;background-color:#800000; color: white\">經歷：</span></span><br />\r\n			<br />\r\n			。行政院農委會 第一屆 百大青年農民<br />\r\n			<br />\r\n			。高雄市農業局 高雄型農<br />\r\n			<br />\r\n			。培訓班 高雄型農精英班<br />\r\n			<br />\r\n			。高雄市青年農民聯誼會會長</h33></div>\r\n	</div>\r\n</div>\r\n<div id=\"wrapper\">\r\n	<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n	<div class=\"row\">\r\n		<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n				<h31><h32><span style=\"font-size:42px;\"><span style=\"color:black;\"><strong>芳林的品質保證</strong></span></span></h32></h31></div>\r\n			<ul class=\"nav nav-tabs\">\r\n				<li class=\"active\">\r\n					<a data-toggle=\"tab\" href=\"#home\">優質保證</a></li>\r\n				<li>\r\n					<a data-toggle=\"tab\" href=\"#menu1\">農園介紹</a></li>\r\n				<li>\r\n					<a data-toggle=\"tab\" href=\"#menu2\">過程經驗</a></li>\r\n				<li>\r\n					<a data-toggle=\"tab\" href=\"#menu3\">草生栽培</a></li>\r\n				<li>\r\n					<a data-toggle=\"tab\" href=\"#menu4\">QRcode</a></li>\r\n				<li>\r\n					<a data-toggle=\"tab\" href=\"#menu5\">認證&amp;下載</a></li>\r\n			</ul>\r\n			<div class=\"tab-content\">\r\n				<div class=\"tab-pane fade in active\" id=\"home\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\"><strong>優質的保證，讓人人都想品嘗這個美味</strong></span></span></span></div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						&nbsp;</div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<h33>鄭宗林隸屬大社區農會的果樹產銷第7班，<br />\r\n						已通過產銷履歷認證，種植總面積2公頃，<br />\r\n						年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br />\r\n						芳林農園珍珠芭樂特色：<br />\r\n						1.通過屏科大產銷履歷認證<br />\r\n						2.通過311項無農藥殘留檢測<br />\r\n						3.採草生栽培、友善耕作</h33></div>\r\n					<h33>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						&nbsp;</div>\r\n					</h33></div>\r\n				<div class=\"tab-pane fade\" id=\"menu1\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\"><strong>天然有機的珍珠芭樂農園</strong></span></span></span></div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							&nbsp;</div>\r\n						<div style=\"font-size:18px;\">\r\n							<h33>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？<br />\r\n							答案當然是否定的，這叫草生栽培，也是愛護大地的表現，一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。<br />\r\n							大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，<br />\r\n							然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，<br />\r\n							一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</h33><br />\r\n							&nbsp;</div>\r\n					</div>\r\n				</div>\r\n				<div class=\"tab-pane fade\" id=\"menu2\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\"><strong>善用政府資源讓新手變老手</strong></span></span></span></div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							&nbsp;</div>\r\n						<div style=\"font-size:18px;\">\r\n							<h33>後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。<br />\r\n							從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br />\r\n							鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br />\r\n							「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」<br />\r\n							鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。</h33><br />\r\n							&nbsp;</div>\r\n					</div>\r\n				</div>\r\n				<div class=\"tab-pane fade\" id=\"menu3\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\"><strong>愛護大地的草生栽培農法</strong></span></span></span></div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							&nbsp;</div>\r\n						<div style=\"font-size:18px;\">\r\n							<h33> 鄭宗林的芭樂園最近從阿蓮搬到岡山，就在大崗山和小崗山的山腳下，來到這座佔地2.5公頃的「芳林」芭樂園，看到的是一望無際的綠意，不只芭樂樹是綠的、就連樹下的土壤也披上一層「綠衣」，不知情的人還以為是芭樂園疏於整理，以致雜草叢生，<br />\r\n							「這叫草生栽培，我的芭樂雖然也施以少量的農藥，但絕不用除草劑。」<br />\r\n							鄭宗林說，草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥，只不過果園裡的雜草會不斷長高，所以他每天都得推除草機。<br />\r\n							「芳林」芭樂雖然不是有機芭樂，但也有產銷履歷和吉園圃的雙認證，即足以讓人安心食用，再加上果園主人農業技術不斷精進，所產的珍珠芭樂口感扎實，甜度高、水分足，在市場上大受歡迎，未來還將以觀光果園模式，讓更多民眾得以體驗農家採果、自採自食的樂趣。</h33></div>\r\n					</div>\r\n				</div>\r\n				<div class=\"tab-pane fade\" id=\"menu4\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<h31><h32><span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\"><strong>農場履歷的QR code 實在好安心</strong></span></span></span></h32></h31>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n								&nbsp;</div>\r\n							<div style=\"font-size:18px;\">\r\n								<img align=\"center\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/QRcode(1).png\" style=\"height:auto; width: 320px;\" /> <img align=\"center\" alt=\"\" class=\"image-responsive img-rounded img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E8%8A%B3%E6%9E%97%E8%BE%B2%E7%94%A2%E5%B1%A5%E6%AD%B7(1).png\" style=\"height:auto; width: 320px;\" /></div>\r\n						</div>\r\n					</div>\r\n				</div>\r\n				<div class=\"tab-pane fade\" id=\"menu5\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<span style=\"font-size:36px;\"><span style=\"color:#f0fff0;\"><span style=\"background-color:#800000;\"><strong>農場各方面的認證</strong></span></span></span></div>\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\" style=\"text-align: center;\">\r\n							&nbsp;</div>\r\n						<div>\r\n							&nbsp;</div>\r\n						<div>\r\n							<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 20px;\"><strong>產銷履歷</strong></span><br />\r\n							<br />\r\n							<div class=\"download\">\r\n								<a border=\"0\" href=\"http://ecloud.ewang.com.tw/userUpload/images/10512106/S_7032553691111.jpg\" target=\"_blank\"><img alt=\"產銷履歷\" class=\"image-responsive img-thumbnail image-full\" src=\"http://alumni.fju.edu.tw/img/download.png\" style=\"height: auto; width: 40px;\" title=\"點我下載(產銷履歷)\" /></a></div>\r\n						</div>\r\n						<div>\r\n							<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size:20px;\"><strong>水質檢測認證</strong></span><br />\r\n							<br />\r\n							<div class=\"download\">\r\n								<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 25pt;\"><span><a border=\"0\" href=\"http://ecloud.ewang.com.tw/userUpload/images/10512106/89573.jpg\" target=\"_blank\"><img alt=\"水質檢測認證\" class=\"image-responsive img-thumbnail image-full\" src=\"http://alumni.fju.edu.tw/img/download.png\" style=\"height: auto; width: 40px;\" title=\"點我下載(水質檢測認證)\" /></a> </span></span></div>\r\n						</div>\r\n						<div>\r\n							<span style=\"background-color: transparent; color: black; font-family:微軟正黑體; font-size: 20px;\"><strong>無農藥檢測認證</strong></span><br />\r\n							<br />\r\n							<div class=\"download\">\r\n								<a border=\"0\" href=\"http://ecloud.ewang.com.tw/userUpload/images/10512106/89572.jpg\" target=\"_blank\"><img alt=\"無農藥檢測認證\" class=\"image-responsive img-thumbnail image-full\" src=\"http://alumni.fju.edu.tw/img/download.png\" style=\"height: auto; width: 40px;\" title=\"點我下載(無農藥檢測認證)\" /></a></div>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n<div id=\"gotop\">\r\n	回頂頁</div>\r\n<script src=\'https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\'></script><script type=\"text/javascript\">\r\n            $(function() {\r\n                /* 按下GoTop按鈕時的事件 */\r\n                $(\'#gotop\').click(function(){\r\n                    $(\'html,body\').animate({ scrollTop: 0 }, \'slow\');   /* 返回到最頂上 */\r\n                    return false;\r\n                });\r\n                 \r\n                /* 偵測卷軸滑動時，往下滑超過500px就讓GoTop按鈕出現 */\r\n                $(window).scroll(function() {\r\n                    if ( $(this).scrollTop() > 400){\r\n                        $(\'#gotop\').fadeIn();\r\n                    } else {\r\n                        $(\'#gotop\').fadeOut();\r\n                    }\r\n                });\r\n            });\r\n            </script><!-- 記得要把按鈕放到網頁上, 否則它不會出現 -->\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<script src=\"//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js\"></script></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<script src=\'//production-assets.codepen.io/assets/common/stopExecutionOnTimeout-b2a7b3fe212eaa732349046d8416e00a9dec26eb7fd347590fbced3ab38af52e.js\'></script><script src=\'https://npmcdn.com/jquery@3.1.0\'></script><script >$(function(){\r\n$(\".flip\").click(function(){\r\n    $(\".panel\").slideToggle(\"slow\");\r\n    $(\".xs1\").toggle();\r\n    $(\".xs2\").toggle();\r\n  });});\r\n\r\n//# sourceURL=pen.js\r\n</script><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1001,NULL,0,NULL,NULL,'39.12.195.108',NULL,NULL,NULL,NULL,NULL,NULL),(1223,'2018-12-21 19:53:18','2018-12-22 03:25:25',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,'<center>\r\n	<div class=\"box5\">\r\n		<img src=\"/userUpload/images/10512106/%E8%8A%B3%E9%84%B0LOGO.jpg\" />\r\n		<div class=\"menu\">\r\n			<ul>\r\n				<li id=\"menu01\">\r\n					&nbsp;</li>\r\n				<li id=\"menu02\">\r\n					&nbsp;</li>\r\n				<li id=\"menu03\">\r\n					&nbsp;</li>\r\n				<li id=\"menu04\">\r\n					&nbsp;</li>\r\n				<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js\"></script>\r\n			</ul>\r\n			<div class=\"flex\">\r\n				<div class=\"fb-like\" data-action=\"like\" data-href=\"https://www.facebook.com/%E8%8A%B3%E6%9E%97-%E8%8A%AD%E6%A8%82%E8%BE%B2%E5%9C%92-297327576945814/\" data-layout=\"button\" data-share=\"true\" data-show-faces=\"true\" data-size=\"large\">\r\n					&nbsp;</div>\r\n				<div id=\"fb-root\">\r\n					&nbsp;</div>\r\n				<div class=\"line-it-button\" data-lang=\"zh-Hant\" data-type=\"share-e\" style=\"display: none;\">\r\n					&nbsp;</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<center>\r\n	<div class=\"box\">\r\n		<div class=\"section\" id=\"sec01\">\r\n			&nbsp;</div>\r\n		<script>\r\n$(document).ready(function(){\r\n    $(function(){ $(\'#menu01\').click(function(){ \r\n        $(\'html,body\').animate({scrollTop:$(\'#sec01\').offset().top}, 1000);});  \r\n    }); \r\n}); \r\n</script>\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					welcome</h4>\r\n				<div align=\"center\" class=\"col-md-12 col-sm-6 col-xs-12\" style=\"margin-top: -7px;margin-bottom: -14px;\">\r\n					<h1>\r\n						<strong style=\"background-color: initial;\">一生懸命，自慢的芭樂&mdash;芳林</strong></h1>\r\n					<div id=\"introduce\">\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>嚴謹的管理及記錄生產過程，並讓它以最自然的方式自然生長，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>讓它擁有該有的原始風味，就像眾給自己家人吃一樣，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。</strong></span><br />\r\n						&nbsp;</div>\r\n					<br />\r\n					&nbsp;</div>\r\n			</div>\r\n			<a class=\"button1\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=926\">了解更多...</a></div>\r\n	</div>\r\n</center>\r\n<center>\r\n	<div class=\"img\">\r\n		<div class=\"box1\">\r\n			<div class=\"section\" id=\"sec02\">\r\n				&nbsp;</div>\r\n			<script>\r\n$(document).ready(function(){\r\n    $(function(){ $(\'#menu02\').click(function(){ \r\n        $(\'html,body\').animate({scrollTop:$(\'#sec02\').offset().top}, 1000);});  \r\n    }); \r\n}); \r\n</script>\r\n			<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n				<div style=\"text-align: center;\">\r\n					<div>\r\n						&nbsp;</div>\r\n					<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n						<strong><span style=\"font-size:35px;\">芭樂展現浪漫原味</span></strong></div>\r\n					<div style=\"background: rgba(221, 225, 16, 0.76);border-radius: 12px; \">\r\n						<p>\r\n							<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></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				</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=\"dowload\">\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=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%8741.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%873.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n							</div>\r\n							<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n								<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n									<img alt=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%876.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<p>\r\n						&nbsp;</p>\r\n					<br />\r\n					<p>\r\n						<a class=\"button\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=935\">了解更多...</a></p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<center>\r\n	<div class=\"box2\">\r\n		<div class=\"section\" id=\"sec03\">\r\n			&nbsp;</div>\r\n		<script>\r\n$(document).ready(function(){\r\n    $(function(){ $(\'#menu03\').click(function(){ \r\n        $(\'html,body\').animate({scrollTop:$(\'#sec03\').offset().top}, 1000);});  \r\n    }); \r\n}); \r\n</script>\r\n		<div class=\"img\">\r\n			<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n				<div>\r\n					&nbsp;</div>\r\n				<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"font-size:35px;\">可愛的小動物</span></strong></div>\r\n				<div style=\"background:rgba(221, 225, 16, 0.76);border-radius: 12px; \">\r\n					<p>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></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			</div>\r\n			<div>\r\n				&nbsp;</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-12 col-xs-12\">\r\n							<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n								<div class=\"dowload\">\r\n									<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084760586_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></div>\r\n							</div>\r\n						</div>\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=\"dowload\">\r\n									<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084766594_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n							</div>\r\n						</div>\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=\"dowload\">\r\n									<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084777516_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n							</div>\r\n						</div>\r\n					</div>\r\n					<p>\r\n						&nbsp;</p>\r\n					<br />\r\n					<p>\r\n						&nbsp;</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</center>\r\n<center>\r\n	<div class=\"box3\">\r\n		<div class=\"section\" id=\"sec04\">\r\n			&nbsp;</div>\r\n		<script>\r\n$(document).ready(function(){\r\n    $(function(){ $(\'#menu04\').click(function(){ \r\n        $(\'html,body\').animate({scrollTop:$(\'#sec04\').offset().top}, 1000);});  \r\n    }); \r\n}); \r\n</script>\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n			<div style=\"text-align: center;\">\r\n				<div>\r\n					&nbsp;</div>\r\n				<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"font-size:35px;\">如何聯絡我們</span></strong></div>\r\n			</div>\r\n			<div align=\"center\" class=\"col-md-12 col-sm-6 col-xs-12\" style=\"margin-top: 12px;margin-bottom: 12px;\">\r\n				<img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 360px; height: auto; float: left;\" /> <span style=\"color:#ffffe0;font-size:30px;\"> 聯絡資訊:<br />\r\n				<br />\r\n				農場主人：鄭宗林<br />\r\n				<br />\r\n				手機：0910-326-822<br />\r\n				<br />\r\n				電話：07-371-2376<br />\r\n				<br />\r\n				LINE：kenny335a<br />\r\n				<br />\r\n				信箱：kenny335a@<br />\r\n				yahoo.com.tw<br />\r\n				<br />\r\n				搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送</span><br />\r\n				&nbsp;</div>\r\n		</div>\r\n		<a class=\"button2\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=932\">了解更多...</a></div>\r\n</center>\r\n<p>\r\n	&nbsp;</p>\r\n<script>(function(d, s, id) {\r\n  var js, fjs = d.getElementsByTagName(s)[0];\r\n  if (d.getElementById(id)) return;\r\n  js = d.createElement(s); js.id = id;\r\n  js.src = \'https://connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v3.1\';\r\n  fjs.parentNode.insertBefore(js, fjs);\r\n}(document, \'script\', \'facebook-jssdk\'));</script><script src=\'//scdn.line-apps.com/n/line_it/thirdparty/loader.min.js\' async=\'async\' defer=\'defer\' ></script>\r\n<div id=\"gotop\">\r\n	回頂頁</div>\r\n<script src=\'https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\'></script><script type=\"text/javascript\">\r\n            $(function() {\r\n                /* 按下GoTop按鈕時的事件 */\r\n                $(\'#gotop\').click(function(){\r\n                    $(\'html,body\').animate({ scrollTop: 0 }, \'slow\');   /* 返回到最頂上 */\r\n                    return false;\r\n                });\r\n                 \r\n                /* 偵測卷軸滑動時，往下滑超過500px就讓GoTop按鈕出現 */\r\n                $(window).scroll(function() {\r\n                    if ( $(this).scrollTop() > 400){\r\n                        $(\'#gotop\').fadeIn();\r\n                    } else {\r\n                        $(\'#gotop\').fadeOut();\r\n                    }\r\n                });\r\n            });\r\n            </script><!-- 記得要把按鈕放到網頁上, 否則它不會出現 -->\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 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><script>$(function() {\r\n\r\n                $(\"div\").addClass(\"load\");\r\n\r\n            });\r\n</script></p>\r\n<style type=\"text/css\">\r\n/*************************************************字形設定********************************************************************************************/\r\n\r\n        *{font-family: \"微軟正黑體\";\r\n          box-sizing: border-box;}\r\n\r\n\r\n	\r\n/*****************************圖片、背景*************************/\r\n	\r\n.img{\r\n   class=\"img-rounded\"\r\n   max-width: 100%;\r\n   height: auto;\r\n		}\r\n \r\n \r\n img {\r\n    border: 0;\r\n    border-radius: 22%;\r\n}\r\n \r\n .bgw {\r\n    background-color:rgba(0,0,0,0.0);\r\n   \r\n}\r\n\r\n	\r\n .box {\r\n border:1px solid black;\r\n width:100vw;\r\n height:100vh;\r\n background-color:rgb(0,0,0,0.7);\r\n border-radius:15px;\r\n }\r\n\r\n.box1 {\r\n border:1px solid black;\r\n width:100vw;\r\n height:100vh;\r\n background-color:rgb(0,0,0,0.7);\r\n border-radius:20px;\r\n\r\n\r\n }\r\n.box2 {\r\n border:1px solid black;\r\n width:100vw;\r\n height:100vh;\r\n background-color:rgb(0,0,0,0.7);\r\n border-radius:20px;\r\n\r\n\r\n }\r\n.box3 {\r\n border:1px solid black;\r\n border-radius:20px;\r\n width:100vw;\r\n height:100vh;\r\n background-color:rgb(0,0,0,0.7);\r\n }\r\n\r\n \r\n\r\n.box5{\r\nborder:1px solid black;\r\nheight: 100vh;\r\nwidth: 100vw;\r\nbackground-color:rgb(0,0,0,0.5);\r\npadding:100px;\r\n}\r\n\r\n\r\n	\r\n/****************************rwd*************************************/\r\n\r\n@media only screen and (max-width: 768px) {\r\n    /* For mobile phones: */\r\n    [class*=\"g-m-\"] {\r\n        width: 100%;\r\n    }\r\n \r\n}\r\n\r\n\r\n\r\n@media only screen and (max-width: 992px) {\r\n}\r\n\r\n.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2,\r\n.col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, \r\n.col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, \r\n.col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, \r\n.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, \r\n.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, \r\n.col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 \r\n{\r\n  position: relative;\r\n  min-height: 1px;\r\n  padding-left: 0px;\r\n  padding-right: 0px;\r\n}\r\n\r\n@media (min-width: 992px){\r\n.col-md-offset-1 {margin-left: 0px;}\r\n\r\n\r\n\r\n}\r\n\r\n/************************for desktop*********************************/\r\n.g-m-12 {	width: 100%;}	\r\n.g-m-11 {	width: 91.666663%;}	\r\n.g-m-10 {	width: 83.33%;}	\r\n.g-m-9 {	width: 74.999997%;}	\r\n.g-m-8 {	width: 66.66666664%;}	\r\n.g-m-7 {	width: 58.333%;}	\r\n.g-m-6 {	width: 50%;}	\r\n.g-m-5 {	width: 41.6665%;}	\r\n.g-m-4 {	width: 33.33%;}	\r\n.g-m-3 {	width: 24.99%;}	\r\n.g-m-2 {	width: 16.66666%;}	\r\n.g-m-1 {	width: 8.33%;}\r\n\r\n		\r\n\r\n\r\n/***************************標題***********************************/\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:25px;\r\n				Font-Family:\'微軟正黑體\';                              			\r\n				\r\n	}\r\n	\r\nh1 {\r\n\r\n   text-align:center; \r\n   color:white;\r\n   Font-Family:微軟正黑體;\r\n   font-size:30px;\r\n		} \r\nh3 {\r\n    font-size: 35px;\r\n	font-family: inherit;\r\n    font-weight: 0;\r\n    line-height: 1.1;\r\n    color: inherit;\r\n    margin-top: -10px;\r\n    margin-bottom: 10px;\r\n}\r\n\r\nhr {\r\n    margin-top: 0px;\r\n    margin-bottom: 0px;\r\n    border: 0;\r\n    border-top: 1px solid rgba(238, 238, 238, 0.0);\r\n}\r\n   \r\n   .title1area {				\r\nwidth: 100%; 				\r\nheight: auto;				\r\ntext-align: center;				\r\npadding:50px;			\r\n}		\r\n	\r\n.title1area .bigtitle {				\r\nposition: relative;				\r\nfont-weight: 100;				\r\nletter-spacing: .06em;				\r\ntext-transform: uppercase;				\r\ncolor:#13d9e4;				\r\nfont-size: 3em;				\r\nmargin-bottom: 50px;			\r\n}\r\n\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\r\n\r\n.title1area .bigtitle:before, \r\n.title1area .bigtitle:after \r\n{				\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}					\r\n\r\n.title1area .bigtitle:before {				\r\nleft: 0;	\r\n}		\r\n\r\n.title1area .bigtitle:after {				\r\nright: 0;	\r\n}		\r\n\r\n\r\n.title1area p{ color: white;					\r\nfont-size:1.2em;}				\r\n				\r\n.container-fluid {			\r\nwidth: -webkit-fill-available;			\r\npadding-right: 0;			\r\npadding-left: 0;			\r\nmargin-right: auto;			\r\nmargin-left: auto;		\r\n}\r\n\r\n/**********************************navbar*******************************/\r\n.navbar-default {\r\n     border-color: #e7e7e7\r\n    \r\n}\r\n.navbar-default .navbar-nav>.active>a, \r\n.navbar-default .navbar-nav>.active>a:focus, \r\n.navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background-color: brown;\r\n}\r\n\r\n\r\n/*******************************內容*************************************/\r\nbody {\r\n    font-family: Arial,sans-serif,\'微軟正黑體\';\r\n    font-size: 15px;\r\n    line-height: 1.428571;\r\n    background:\r\nurl(/userUpload/images/10512106/guavatree.jpg);\r\n    background-attachment:fixed;\r\n    background-size:100% auto; \r\n    center;\r\n    background-repeat:no-repeat;\r\n    background-position:center;\r\n    color: white;\r\n    padding:0px;\r\n	margin:0px auto;\r\n	\r\n\r\n}\r\n\r\nfooter{\r\n    background-color: brown;\r\n    font-size: 14px;\r\n}\r\n\r\n\r\n/*******************************frame*************************************/  \r\n					\r\n.FBWrapper {\r\n			 position: relative;\r\n			padding-bottom: 56.25%; /* 16:9 */\r\n			height: 0;\r\n						}\r\n\r\n.FBWrapper iframe {\r\n					position: relative;\r\n					top: 0;\r\n					left: 0;\r\n					width: 100%;\r\n					height: 80%;\r\n						}\r\n/*******************************gotop*************************************/\r\n   #gotop {\r\n    position: fixed;\r\n    z-index: 1;\r\n    right: 50px;\r\n    bottom: 60px;\r\n    display: none;\r\n    width: 5%;\r\n    height: 50px;\r\n    color: ghostwhite;\r\n    background: rgba(244,164,96,0.8);\r\n    cursor: pointer;\r\n    line-height: 50px;\r\n    border-radius: 50%;\r\n    transition: all 0.4s;\r\n    text-align: center;\r\n    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);\r\n}\r\n\r\n\r\n/*****************************圖片縮放*************************************/\r\n.dowload img:hover {\r\n-moz-transform: scale(1.0);\r\n-ms-transform: scale(1.0);\r\n-o-transform: scale(1.0);\r\n-webkit-transform: scale(1.0);\r\ntransform: scale(1.25);\r\nopacity: 1;\r\n}\r\n/****************************連結按鈕**********************************/\r\n.button {\r\n    border: 2px solid #ebe406;\r\n    border-radius:4px;\r\n    color: #ed950d;\r\n    padding: 7px 20px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    font-size: 20px;\r\n    font-family:微軟正黑體;\r\n    margin: 40px 2px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    position: sticky;\r\n    transform: translate(0%, -100%);\r\n   \r\n}\r\n.button:hover {\r\n    background-color: #2258a9;\r\n    text-decoration: none;\r\n    color: white;\r\n    opacity: 1\r\n}\r\n\r\n.button1 {\r\n    border: 2px solid #ebe406;\r\n    border-radius:4px;\r\n    color: #ed950d;\r\n    padding: 7px 20px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    font-size: 20px;\r\n    font-family:微軟正黑體;\r\n    margin: 5px 4px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    position: sticky;\r\n    transform: translate(0%, 15%);\r\n   \r\n}\r\n.button1:hover {\r\n    background-color: #2258a9;\r\n    text-decoration: none;\r\n    color: white;\r\n    opacity: 1\r\n \r\n}\r\n \r\n.button2 {\r\n   \r\n    border: 2px solid #ebe406;\r\n    border-radius:4px;\r\n    color: #ed950d;\r\n    padding: 7px 20px;\r\n    text-align: center;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    font-size: 14px;\r\n    font-family:微軟正黑體;\r\n    margin: 5px 4px;\r\n    cursor: pointer;\r\n    transition: 0.3s;\r\n    position:sticky;\r\n    transform: translate(450%, -450%);\r\n    \r\n}\r\n.button2:hover {\r\n    background-color: #2258a9;\r\n    text-decoration: none;\r\n    color: white;\r\n    opacity: 1\r\n   \r\n}\r\n\r\n\r\n\r\n/******************************網頁滑動效果************************************/\r\n .menu ul{\r\n  list-style-image:\r\n  url(/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E4%B8%8B%E6%BB%91.png);\r\n  list-style-position: inside;\r\n  height: 65px;\r\n  cursor:pointer;\r\n  display: flex;\r\n  transform: translate(0%,-441%);\r\n  \r\n}\r\n  .meun ul li{\r\n  float:left;}\r\n\r\n.menu menu01 ,menu02 ,menu03 ,menu04{\r\n \r\n    text-align:center;\r\n    font-family:微軟正黑體;\r\n}\r\n.section{\r\n        position: relative;\r\n        width: auto;\r\n        height:1px;\r\n    }\r\n    #sec01{\r\n       \r\n    }\r\n    #sec02{\r\n       \r\n    }\r\n    #sec03{\r\n        \r\n    }\r\n    #sec04{\r\n        \r\n    }\r\n/*****************************flex*******************************/\r\n\r\n.flex{\r\ndisplay:flex;\r\ntransform: translate(80%,-600%);\r\n}\r\n/************************************************************/\r\ndiv {\r\n            opacity: 0;\r\n            -webkit-transition: opacity 1s ease-in-out;\r\n            -moz-transition: opacity 1s ease-in-out;\r\n            -ms-transition: opacity 1s ease-in-out;\r\n            -o-transition: opacity 1s ease-in-out;\r\n            transition: opacity 1s ease-in-out;\r\n            }\r\n\r\n            .load {\r\n            opacity: 1 !important;\r\n            }\r\n*{opacity: 1 !important}\r\n/************************************************************/</style>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1005,NULL,0,NULL,NULL,'110.28.70.253',NULL,NULL,NULL,NULL,NULL,NULL),(1224,'2018-12-22 04:27:06','2018-12-22 12:24:58',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',254,1213,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<center>\r\n	<h2>\r\n		<strong><span style=\"font-size:28px;\">一口灶夜市</span></strong></h2>\r\n	<p>\r\n		<iframe allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" frameborder=\"0\" height=\"315\" src=\"https://www.youtube.com/embed/29oykBXcLe8\" width=\"560\"></iframe></p>\r\n</center>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1225,'2018-12-22 05:14:18','2018-12-22 13:13:23',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',104,114,NULL,NULL,NULL,NULL,NULL,512,NULL,NULL,NULL,'Facebook網頁',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.153',NULL,NULL,NULL,NULL,NULL,NULL),(1226,'2018-12-22 05:14:44','2018-12-22 13:14:37',NULL,'2018-12-22 00:00:00','2038-01-01 00:00:00',104,110,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'F',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.153',NULL,NULL,NULL,NULL,NULL,NULL),(1227,'2018-12-22 05:15:54','2018-12-22 13:15:28',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',104,114,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'Facebook首頁',NULL,'<p>\r\n	123456</p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.153',NULL,NULL,NULL,NULL,NULL,NULL),(1228,'2018-12-22 05:16:37','2018-12-22 13:15:59',NULL,'2018-12-22 00:00:00','2038-01-01 00:00:00',104,114,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'Facebook網頁',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.153',NULL,NULL,NULL,NULL,NULL,NULL),(1229,'2018-12-23 13:57:02','2018-12-23 21:56:19',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<meta charset=\"UTF-8\" />\r\n</p>\r\n<p>\r\n	<title></title>\r\n	<!--    匯入jQuery    --><script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js\"></script><script>\r\n        $(document).ready(function(){\r\n            \r\n            //根據捲軸的位置改變右方導覽列游標的顏色\r\n            $(window).scroll(function(){\r\n                 if($(window).scrollTop()>=$(\".p01\").offset().top && $(window).scrollTop()<$(\".p02\").offset().top){\r\n                    $(\".nav li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav li:eq(0)\").css(\"background-color\",\"#46dd46\")\r\n                }else if($(window).scrollTop()>=$(\".p02\").offset().top && $(window).scrollTop()<$(\".p03\").offset().top){\r\n                    $(\".nav li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav li:eq(1)\").css(\"background-color\",\"#46dd46\")\r\n                }else if($(window).scrollTop()>=$(\".p03\").offset().top && $(window).scrollTop()<$(\".p04\").offset().top){\r\n                    $(\".nav li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav li:eq(2)\").css(\"background-color\",\"#46dd46\")\r\n                }else if($(window).scrollTop()>=$(\".p04\").offset().top && $(window).scrollTop()<$(\".p05\").offset().top){\r\n                    $(\".nav li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav li:eq(3)\").css(\"background-color\",\"#46dd46\")\r\n                }else if($(window).scrollTop()>=$(\".p05\").offset().top){\r\n                    $(\".nav li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav li:eq(4)\").css(\"background-color\",\"#46dd46\")\r\n                }\r\n            })\r\n                     \r\n            //點選右方導覽列時會到指定圖片\r\n            var num_li=$(\"li\").length\r\n            for(i=0;i<=num_li;i++){\r\n                $(\".nav li:eq(\"+i+\")\").click({id:i},function(e){\r\n                    $(\"html,body\").stop()\r\n                    $(\".nav li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    page=e.data.id+1\r\n                    $(\"html,body\").animate({\"scrollTop\":$(\".p0\"+page).offset().top})\r\n                    $(\".nav li:eq(\"+e.data.id+\")\").css(\"background-color\",\"#46dd46\")//被點擊到的游標變色，前面的selector用this也可以\r\n                })\r\n            }\r\n            //一進入網頁時，將導覽列垂直置中計算導覽列置中的位置\r\n           center()\r\n            \r\n           //縮放網頁時，將導覽列垂直置中\r\n            $(window).resize(function(){\r\n                center()\r\n            })\r\n            \r\n            //計算導覽列垂直置中的高度\r\n            function center(){\r\n                pos=$(window).height()/2-$(\".nav\").height()/2\r\n                $(\".nav\").css(\"top\",pos)\r\n            }\r\n            \r\n        })\r\n    </script>\r\n	<style type=\"text/css\">\r\n*{\r\n        padding:0;\r\n        margin:0;\r\n    }\r\n/*    插入背景圖片    */\r\n    .p01{\r\n        background-image:url(images/p01.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n    .p02{\r\n        background-image:url(images/p02.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n    .p03{\r\n        background-image:url(images/p03.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n    .p04{\r\n        background-image:url(images/p04.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n    .p05{\r\n        background-image:url(images/p05.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n/*    插入導覽列     */\r\n    .nav{\r\n        position: fixed;\r\n        top:50%;\r\n        right:0px;\r\n        cursor:pointer;\r\n    }\r\n    li{\r\n        width:10px;\r\n        height:10px; \r\n        margin: 10px;\r\n        background-color: white;\r\n        border-radius: 5px;\r\n        box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset,-1px -1px 1px rgba(0,0,0,0.5) inset;\r\n        list-style-type: none;\r\n    }\r\n    h1{\r\n        font-size:60px;\r\n        color:ghostwhite;\r\n        text-shadow:0px 0px 15px black;\r\n    }	</style>\r\n</p>\r\n<div class=\"container\">\r\n	<div class=\"nav\">\r\n		<ul>\r\n			<li style=\"background-color:#46dd46\">\r\n				&nbsp;</li>\r\n			<li>\r\n				&nbsp;</li>\r\n			<li>\r\n				&nbsp;</li>\r\n			<li>\r\n				&nbsp;</li>\r\n			<li>\r\n				&nbsp;</li>\r\n		</ul>\r\n	</div>\r\n	<div class=\"p01\">\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					welcome</h4>\r\n				<div align=\"center\" class=\"col-md-12 col-sm-12 col-xs-12\" style=\"margin-top: 0px;margin-bottom: 0px;\">\r\n					<h1>\r\n						<strong style=\"background-color: initial;\">一生懸命，自慢的芭樂&mdash;芳林</strong></h1>\r\n					<div id=\"introduce\">\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>嚴謹的管理及記錄生產過程，並讓它以最自然的方式自然生長，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>讓它擁有該有的原始風味，就像眾給自己家人吃一樣，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。</strong></span><br />\r\n						&nbsp;</div>\r\n					<br />\r\n					&nbsp;</div>\r\n			</div>\r\n			<a class=\"button1\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=926\">了解更多...</a></div>\r\n	</div>\r\n	<div class=\"p02\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n			<div style=\"text-align: center;\">\r\n				<div>\r\n					&nbsp;</div>\r\n				<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"font-size:35px;\">芭樂展現浪漫原味</span></strong></div>\r\n				<div style=\"background: rgba(221, 225, 16, 0.76);border-radius: 12px; \">\r\n					<p>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></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			</div>\r\n		</div>\r\n		<div class=\"row\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\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=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%8741.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n				</div>\r\n				<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<img alt=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%873.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n				</div>\r\n				<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<img alt=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%876.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n				</div>\r\n			</div>\r\n			<div>\r\n				&nbsp;</div>\r\n			<br />\r\n			<p>\r\n				<a class=\"button\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=935\">了解更多...</a></p>\r\n		</div>\r\n	</div>\r\n	<div class=\"p03\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n			<div>\r\n				&nbsp;</div>\r\n			<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n				<strong><span style=\"font-size:35px;\">可愛的小動物</span></strong></div>\r\n			<div style=\"background:rgba(221, 225, 16, 0.76);border-radius: 12px; \">\r\n				<p>\r\n					<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></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			<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-12 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<div class=\"dowload\">\r\n								<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084760586_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></div>\r\n						</div>\r\n					</div>\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=\"dowload\">\r\n								<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084766594_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n						</div>\r\n					</div>\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=\"dowload\">\r\n								<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084777516_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n			<div class=\"p04\">\r\n				<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n					<div style=\"text-align: center;\">\r\n						<div>\r\n							&nbsp;</div>\r\n						<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							<strong><span style=\"font-size:35px;\">如何聯絡我們</span></strong></div>\r\n					</div>\r\n					<div align=\"center\" class=\"col-md-12 col-sm-6 col-xs-12\" style=\"margin-top: 12px;margin-bottom: 12px;\">\r\n						<img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 360px; height: auto; float: left;\" /> <span style=\"color:#ffffe0;font-size:30px;\"> 聯絡資訊:<br />\r\n						<br />\r\n						農場主人：鄭宗林<br />\r\n						<br />\r\n						手機：0910-326-822<br />\r\n						<br />\r\n						電話：07-371-2376<br />\r\n						<br />\r\n						LINE：kenny335a<br />\r\n						<br />\r\n						信箱：kenny335a@<br />\r\n						yahoo.com.tw<br />\r\n						<br />\r\n						搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送</span><br />\r\n						&nbsp;</div>\r\n					<a class=\"button2\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=932\">了解更多...</a></div>\r\n			</div>\r\n			<div class=\"p05\">\r\n				<h1>\r\n					Page 5</h1>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1005,NULL,0,NULL,NULL,'39.12.195.108',NULL,NULL,NULL,NULL,NULL,NULL),(1230,'2018-12-23 14:00:14','2018-12-23 21:59:47',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',925,0,NULL,NULL,NULL,NULL,NULL,128,NULL,NULL,NULL,'',NULL,'<p>\r\n	<meta charset=\"UTF-8\" />\r\n</p>\r\n<p>\r\n	<title></title>\r\n	<!--    匯入jQuery    --><script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js\"></script><script>\r\n        $(document).ready(function(){\r\n            \r\n            //根據捲軸的位置改變右方導覽列游標的顏色\r\n            $(window).scroll(function(){\r\n                 if($(window).scrollTop()>=$(\".p01\").offset().top && $(window).scrollTop()<$(\".p02\").offset().top){\r\n                    $(\".nav1 li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav1 li:eq(0)\").css(\"background-color\",\"#46dd46\")\r\n                }else if($(window).scrollTop()>=$(\".p02\").offset().top && $(window).scrollTop()<$(\".p03\").offset().top){\r\n                    $(\".nav1 li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav1 li:eq(1)\").css(\"background-color\",\"#46dd46\")\r\n                }else if($(window).scrollTop()>=$(\".p03\").offset().top && $(window).scrollTop()<$(\".p04\").offset().top){\r\n                    $(\".nav1 li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav1 li:eq(2)\").css(\"background-color\",\"#46dd46\")\r\n                }else if($(window).scrollTop()>=$(\".p04\").offset().top && $(window).scrollTop()<$(\".p05\").offset().top){\r\n                    $(\".nav1 li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav1 li:eq(3)\").css(\"background-color\",\"#46dd46\")\r\n                }else if($(window).scrollTop()>=$(\".p05\").offset().top){\r\n                    $(\".nav1 li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    $(\".nav1 li:eq(4)\").css(\"background-color\",\"#46dd46\")\r\n                }\r\n            })\r\n                     \r\n            //點選右方導覽列時會到指定圖片\r\n            var num_li=$(\"li\").length\r\n            for(i=0;i<=num_li;i++){\r\n                $(\".nav li:eq(\"+i+\")\").click({id:i},function(e){\r\n                    $(\"html,body\").stop()\r\n                    $(\".nav1 li\").css(\"background-color\",\"white\")//除了被點擊到的游標，其他都恢復成原來的顏色\r\n                    page=e.data.id+1\r\n                    $(\"html,body\").animate({\"scrollTop\":$(\".p0\"+page).offset().top})\r\n                    $(\".nav1 li:eq(\"+e.data.id+\")\").css(\"background-color\",\"#46dd46\")//被點擊到的游標變色，前面的selector用this也可以\r\n                })\r\n            }\r\n            //一進入網頁時，將導覽列垂直置中計算導覽列置中的位置\r\n           center()\r\n            \r\n           //縮放網頁時，將導覽列垂直置中\r\n            $(window).resize(function(){\r\n                center()\r\n            })\r\n            \r\n            //計算導覽列垂直置中的高度\r\n            function center(){\r\n                pos=$(window).height()/2-$(\".nav1\").height()/2\r\n                $(\".nav1\").css(\"top\",pos)\r\n            }\r\n            \r\n        })\r\n    </script>\r\n	<style type=\"text/css\">\r\n*{\r\n        padding:0;\r\n        margin:0;\r\n    }\r\n/*    插入背景圖片    */\r\n    .p01{\r\n        background-image:url(images/p01.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n    .p02{\r\n        background-image:url(images/p02.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n    .p03{\r\n        background-image:url(images/p03.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n    .p04{\r\n        background-image:url(images/p04.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n    .p05{\r\n        background-image:url(images/p05.jpg);\r\n        background-size:cover;\r\n        background-repeat: no-repeat;\r\n        height:100vh;\r\n    }\r\n/*    插入導覽列     */\r\n    .nav1{\r\n        position: fixed;\r\n        top:50%;\r\n        right:0px;\r\n        cursor:pointer;\r\n    }\r\n    li 1{\r\n        width:10px;\r\n        height:10px; \r\n        margin: 10px;\r\n        background-color: white;\r\n        border-radius: 5px;\r\n        box-shadow: 1px 1px 1px rgba(0,0,0,0.5) inset,-1px -1px 1px rgba(0,0,0,0.5) inset;\r\n        list-style-type: none;\r\n    }\r\n    h11{\r\n        font-size:60px;\r\n        color:ghostwhite;\r\n        text-shadow:0px 0px 15px black;\r\n    }	</style>\r\n</p>\r\n<div class=\"container\">\r\n	<div class=\"nav\">\r\n		<ul>\r\n			<li style=\"background-color:#46dd46\">\r\n				&nbsp;</li>\r\n			<li>\r\n				&nbsp;</li>\r\n			<li>\r\n				&nbsp;</li>\r\n			<li>\r\n				&nbsp;</li>\r\n			<li>\r\n				&nbsp;</li>\r\n		</ul>\r\n	</div>\r\n	<div class=\"p01\">\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					welcome</h4>\r\n				<div align=\"center\" class=\"col-md-12 col-sm-12 col-xs-12\" style=\"margin-top: 0px;margin-bottom: 0px;\">\r\n					<h1>\r\n						<strong style=\"background-color: initial;\">一生懸命，自慢的芭樂&mdash;芳林</strong></h1>\r\n					<div id=\"introduce\">\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>嚴謹的管理及記錄生產過程，並讓它以最自然的方式自然生長，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>讓它擁有該有的原始風味，就像眾給自己家人吃一樣，</strong></span><br />\r\n						<br />\r\n						<span style=\"color:#f0ffff;\"><strong>希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。</strong></span><br />\r\n						&nbsp;</div>\r\n					<br />\r\n					&nbsp;</div>\r\n			</div>\r\n			<a class=\"button1\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=926\">了解更多...</a></div>\r\n	</div>\r\n	<div class=\"p02\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n			<div style=\"text-align: center;\">\r\n				<div>\r\n					&nbsp;</div>\r\n				<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n					<strong><span style=\"font-size:35px;\">芭樂展現浪漫原味</span></strong></div>\r\n				<div style=\"background: rgba(221, 225, 16, 0.76);border-radius: 12px; \">\r\n					<p>\r\n						<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></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			</div>\r\n		</div>\r\n		<div class=\"row\">\r\n			<div class=\"col-md-12 col-sm-12 col-xs-12\">\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=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%8741.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n				</div>\r\n				<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<img alt=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%873.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n				</div>\r\n				<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n					<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n						<img alt=\"\" src=\"/userUpload/images/10512106/%E5%9C%96%E7%89%876.png\" style=\" width: 350px; text-align: start; height:  auto; \" /></div>\r\n				</div>\r\n			</div>\r\n			<div>\r\n				&nbsp;</div>\r\n			<br />\r\n			<p>\r\n				<a class=\"button\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=935\">了解更多...</a></p>\r\n		</div>\r\n	</div>\r\n	<div class=\"p03\">\r\n		<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n			<div>\r\n				&nbsp;</div>\r\n			<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n				<strong><span style=\"font-size:35px;\">可愛的小動物</span></strong></div>\r\n			<div style=\"background:rgba(221, 225, 16, 0.76);border-radius: 12px; \">\r\n				<p>\r\n					<strong><span style=\"color:#f0ffff;\"><span style=\"font-size:30px;\">芳林生態</span></span></strong></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			<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-12 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<div class=\"dowload\">\r\n								<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084760586_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto;\" /></div>\r\n						</div>\r\n					</div>\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=\"dowload\">\r\n								<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084766594_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n						</div>\r\n					</div>\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=\"dowload\">\r\n								<img alt=\"\" class=\"image-responsive img-circle img-thumbnail image-full\" src=\"/userUpload/images/10512106/1515084777516_resized.jpg\" style=\" width: 400px; text-align: start; height:  auto; \" /></div>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n			<div class=\"p04\">\r\n				<div class=\"title1area revealOnScroll\" data-animation=\"zoomIn\" style=\"text-align: center;\">\r\n					<div style=\"text-align: center;\">\r\n						<div>\r\n							&nbsp;</div>\r\n						<div class=\"bigtitle revealOnScroll\" data-animation=\"zoomIn\">\r\n							<strong><span style=\"font-size:35px;\">如何聯絡我們</span></strong></div>\r\n					</div>\r\n					<div align=\"center\" class=\"col-md-12 col-sm-6 col-xs-12\" style=\"margin-top: 12px;margin-bottom: 12px;\">\r\n						<img alt=\"\" class=\"image-responsive img-thumbnail image-full\" src=\"/userUpload/images/10512106/%E5%90%8D%E7%89%872(1).jpg\" style=\"width: 360px; height: auto; float: left;\" /> <span style=\"color:#ffffe0;font-size:30px;\"> 聯絡資訊:<br />\r\n						<br />\r\n						農場主人：鄭宗林<br />\r\n						<br />\r\n						手機：0910-326-822<br />\r\n						<br />\r\n						電話：07-371-2376<br />\r\n						<br />\r\n						LINE：kenny335a<br />\r\n						<br />\r\n						信箱：kenny335a@<br />\r\n						yahoo.com.tw<br />\r\n						<br />\r\n						搭乘工具：可前往岡山火車站轉乘計程車($200)或由農場主人接送</span><br />\r\n						&nbsp;</div>\r\n					<a class=\"button2\" href=\"http://www.lohasplus.com.tw/index.php?Act=925&amp;MK=925&amp;PK=932\">了解更多...</a></div>\r\n			</div>\r\n			<div class=\"p05\">\r\n				<h1>\r\n					Page 5</h1>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1005,NULL,0,NULL,NULL,'39.12.195.108',NULL,NULL,NULL,NULL,NULL,NULL),(1231,'2019-02-20 06:50:04','2019-02-20 14:50:04',NULL,'2019-02-20 00:00:00','2038-01-01 00:00:00',45,684,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<strong><span style=\"font-size:22px;\">影音報導 </span></strong></p>\r\n<p>\r\n	&nbsp;</p>\r\n<hr />\r\n<p style=\"text-align: center;\">\r\n	&nbsp;</p>\r\n<div class=\"row\">\r\n	<div class=\"col-md-4\">\r\n		<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"200px\" scrolling=\"no\" src=\"https://www.youtube.com/embed/Bhr1Lq7JkMc\" width=\"320px\"></iframe>\r\n		<p class=\"item_tilte\" style=\"text-align: center; font-size: 20px;\">\r\n			2019-02-18 吸睛!排灣廖光亮 高雄舉辦當代陶藝展</p>\r\n	</div>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,7000,NULL,1,NULL,NULL,'36.237.148.204',NULL,NULL,NULL,NULL,NULL,NULL),(1232,'2019-02-20 06:47:06','2019-02-20 14:46:04',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',45,684,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'影音報導-感謝各大媒體支持',NULL,'<h2 style=\"box-sizing: border-box; font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; color: rgb(51, 51, 51); margin-top: 20px; margin-bottom: 10px; font-size: 30px; background-color: rgba(255, 255, 255, 0.8); text-align: center;\">\r\n	&nbsp;</h2>\r\n<div>\r\n	&nbsp;</div>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,10000,NULL,0,NULL,NULL,'36.237.148.204',NULL,NULL,NULL,NULL,NULL,NULL),(1233,'2019-02-20 06:48:59','2019-02-20 14:48:59',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',45,684,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'',NULL,'<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\">感謝各大媒體支持</span></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.148.204',NULL,NULL,NULL,NULL,NULL,NULL),(1234,'2019-04-11 03:00:27','2019-04-11 11:00:27',NULL,'2019-02-20 00:00:00','2038-01-01 00:00:00',45,56,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'仿古陶壺-母壺',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/C10.jpg\" style=\"width: 500px; height: 450px;\" /></p>\r\n<p>\r\n	壺上的紋樣為太陽紋，且在壺上有一顆顆乳丁狀突起物，代表女性器官，乳狀凸出，凹入點則在壺中央且有耳</p>\r\n<hr />\r\n<p>\r\n	1.象徵母壺的乳狀突起物</p>\r\n<p>\r\n	2.太陽紋</p>\r\n<p>\r\n	3.太陽的光芒</p>\r\n','陶壺排灣族語為reretan，為排灣族三寶之一。陶壺代表祖先在人間所居住的地方，通常為頭目貴族所珍藏，數量的多寡與好壞，象徵頭目家族的財富與地位','',0,'20190327C10.jpg',70593,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.206',NULL,NULL,NULL,NULL,NULL,NULL),(1235,'2019-02-20 07:02:16','2019-02-20 15:01:46',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',45,50,NULL,NULL,NULL,NULL,NULL,256,NULL,NULL,NULL,'九鳥陶燒參觀體驗活動',NULL,'<p>\r\n	<span style=\"font-size:14px;\">個人方案：(每次最少2人)</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">★陶作DIY體驗活動：每人500元，時間2小時(含陶藝指導課程)</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">‧認識DIY器具、認識陶土、DIY構思&amp;造型設計。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">‧此方案含成品後續燒製，需30個工作天，如須寄送運費另計。</span></p>\r\n<hr />\r\n<p>\r\n	<span style=\"font-size:14px;\">團體方案：(10人以上) </span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">★參觀及導覽解說：每場次2000元，時間1小時 </span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">‧環境介紹、陶藝導覽、作品介紹、柴燒陶杯品茶活動</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">★陶作DIY體驗活動A方案：每人300元，時間2小時(含陶藝指導課程) </span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">‧環境介紹、陶藝導覽、認識DIY器具、認識陶土、DIY構思&amp;造型設計、柴燒陶杯品茶活動。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">‧此方案成品無後續燒製，體驗結束即可將作品帶回。 </span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">★陶作DIY體驗活動B方案：每人500元，時間2小時(含陶藝指導課程) </span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">‧環境介紹、陶藝導覽、認識DIY器具、認識陶土、DIY構思&amp;造型設計、柴燒陶杯品茶活動。</span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">‧此方案含成品後續燒製，需30個工作天，如須寄送運費另計。 </span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">接受個人及10人以上團體預約，團體請於活動前一星期預約。 </span></p>\r\n<p>\r\n	<span style=\"font-size:14px;\">預約電話：0932-582058 廖小姐 編輯</span></p>\r\n',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'36.237.148.204',NULL,NULL,NULL,NULL,NULL,NULL),(1236,'2019-02-20 07:04:09','2019-02-20 15:04:09',NULL,'2019-02-20 00:00:00','2038-01-01 00:00:00',45,50,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<strong><span style=\"font-size:16px;\">個人方案：(每次最少2人)</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">★陶作DIY體驗活動：每人500元，時間2小時(含陶藝指導課程)</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">‧認識DIY器具、認識陶土、DIY構思&amp;造型設計。</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">‧此方案含成品後續燒製，需30個工作天，如須寄送運費另計。</span></strong></p>\r\n<hr />\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">團體方案：(10人以上)</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">★參觀及導覽解說：每場次2000元，時間1小時</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">‧環境介紹、陶藝導覽、作品介紹、柴燒陶杯品茶活動</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">★陶作DIY體驗活動A方案：每人300元，時間2小時(含陶藝指導課程)</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">‧環境介紹、陶藝導覽、認識DIY器具、認識陶土、DIY構思&amp;造型設計、柴燒陶杯品茶活動。</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">‧此方案成品無後續燒製，體驗結束即可將作品帶回。</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">★陶作DIY體驗活動B方案：每人500元，時間2小時(含陶藝指導課程)</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">‧環境介紹、陶藝導覽、認識DIY器具、認識陶土、DIY構思&amp;造型設計、柴燒陶杯品茶活動。</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">‧此方案含成品後續燒製，需30個工作天，如須寄送運費另計。</span></strong></p>\r\n<hr />\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">接受個人及10人以上團體預約，團體請於活動前一星期預約。</span></strong></p>\r\n<p>\r\n	<strong><span style=\"font-size:16px;\">預約電話：0932-582058 廖小姐&nbsp;</span></strong></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,2000,NULL,1,NULL,NULL,'36.237.148.204',NULL,NULL,NULL,NULL,NULL,NULL),(1237,'2019-02-20 07:07:45','2019-02-20 15:07:45',NULL,'2019-02-20 00:00:00','2038-01-01 00:00:00',45,46,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'山嵐激起的浪花-2019廖光亮柴燒個展',NULL,'<p>\r\n	<br style=\"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;\">展期：2019/02/01-3/31</span><br style=\"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;\">時間：11:30-14:30、17:30-21:00</span><br style=\"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;\">開幕茶會：02/15(Fri) 11:00</span><br style=\"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;\">地點：碟碟藝饗空間 Day Day(高雄市鼓山區美術南二路119號)</span></p>\r\n<p>\r\n	<span style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 15px;\"><img alt=\"\" src=\"/userUpload/images/DM-%E6%AD%A3.png\" style=\"width: 50%; height: 50%;\" /></span></p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,5000,NULL,1,NULL,NULL,'36.237.148.204',NULL,NULL,NULL,NULL,NULL,NULL),(1238,'2019-03-16 05:32:09','2019-03-16 13:32:02',NULL,'1999-11-30 00:00:00','1999-11-30 00:00:00',45,732,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,'36.237.150.90',NULL,NULL,NULL,NULL,NULL,NULL),(1239,'0000-00-00 00:00:00','2019-03-16 13:35:21',NULL,'2019-03-16 00:00:00','2038-01-01 00:00:00',45,49,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'test',NULL,'<p>\r\n	This is some sample text</p>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'36.237.150.90',NULL,NULL,NULL,NULL,NULL,NULL),(1240,'2019-03-27 09:01:44','2019-03-27 17:01:44',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,56,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'仿古陶壺-公壺',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/C09.jpg\" style=\"width: 500px; height: 450px;\" /></p>\r\n<p>\r\n	壺上的紋樣為蛇紋、和人紋。</p>\r\n<p>\r\n	上方有百步蛇之圖像，代表男性之器官。</p>\r\n<hr />\r\n<p>\r\n	辨識解說：</p>\r\n<p>\r\n	1和2為百步蛇的變形紋(菱形紋.三角形紋)</p>\r\n<p>\r\n	3為百步蛇紋</p>\r\n','陶壺排灣族語為reretan，為排灣族三寶之一。陶壺代表祖先在人間所居住的地方，通常為頭目貴族所珍藏，數量的多寡與好壞，象徵頭目家族的財富與地位\r\n\r\n','',0,'20190327C09.jpg',81213,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1241,'2019-03-27 09:01:49','2019-03-27 17:01:49',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,56,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'仿古陶壺-陰陽壺',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/C12.jpg\" style=\"width: 575px; height: 450px;\" /></p>\r\n<p>\r\n	<span style=\"font-size:16px;\"><span style=\"color: rgb(0, 0, 0); font-family: 新細明體; letter-spacing: 1.33333px;\">集合公壺與母壺的特徵。有</span><span style=\"color: rgb(0, 0, 0); font-family: Arial;\">象徵母壺的乳狀突起物及</span><span style=\"color: rgb(0, 0, 0); font-family: 新細明體;\">代表男性之器官的百步蛇圖像。</span></span></p>\r\n','陶壺排灣族語為reretan，為排灣族三寶之一。陶壺代表祖先在人間所居住的地方，通常為頭目貴族所珍藏，數量的多寡與好壞，象徵頭目家族的財富與地位','',0,'20190327C12.jpg',76746,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1242,'2019-03-27 09:33:09','2019-03-27 17:33:09',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,729,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒茶倉(迴旋)',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2900-356.jpg\" style=\"width: 555px; height: 450px;\" /></p>\r\n<p style=\"box-sizing: border-box; margin: 6px 0px; font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41);\">\r\n	<span style=\"box-sizing: border-box; font-size: 14px;\">以手拉坏塑形的茶倉，經柴燒窯的高溫燒製，在胚體上自然落灰形成的流釉，以及經高溫後留下的火痕附著於罐體身上，形成美麗的色澤。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 6px 0px; font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41);\">\r\n	<span style=\"box-sizing: border-box; font-size: 14px;\">柴燒的茶倉具透氣性，使用柴燒茶倉來存放茶葉，能讓茶葉有更佳的保存性。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 6px 0px; font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41);\">\r\n	<span style=\"font-size: 14px;\">作品尺寸：高約9.5公分，直徑約10公分</span></p>\r\n','柴燒的茶倉具透氣性，使用柴燒茶倉來存放茶葉，能讓茶葉有更佳的保存性。','',0,'20190327IMG_2900-356.jpg',1878078,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1243,'2019-03-27 09:32:37','2019-03-27 17:32:37',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,729,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒茶倉(落雨)',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2931-387.jpg\" style=\"width: 555px; height: 450px;\" /></p>\r\n<p style=\"box-sizing: border-box; margin: 6px 0px; font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41);\">\r\n	<span style=\"box-sizing: border-box; font-size: 14px;\">以手拉坏塑形的茶倉，經柴燒窯的高溫燒製，在胚體上自然落灰形成的流釉，以及經高溫後留下的火痕附著於罐體身上，形成美麗的色澤。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 6px 0px; font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41);\">\r\n	<span style=\"box-sizing: border-box; font-size: 14px;\">柴燒的茶倉具透氣性，使用柴燒茶倉來存放茶葉，能讓茶葉有更佳的保存性。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 6px 0px; font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41);\">\r\n	&nbsp;</p>\r\n<p style=\"box-sizing: border-box; margin: 6px 0px; font-size: 15px; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41);\">\r\n	<span style=\"box-sizing: border-box; font-size: 14px;\">作品尺寸：<span style=\"box-sizing: border-box; color: rgb(34, 34, 34); font-family: Arial, Verdana, sans-serif;\">高約10公分、直徑約10公分</span></span></p>\r\n','柴燒的茶倉具透氣性，使用柴燒茶倉來存放茶葉，能讓茶葉有更佳的保存性。','',0,'20190327IMG_2931-387.jpg',1762128,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1244,'2019-03-27 09:34:26','2019-03-27 17:34:26',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,729,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒茶船',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/E10.jpg\" style=\"width: 703px; height: 450px;\" /></p>\r\n<p>\r\n	<span style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 14px; \">以手拉坏塑形，經柴燒窯的高溫燒製，在胚體上自然落灰形成的流釉，以及經高溫後留下的火痕附著於作品身上，形成美麗的色澤。</span></p>\r\n','用來放置茶壺、承接溢水之用，防止弄濕泡茶台面。','',0,'20190327E10.jpg',99457,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1245,'2019-03-27 08:38:01','2019-03-27 16:38:01',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,730,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'逐鹿傳說-柴燒名片座',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/D09.jpg\" style=\"width: 318px; height: 450px;\" /><br />\r\n	&nbsp;</p>\r\n<p>\r\n	曾經在這片平原生活的梅花鹿，現已不復見，藉由陶土遙想當年平原風光</p>\r\n<p>\r\n	純手工捏製，保有樸實且粗獷的線條，再經由柴窯高溫燒製而成</p>\r\n','傳說中台灣原生梅花鹿最後消失於這片平原之中...','',0,'20190327D09.jpg',53400,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1246,'2019-03-27 09:05:00','2019-03-27 17:05:00',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,59,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒系列-茶杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_3164-172.jpg\" style=\"width: 556px; height: 450px;\" /></p>\r\n<p style=\"margin-left:1.55pt;\">\r\n	柴燒系列，柴燒作品的特色在於木材燃燒所產生的灰燼和火燄直接竄入窯內，在胚體上產生自然落灰的現象，其色澤溫暖，層次豐富，質地粗獷有力，不會重複且很難預期它燒窯的成果，所散發的質樸、渾厚、古拙之美感令人著迷。</p>\r\n<p style=\"margin-left:1.55pt;\">\r\n	因呈色係因燒製過程落灰造成，此亦是柴燒作品的獨特性，因此各個商品的呈色皆不一致，先予敘明。</p>\r\n<p>\r\n	&nbsp;</p>\r\n','手工拉胚製，經柴窯高溫燒製，作品呈現自然美麗色澤','',0,'20190327IMG_3164-172.jpg',78210,NULL,NULL,NULL,NULL,NULL,8000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1247,'2019-03-27 09:07:49','2019-03-27 17:07:49',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,59,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒系列-雙耳蓋杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2839-296.jpg\" style=\"width: 508px; height: 450px;\" /></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px 1.55pt; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	柴燒系列，柴燒作品的特色在於木材燃燒所產生的灰燼和火燄直接竄入窯內，在胚體上產生自然落灰的現象，其色澤溫暖，層次豐富，質地粗獷有力，不會重複且很難預期它燒窯的成果，所散發的質樸、渾厚、古拙之美感令人著迷。</p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px 1.55pt; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; background-color: rgba(255, 255, 255, 0.8);\">\r\n	因呈色係因燒製過程落灰造成，此亦是柴燒作品的獨特性，因此各個商品的呈色皆不一致，先予敘明。</p>\r\n','手工拉胚製，經柴窯高溫燒製，作品呈現自然美麗色澤','',0,'20190327IMG_2839-296.jpg',78174,NULL,NULL,NULL,NULL,NULL,8000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1248,'2019-03-27 09:12:41','2019-03-27 17:12:41',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,59,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'原味之鄉',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2706-163.jpg\" style=\"width: 700px; height: 450px;\" /></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; \">\r\n	<span style=\"font-size:14px;\">幾何的菱紋圖騰，兩種巧緻的把手，低調樸實的台東釋迦灰釉與漂流木灰釉色澤。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; \">\r\n	<span style=\"font-size:14px;\">動與靜之間，每一樣細節中都流露著原住民血統裡潛伏的美感。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; \">\r\n	<span style=\"font-size:14px;\">就讓我們用最特別的杯子品嘗初始的味道。</span></p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\">\r\n	<span style=\"font-size:14px;\">原來生活的美好，</span><span style=\"font-size: 1.2em;\"><span style=\"font-size:14px;\">就在原住民圖騰線條的動感與陶燒灰釉的寧靜之間。</span></span><br />\r\n	&nbsp;</p>\r\n<p style=\"box-sizing: border-box; margin: 0px 0px 10px; font-size: 1.2em; color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;\">\r\n	<span style=\"font-size: 1.2em;\">整組販售：含杯子、盤子及湯匙</span><br />\r\n	&nbsp;</p>\r\n','幾何的菱紋圖騰，兩種巧緻的把手，低調樸實的台東釋迦灰釉與漂流木灰釉色澤。','',0,'20190327IMG_2706-163.jpg',1276117,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1249,'2019-03-27 09:15:20','2019-03-27 17:15:19',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,59,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒系列-酋長杯',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2605-62.jpg\" style=\"width: 344px; height: 450px;\" /></p>\r\n<p>\r\n	&nbsp;</p>\r\n<p>\r\n	<span style=\"color: rgb(51, 51, 51); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: large; background-color: rgba(255, 255, 255, 0.8);\">兩側以排灣族文化中最珍貴別緻的琉璃珠裝飾，象徵尊貴的身份。</span></p>\r\n','手工拉胚製，經柴窯高溫燒製，作品呈現自然美麗色澤','',0,'20190327IMG_2605-62.jpg',52335,NULL,NULL,NULL,NULL,NULL,8000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1250,'2019-03-27 09:23:54','2019-03-27 17:23:54',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,57,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒陶壺',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/C08.jpg\" style=\"width: 528px; height: 450px;\" /></p>\r\n','以現代手法重新呈現傳統陶壺樣貌','',0,'20190327C08.jpg',1039672,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1251,'2019-03-27 09:23:00','2019-03-27 17:23:00',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,730,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒系列-雙耳花器',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/D16.jpg\" style=\"width: 297px; height: 450px;\" /></p>\r\n','手工拉胚製，經柴窯高溫燒製，作品呈現特殊流釉美麗色澤','',0,'20190327D16.jpg',53134,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1252,'2019-03-27 09:23:10','2019-03-27 17:23:10',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,730,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒系列-陶壺造型花器',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/D14.jpg\" style=\"width: 320px; height: 450px;\" /></p>\r\n','手工拉胚製，經柴窯高溫燒製，作品呈現特殊流釉美麗色澤','',0,'20190327D14.jpg',56321,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1253,'2019-03-27 09:34:02','2019-03-27 17:34:02',NULL,'2019-03-27 00:00:00','2038-01-01 00:00:00',45,729,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'柴燒茶海',NULL,'<p>\r\n	<img alt=\"\" src=\"/userUpload/images/IMG_2337-19.jpg\" style=\"width: 674px; height: 450px;\" /></p>\r\n<p>\r\n	<span style=\"color: rgb(29, 33, 41); font-family: Helvetica, Arial, sans-serif; font-size: 14px; \">以手拉坏塑形，經柴燒窯的高溫燒製，在胚體上自然落灰形成的流釉，以及經高溫後留下的火痕附著於作品身上，形成美麗的色澤。</span></p>\r\n','柴燒陶茶海可去除茶水苦澀味','',0,'20190327IMG_2337-19.jpg',91551,NULL,NULL,NULL,NULL,NULL,1000,NULL,1,NULL,NULL,'111.242.170.168',NULL,NULL,NULL,NULL,NULL,NULL),(1254,'2019-04-10 21:56:39','2019-04-11 04:44:43',NULL,'2019-04-11 00:00:00','2038-01-01 00:00:00',925,931,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<p>\r\n	<meta content=\"width=device-width, initial-scale=1\" name=\"viewport\" />\r\n	<style type=\"text/css\">\r\n.accordion {\r\n  background-color: #eee;\r\n  color: #444;\r\n  cursor: pointer;\r\n  padding: 18px;\r\n  width: 100%;\r\n  border: none;\r\n  text-align: left;\r\n  outline: none;\r\n  font-size: 15px;\r\n  transition: 0.4s;\r\n}\r\n\r\n.active, .accordion:hover {\r\n  background-color: #ccc;\r\n}\r\n\r\n.accordion:after {\r\n  content: \'\\002B\';\r\n  color: #777;\r\n  font-weight: bold;\r\n  float: right;\r\n  margin-left: 5px;\r\n}\r\n\r\n.active:after {\r\n  content: \"\\2212\";\r\n}\r\n\r\n.panel {\r\n  padding: 0 18px;\r\n  background-color: white;\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height 0.2s ease-out;\r\n}	</style>\r\n</p>\r\n<h2>\r\n	Accordion with symbols</h2>\r\n<p>\r\n	In this example we have added a &quot;plus&quot; sign to each button. When the user clicks on the button, the &quot;plus&quot; sign is replaced with a &quot;minus&quot; sign.</p>\r\n<p>\r\n	<button class=\"accordion\">Section 1</button></p>\r\n<div class=\"panel\">\r\n	<p>\r\n		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\r\n</div>\r\n<p>\r\n	<button class=\"accordion\">Section 2</button></p>\r\n<div class=\"panel\">\r\n	<p>\r\n		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\r\n</div>\r\n<p>\r\n	<button class=\"accordion\">Section 3</button></p>\r\n<div class=\"panel\">\r\n	<p>\r\n		Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>\r\n</div>\r\n<script>\r\nvar acc = document.getElementsByClassName(\"accordion\");\r\nvar i;\r\n\r\nfor (i = 0; i < acc.length; i++) {\r\n  acc[i].addEventListener(\"click\", function() {\r\n    this.classList.toggle(\"active\");\r\n    var panel = this.nextElementSibling;\r\n    if (panel.style.maxHeight){\r\n      panel.style.maxHeight = null;\r\n    } else {\r\n      panel.style.maxHeight = panel.scrollHeight + \"px\";\r\n    } \r\n  });\r\n}\r\n</script>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1255,'2019-05-25 06:30:26','2019-05-21 11:55:57',NULL,'2019-04-26 00:00:00','2019-05-20 00:00:00',125,508,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'有機小鳳梨鮮果8支',NULL,'<p style=\"box-sizing: border-box; margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Helvetica, 微軟正黑體, sans-serif; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-transform: none; white-space: normal; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial; text-indent: 20px; background-color: rgb(255, 255, 255); text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/S__74924046(2).jpg\" style=\"width: 400px; height: 500px;\" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img alt=\"\" src=\"/userUpload/images/S__74924047.jpg\" style=\"width: 400px; height: 500px;\" /></p>\r\n<p style=\"margin: 0px 0px 6px; display: block; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; text-align: center;\">\r\n	<span style=\"font-size:24px;\">草間田地中散發酸甜香氣的黃澄鳳梨，代表著『鳳梨季』的到來<br />\r\n	每顆鳳梨在大武山群下，吸飽最天然的日月精華孕育18個月！<br />\r\n	Now！正是呷有機鳳梨的最佳「食」</span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\">絕不用除草劑/絕不用化學藥劑/絕不用化學肥料<br />\r\n	是有機栽種的規範，同時也是我們的堅持<br />\r\n	我們的田有草也有鳳梨以及許多動物的腳印</span></p>\r\n<p style=\"text-align: center;\">\r\n	<span style=\"font-size:24px;\">農田是食物的產地，更是野生動物的棲地</span></p>\r\n','','',518962,'2019042620180327101647.jpg',213937,NULL,NULL,NULL,NULL,NULL,2,NULL,0,NULL,NULL,'220.132.22.146',NULL,NULL,NULL,NULL,NULL,NULL),(1256,'2019-05-25 06:30:24','2019-05-21 11:59:36',NULL,'2020-04-26 00:00:00','2019-05-20 00:00:00',125,508,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'有機小鳳梨鮮果18支',NULL,'<p style=\"box-sizing: border-box; margin: 0px 0px 10px; color: rgb(51, 51, 51); font-family: Helvetica, 微軟正黑體, sans-serif; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-transform: none; white-space: normal; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial; text-indent: 20px; background-color: rgb(255, 255, 255); text-align: center;\">\r\n	<img alt=\"\" src=\"/userUpload/images/S__74924046(2).jpg\" style=\"width: 400px; height: 500px;\" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <img alt=\"\" src=\"/userUpload/images/S__74924047.jpg\" style=\"width: 400px; height: 500px;\" /></p>\r\n<p style=\"margin: 0px 0px 6px; display: block; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial; text-align: center;\">\r\n	<span style=\"font-size:24px;\"><span style=\"background-color:#f0f8ff;\">草間田地中散發酸甜香氣的黃澄鳳梨，代表著『鳳梨季』的到來</span><br />\r\n	<span style=\"background-color:#f0f8ff;\">每顆鳳梨在大武山群下，吸飽最天然的日月精華孕育18個月！</span><br />\r\n	<span style=\"background-color:#f0f8ff;\">Now！正是呷有機鳳梨的最佳「食」</span></span></p>\r\n<div class=\"text_exposed_show\" style=\"display: inline; font-family: Helvetica, Arial, sans-serif; color: rgb(29, 33, 41); font-size: 15px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255); text-decoration-style: initial; text-decoration-color: initial;\">\r\n	<p style=\"margin: 0px 0px 6px; font-family: inherit; text-align: center;\">\r\n		<span style=\"font-size:24px;\"><span style=\"background-color:#f0f8ff;\">絕不用除草劑/絕不用化學藥劑/絕不用化學肥料</span><br />\r\n		<span style=\"background-color:#f0f8ff;\">是有機栽種的規範，同時也是我們的堅持</span><br />\r\n		<span style=\"background-color:#f0f8ff;\">我們的田有草也有鳳梨以及許多動物的腳印</span></span></p>\r\n</div>\r\n<p>\r\n	&nbsp;</p>\r\n','','',0,'2019042620180327101647.jpg',213937,NULL,NULL,NULL,NULL,NULL,3,NULL,0,NULL,NULL,'220.132.22.146',NULL,NULL,NULL,NULL,NULL,NULL),(1257,'2019-05-12 16:35:43','2019-05-12 10:07:34',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,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" >\r\n\r\n<!-- Optional theme -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" >\r\n\r\n<!-- Latest compiled and minified JavaScript -->\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" ></script>\r\n\r\n<style>\r\n    *{\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    body{\r\n        overflow-x: hidden;\r\n        font-family: \"微軟正黑體\";\r\n        font-family: 25px;\r\n    }\r\n      .intro{\r\n        width: 100vw;\r\n        height: 100vh;\r\n        background:linear-gradient(\r\n      rgba(0,0,0,0.6),\r\n      rgba(0,0,0,0.6)),\r\n      url(img/about_us.jpg);\r\n      background-attachment: fixed; \r\n      background-repeat:no-repeat;\r\n      background-position: center; \r\n      background-size: cover;\r\n      position: relative;;\r\n\r\n \r\n      }\r\n\r\n      \r\n     .content{\r\n         background: rgba(146, 139, 139, 0.7);\r\n         border: 1px solid rgba(146, 139, 139, 0.7);\r\n         border-radius: 25px;\r\n          font-family: \"標楷體\";\r\n          font-size: 40px;\r\n          text-align: center;\r\n          color: white;\r\n          margin: 0px;\r\n          padding: 0px;\r\n          position: relative;\r\n          top: 400px;\r\n          left: 0%;\r\n           }\r\n\r\n\r\n  \r\n \r\n \r\n           #section1 {padding-top:50px;height:500px;color: #fff; background-color: #1E88E5;}\r\n  #section2 {padding-top:50px;height:500px;color: #fff; background-color: #673ab7;}\r\n  #section3 {padding-top:50px;height:500px;color: #fff; background-color: #ff9800;}\r\n  #section41 {padding-top:50px;height:500px;color: #fff; background-color: #00bcd4;}\r\n  #section42 {padding-top:50px;height:500px;color: #fff; background-color: #009688;}\r\n\r\n</style>\r\n    <title>關於芳林</title>\r\n</head>\r\n<body>\r\n    <div class=\"intro\">\r\n    <div class=\"container\">\r\n    <p class=\"content\">\r\n    \"用優質的保證，加上對大自然的呵護，產出香甜有機的芭樂是我們芳林的信念\"\r\n</p>\r\n\r\n</div>\r\n    </div>\r\n\r\n    <script>\r\n            $(document).ready(function(){\r\n              $(\'body\').scrollspy({target: \".navbar\", offset: 50});   \r\n            });\r\n            </script>\r\n    \r\n            <ul class=\"nav navbar-nav\">\r\n              <li><a href=\"#section1\">Section 1</a></li>\r\n              <li><a href=\"#section2\">Section 2</a></li>\r\n              <li><a href=\"#section3\">Section 3</a></li>\r\n              <li><a href=\"#section4\">Section 4</a></li>\r\n            </ul>\r\n    \r\n    \r\n\r\n<div id=\"section1\" class=\"container-fluid\">\r\n        <h1>Section 1</h1>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n      </div>\r\n      <div id=\"section2\" class=\"container-fluid\">\r\n        <h1>Section 2</h1>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n      </div>\r\n      <div id=\"section3\" class=\"container-fluid\">\r\n        <h1>Section 3</h1>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n      </div>\r\n      <div id=\"section41\" class=\"container-fluid\">\r\n        <h1>Section 4 Submenu 1</h1>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n      </div>\r\n      <div id=\"section42\" class=\"container-fluid\">\r\n        <h1>Section 4 Submenu 2</h1>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n        <p>Try to scroll this section and look at the navigation bar while scrolling! Try to scroll this section and look at the navigation bar while scrolling!</p>\r\n      </div>\r\n      \r\n</body>\r\n</html>\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),(1258,'2019-05-12 19:14:22','2019-05-13 02:30:00',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" >\r\n\r\n<!-- Optional theme -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" >\r\n\r\n<!-- Latest compiled and minified JavaScript -->\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" ></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n<link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n\r\n<style>\r\n    *{\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    body{\r\n        overflow-x: hidden;\r\n        font-family: \"微軟正黑體\";\r\n        font-family: 25px;\r\n    }\r\n  \r\n      .intro{\r\n        width: 100vw;\r\n        height: 100vh;\r\n        background:linear-gradient(\r\n      rgba(0,0,0,0.6),\r\n      rgba(0,0,0,0.6)),\r\n      url(img/about_us.jpg);\r\n      background-attachment: fixed; \r\n      background-repeat:no-repeat;\r\n      background-position: center; \r\n      background-size: cover;\r\n      position: relative;;\r\n\r\n \r\n      }\r\n\r\n      \r\n     .content{\r\n         background: rgba(146, 139, 139, 0.7);\r\n         border: 1px solid rgba(146, 139, 139, 0.7);\r\n         border-radius: 25px;\r\n          font-family: \"標楷體\";\r\n          font-size: 40px;\r\n          text-align: center;\r\n          color: white;\r\n          margin: 0px;\r\n          padding: 0px;\r\n          position: relative;\r\n          top: 250px;\r\n          left: 0%;\r\n           }\r\n   \r\n\r\n  \r\n \r\n  #section1 {\r\n     width:100%;\r\n     height:100%;\r\n     color: black; \r\n     background-color: white;\r\n     }\r\n\r\n  #section1 div{\r\n\r\n      padding: 5rem;\r\n      margin: 30px 0px;\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 20px;\r\n      height: 800px;\r\n\r\n  }\r\n  @media (max-width: 768px) {\r\n    #section1 div {\r\n        height: 100%;\r\n        margin: 0px 0px;\r\n  }}\r\n \r\n  \r\n  #section1 div h3{\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 30px;\r\n      color: brown;\r\n      font-weight: 400;\r\n\r\n  }\r\n  \r\n\r\n  #section2{\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff;\r\n     font-size: 20px;\r\n     background-color: brown;}\r\n\r\n     @media (max-width: 768px) {\r\n    #section2  {\r\n        height: 100%;\r\n       \r\n  }}\r\n  \r\n  #section3 {\r\n    width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: blueviolet;\r\n     font-size: 20px;\r\n    }\r\n\r\n     @media (max-width: 768px) {\r\n    #section3 {\r\n        height: 100%;\r\n  }}\r\n  \r\n  #section4 {\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: #a15749;\r\n     font-size: 20px; \r\n    }\r\n     @media (max-width: 768px) {\r\n    #section4 {\r\n        height: 100%;\r\n  \r\n  }}\r\n .button{\r\n     list-style-type: none;\r\n     margin: 0;\r\n     padding: 0;\r\n     border: 1px solid blanchedalmond;\r\n     background: #ff9800;\r\n     color: white;\r\n     width: 220px;\r\n     height: 50px;\r\n }\r\n .button:hover a{\r\n     text-decoration: none;\r\n     color: white;\r\n }\r\n\r\n /* Back to top button */\r\n.back-to-top {\r\n  position: fixed;\r\n\r\n  background: #71c55d;\r\n  line-height: 1;\r\n  color: #fff;\r\n  padding: 7px 12px 13px 12px;\r\n  font-size: 16px;\r\n  border-radius: 2px;\r\n  right: 15px;\r\n  bottom: 15px;\r\n  transition: background 0.5s;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .back-to-top {\r\n    bottom: 15px;\r\n  }\r\n}\r\n\r\n.back-to-top:focus {\r\n  background: #71c55d;\r\n  color: #fff;\r\n  outline: none;\r\n}\r\n\r\n.back-to-top:hover {\r\n  background: #55b03f;\r\n  color: #fff;\r\n}\r\n\r\n.btn-default{\r\n    background:none;\r\n    color:white ;\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 25px;\r\n    \r\n}\r\n.btn-default:hover {\r\n    background: #a15749;\r\n    color: #ff9800;\r\n}\r\n\r\n.position{\r\n   display: flex;\r\n   align-items: center;\r\n\r\n}\r\n.fa-cannabis{\r\n    font-size: 100px;\r\n}\r\n.fa-smile-wink{\r\n    font-size: 100px;\r\n}\r\n.fa-qrcode{\r\n    font-size: 100px;\r\n}\r\n.fa-leaf{\r\n    font-size: 100px;\r\n    color: #71c55d;\r\n}\r\n\r\n</style>\r\n    <title>關於芳林</title>\r\n</head>\r\n<body>\r\n    <div class=\"intro\">\r\n    <div class=\"container\">\r\n    <p class=\"content animated fadeInDown\">\r\n            <i class=\"fas fa-leaf\"></i><br>\r\n    \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n    <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n    <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n            <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n            <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n</p>\r\n\r\n    </div></div>\r\n    <div class=\"position\">\r\n          \r\n    </div>\r\n    \r\n            \r\n            \r\n      \r\n<div id=\"section1\" class=\"container-fluid text-center \">\r\n    <br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n                <i class=\"fas fa-cannabis\"></i>\r\n        <h3>草生栽培農法 </h3>\r\n        <p></p>\r\n                <p>\r\n                <br>     \r\n                 <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>   \r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n               \r\n\r\n草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n例如<br><br>\r\n\r\n(1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n(2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n               </p></div>\r\n                \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n                        <i class=\"far fa-smile-wink\"></i>  \r\n               <h3>優質的保證 </h3> <br>\r\n               <p>鄭宗林隸屬大社區農會的果樹產銷第7班，<br><br>\r\n                已通過產銷履歷認證，種植總面積2公頃，<br><br>\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                芳林農園珍珠芭樂特色：<br><br>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                2.通過311項無農藥殘留檢測<br><br>\r\n                3.採草生栽培、友善耕作</p></p></div>\r\n              \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n                <i class=\"fas fa-qrcode\"></i>\r\n                    <h3>產銷履歷</h3>\r\n                    <p>產銷QR code</p>\r\n                    <img src=\"./img/QRcode.png\" alt=\"\">\r\n                    <div>\r\n                  \r\n        <p>產銷履歷</p>\r\n         <p>水質檢測認證</p>\r\n             <p>無農藥檢測認證</p>\r\n                \r\n       \r\n\r\n\r\n\r\n</div>\r\n    \r\n        \r\n    </div>\r\n     \r\n      </div>\r\n      <div id=\"section2\" class=\"container-fluid text-center\">\r\n        <h1>農園介紹</h1>\r\n        <h3>天然無毒的珍珠芭樂農園</h3>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \"></div>\r\n        \r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n                <br>\r\n        <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，<br><br>\r\n            是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？<br><br>\r\n                答案當然是否定的，這叫草生栽培，也是愛護大地的表現，<br><br>\r\n                一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。<br><br>\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，<br><br>\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，<br><br>\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，<br><br>除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，<br><br>\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p></div>\r\n               \r\n      </div>\r\n      <div id=\"section3\" class=\"container-fluid text-center \">\r\n        <h1>  故事的起源</h1>\r\n        <br><br>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12  \">\r\n      <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。<br>\r\n        畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，<br>\r\n        希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....<br>\r\n        對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。<br>\r\n        像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，<br>\r\n        經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 <br>\r\n        一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。<br><br>\r\n        <br><br>\r\n       鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，<br>\r\n       2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。<br>\r\n        2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。<br><br><br>\r\n\r\n    返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，<br>\r\n    也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。<br>\r\n    除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，<br>\r\n    證明只要願意努力，新手也可以闖出一片天。<br><br>\r\n      </p></div>\r\n      </div>\r\n      <div id=\"section4\" class=\"container text-center\">\r\n        <h1>過程經驗</h1>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n 經歷：\r\n\r\n。行政院農委會 第一屆 百大青年農民\r\n\r\n。高雄市農業局 高雄型農\r\n\r\n。培訓班 高雄型農精英班\r\n\r\n。高雄市青年農民聯誼會會長\r\n        善用政府資源讓新手變老手  \r\n        後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。\r\n        從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」\r\n        鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。\r\n        「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」\r\n        鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。\r\n    </div>      \r\n      </div>\r\n    \r\n</body>\r\n\r\n<a href=\"#\" class=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n</html>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1259,'2019-05-12 19:09:50','2019-05-13 03:08:58',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" >\r\n\r\n<!-- Optional theme -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" >\r\n\r\n<!-- Latest compiled and minified JavaScript -->\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" ></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n<link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n\r\n<style>\r\n    *{\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    body{\r\n        overflow-x: hidden;\r\n        font-family: \"微軟正黑體\";\r\n        font-family: 25px;\r\n    }\r\n  \r\n      .intro{\r\n        width: 100%;\r\n        height: 100vh;\r\n        background:linear-gradient(\r\n      rgba(0,0,0,0.6),\r\n      rgba(0,0,0,0.6)),\r\n      url(img/about_us.jpg);\r\n      background-attachment: fixed; \r\n      background-repeat:no-repeat;\r\n      background-position: center; \r\n      background-size: cover;\r\n      position: relative;;\r\n\r\n \r\n      }\r\n\r\n      \r\n     .content{\r\n         background: rgba(146, 139, 139, 0.7);\r\n         border: 1px solid rgba(146, 139, 139, 0.7);\r\n         border-radius: 25px;\r\n          font-family: \"標楷體\";\r\n          font-size: 40px;\r\n          text-align: center;\r\n          color: white;\r\n          margin: 0px;\r\n          padding: 0px;\r\n          position: relative;\r\n          top: 250px;\r\n          left: 0%;\r\n           }\r\n   .container-fluid{\r\n       padding-right: 0px;\r\n      padding-left: 0px;\r\n     margin-left: 0px; \r\n    margin-right: 0px;\r\n\r\n    }\r\n\r\n    footer{\r\n        font-size: 1.2rem;\r\n        color: white;\r\n        \r\n    }\r\n\r\n    hr {\r\n    margin-top: 0;\r\n    margin-bottom: 0;\r\n    border: 0;\r\n    border-top: 0px solid brown;\r\n}\r\n\r\n  .col-md-12{\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n  }\r\n \r\n  #section1 {\r\n     width:100%;\r\n     height:100%;\r\n     color: black; \r\n     background-color: white;\r\n     }\r\n\r\n  #section1 div{\r\n\r\n      padding: 5rem;\r\n      margin: 30px 0px;\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 20px;\r\n      height: 800px;\r\n\r\n  }\r\n  @media (max-width: 768px) {\r\n    #section1 div {\r\n        height: 100%;\r\n        margin: 0px 0px;\r\n  }}\r\n \r\n  \r\n  #section1 div h3{\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 30px;\r\n      color: brown;\r\n      font-weight: 400;\r\n\r\n  }\r\n  \r\n\r\n  #section2{\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff;\r\n     font-size: 20px;\r\n     background-color: brown;}\r\n\r\n     @media (max-width: 768px) {\r\n    #section2  {\r\n        height: 100%;\r\n       \r\n  }}\r\n  \r\n  #section3 {\r\n    width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: blueviolet;\r\n     font-size: 20px;\r\n    }\r\n\r\n     @media (max-width: 768px) {\r\n    #section3 {\r\n        height: 100%;\r\n  }}\r\n  \r\n  #section4 {\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: #a15749;\r\n     font-size: 20px; \r\n    }\r\n     @media (max-width: 768px) {\r\n    #section4 {\r\n        height: 100%;\r\n  \r\n  }}\r\n .button{\r\n     list-style-type: none;\r\n     margin: 0;\r\n     padding: 0;\r\n     border: 1px solid blanchedalmond;\r\n     background: #ff9800;\r\n     color: white;\r\n     width: 220px;\r\n     height: 50px;\r\n }\r\n .button:hover a{\r\n     text-decoration: none;\r\n     color: white;\r\n }\r\n\r\n /* Back to top button */\r\n.back-to-top {\r\n  position: fixed;\r\n\r\n  background: #71c55d;\r\n  line-height: 1;\r\n  color: #fff;\r\n  padding: 7px 12px 13px 12px;\r\n  font-size: 16px;\r\n  border-radius: 2px;\r\n  right: 15px;\r\n  bottom: 15px;\r\n  transition: background 0.5s;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .back-to-top {\r\n    bottom: 15px;\r\n  }\r\n}\r\n\r\n.back-to-top:focus {\r\n  background: #71c55d;\r\n  color: #fff;\r\n  outline: none;\r\n}\r\n\r\n.back-to-top:hover {\r\n  background: #55b03f;\r\n  color: #fff;\r\n}\r\n\r\n.btn-default{\r\n    background:none;\r\n    color:white ;\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 25px;\r\n    \r\n}\r\n.btn-default:hover {\r\n    background: #a15749;\r\n    color: #ff9800;\r\n}\r\n\r\n.position{\r\n   display: flex;\r\n   align-items: center;\r\n\r\n}\r\n.fa-cannabis{\r\n    font-size: 100px;\r\n}\r\n.fa-smile-wink{\r\n    font-size: 100px;\r\n}\r\n.fa-qrcode{\r\n    font-size: 100px;\r\n}\r\n.fa-leaf{\r\n    font-size: 100px;\r\n    color: #71c55d;\r\n}\r\n\r\n</style>\r\n    <title>關於芳林</title>\r\n</head>\r\n<body>\r\n    <div class=\"intro\">\r\n    <div class=\"container\">\r\n    <p class=\"content animated fadeInDown\">\r\n            <i class=\"fas fa-leaf\"></i><br>\r\n    \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n    <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n    <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n            <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n            <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n</p>\r\n\r\n    </div></div>\r\n    <div class=\"position\">\r\n          \r\n    </div>\r\n    \r\n            \r\n            \r\n      \r\n<div id=\"section1\" class=\"container-fluid text-center \">\r\n    <br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n                <i class=\"fas fa-cannabis\"></i>\r\n        <h3>草生栽培農法 </h3>\r\n        <p></p>\r\n                <p>\r\n                <br>     \r\n                 <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>   \r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n               \r\n\r\n草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n例如<br><br>\r\n\r\n(1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n(2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n               </p></div>\r\n                \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n                        <i class=\"far fa-smile-wink\"></i>  \r\n               <h3>優質的保證 </h3> <br>\r\n               <p>鄭宗林隸屬大社區農會的果樹產銷第7班，<br><br>\r\n                已通過產銷履歷認證，種植總面積2公頃，<br><br>\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                芳林農園珍珠芭樂特色：<br><br>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                2.通過311項無農藥殘留檢測<br><br>\r\n                3.採草生栽培、友善耕作</p></p></div>\r\n              \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n                <i class=\"fas fa-qrcode\"></i>\r\n                    <h3>產銷履歷</h3>\r\n                    <p>產銷QR code</p>\r\n                    <img src=\"./img/QRcode.png\" alt=\"\">\r\n                    <div>\r\n                  \r\n        <p>產銷履歷</p>\r\n         <p>水質檢測認證</p>\r\n             <p>無農藥檢測認證</p>\r\n                \r\n       \r\n\r\n\r\n\r\n</div>\r\n    \r\n        \r\n    </div>\r\n     \r\n      </div>\r\n      <div id=\"section2\" class=\"container-fluid text-center\">\r\n        <h1>農園介紹</h1>\r\n        <h3>天然無毒的珍珠芭樂農園</h3>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \"></div>\r\n        \r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n                <br>\r\n        <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，<br><br>\r\n            是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？<br><br>\r\n                答案當然是否定的，這叫草生栽培，也是愛護大地的表現，<br><br>\r\n                一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。<br><br>\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，<br><br>\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，<br><br>\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，<br><br>除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，<br><br>\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p></div>\r\n               \r\n      </div>\r\n      <div id=\"section3\" class=\"container-fluid text-center \">\r\n        <h1>  故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br><br>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12  \">\r\n      <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。<br>\r\n        畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，<br>\r\n        希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....<br>\r\n        對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。<br>\r\n        像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，<br>\r\n        經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 <br>\r\n        一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。<br><br>\r\n        <br><br>\r\n       鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，<br>\r\n       2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。<br>\r\n        2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。<br><br><br>\r\n\r\n    返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，<br>\r\n    也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。<br>\r\n    除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，<br>\r\n    證明只要願意努力，新手也可以闖出一片天。<br><br>\r\n      </p></div>\r\n      </div>\r\n      <div id=\"section4\" class=\"container text-center\">\r\n        <h1>過程經驗</h1>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n 經歷：\r\n\r\n。行政院農委會 第一屆 百大青年農民\r\n\r\n。高雄市農業局 高雄型農\r\n\r\n。培訓班 高雄型農精英班\r\n\r\n。高雄市青年農民聯誼會會長\r\n        善用政府資源讓新手變老手  \r\n        後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。\r\n        從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」\r\n        鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。\r\n        「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」\r\n        鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。\r\n    </div>      \r\n      </div>\r\n    \r\n</body>\r\n\r\n<a href=\"#\" class=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1260,'2019-05-12 21:06:46','2019-05-13 04:10:44',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" >\r\n\r\n<!-- Optional theme -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" >\r\n\r\n<!-- Latest compiled and minified JavaScript -->\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" ></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n<link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n\r\n<style>\r\n    *{\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    body{\r\n        overflow-x: hidden;\r\n        font-family: \"微軟正黑體\";\r\n        font-family: 25px;\r\n    }\r\n  hr {\r\n    margin-top: 0px;\r\n    margin-bottom: 0px;\r\n    border: 0;\r\n    border-top: 1px solid #eee;\r\n}\r\n.navbar-default{\r\n    border-color:brown;\r\n}\r\n.navbar-default .navbar-nav>li>a {\r\n    color: white;\r\n    \r\n}\r\n.navbar-fixed-top{\r\n    border-radius: 0;\r\n    background: brown;\r\n}\r\n\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background:brown;\r\n    }\r\n\r\n      .intro{\r\n        width: 100%;\r\n        height: 100vh;\r\n        background:linear-gradient(\r\n      rgba(0,0,0,0.6),\r\n      rgba(0,0,0,0.6)),\r\n      url(/userUpload/images/10512106/guavatree.jpg);\r\n      background-attachment: fixed; \r\n      background-repeat:no-repeat;\r\n      background-position: center; \r\n      background-size: cover;\r\n      position: relative;;\r\n\r\n \r\n      }\r\n      .bgw{\r\n          background-color: rgba(225, 225, 225, 0.0) ;\r\n      }\r\n\r\n      \r\n     .content{\r\n         background: rgba(146, 139, 139, 0.7);\r\n         border: 1px solid rgba(146, 139, 139, 0.7);\r\n         border-radius: 25px;\r\n          font-family: \"標楷體\";\r\n          font-size: 40px;\r\n          text-align: center;\r\n          color: white;\r\n          margin: 0px;\r\n          padding: 0px;\r\n          position: relative;\r\n          top: 250px;\r\n          left: 0%;\r\n           }\r\n   .container-fluid{\r\n       padding-right: 0px;\r\n      padding-left: 0px;\r\n     margin-left: 0px; \r\n    margin-right: 0px;\r\n\r\n    }\r\n\r\n    footer{\r\n        font-size: 18px;\r\n        color: white;\r\n        background: #a15749;\r\n\r\n\r\n    }\r\n.container {\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n}\r\n\r\n\r\n\r\n \r\n  #section1 {\r\n     width:100%;\r\n     height:100%;\r\n     color: black; \r\n     background-color: white;\r\n     }\r\n\r\n  #section1 div{\r\n\r\n      padding: 5rem;\r\n      margin: 30px 0px;\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 20px;\r\n      height: 900px;\r\n\r\n  }\r\n  @media (max-width: 768px) {\r\n    #section1 div {\r\n        height: 100%;\r\n        margin: 0px 0px;\r\n  }}\r\n \r\n  \r\n  #section1 div h3{\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 30px;\r\n      color: brown;\r\n      font-weight: 400;\r\n\r\n  }\r\n  \r\n\r\n  #section2{\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff;\r\n     font-size: 20px;\r\n     background-color: brown;}\r\n\r\n     @media (max-width: 768px) {\r\n    #section2  {\r\n        height: 100%;\r\n       \r\n  }}\r\n  \r\n  #section3 {\r\n    width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: blueviolet;\r\n     font-size: 20px;\r\n    }\r\n\r\n     @media (max-width: 768px) {\r\n    #section3 {\r\n        height: 100%;\r\n  }}\r\n  \r\n  #section4 {\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: #a15749;\r\n     font-size: 20px; \r\n    }\r\n     @media (max-width: 768px) {\r\n    #section4 {\r\n        height: 100%;\r\n  \r\n  }}\r\n .button{\r\n     list-style-type: none;\r\n     margin: 0;\r\n     padding: 0;\r\n     border: 1px solid blanchedalmond;\r\n     background: #ff9800;\r\n     color: white;\r\n     width: 220px;\r\n     height: 50px;\r\n }\r\n .button:hover a{\r\n     text-decoration: none;\r\n     color: white;\r\n }\r\n\r\n /* Back to top button */\r\n.back-to-top {\r\n  position: fixed;\r\n\r\n  background: #71c55d;\r\n  line-height: 1;\r\n  color: #fff;\r\n  padding: 7px 12px 13px 12px;\r\n  font-size: 16px;\r\n  border-radius: 2px;\r\n  right: 15px;\r\n  bottom: 15px;\r\n  transition: background 0.5s;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .back-to-top {\r\n    bottom: 15px;\r\n  }\r\n}\r\n\r\n.back-to-top:focus {\r\n  background: #71c55d;\r\n  color: #fff;\r\n  outline: none;\r\n}\r\n\r\n.back-to-top:hover {\r\n  background: #55b03f;\r\n  color: #fff;\r\n}\r\n\r\n.btn-default{\r\n    background:none;\r\n    color:white ;\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 25px;\r\n    \r\n}\r\n.btn-default:hover {\r\n    background: #a15749;\r\n    color: #ff9800;\r\n}\r\n\r\n.position{\r\n   display: flex;\r\n   align-items: center;\r\n\r\n}\r\n.fa-cannabis{\r\n    font-size: 100px;\r\n}\r\n.fa-smile-wink{\r\n    font-size: 100px;\r\n}\r\n.fa-qrcode{\r\n    font-size: 100px;\r\n}\r\n.fa-leaf{\r\n    font-size: 100px;\r\n    color: #71c55d;\r\n}\r\n\r\n</style>\r\n    <title>關於芳林</title>\r\n</head>\r\n<body>\r\n    <div class=\"intro\">\r\n    <div class=\"container\">\r\n    <p class=\"content animated fadeInDown\">\r\n            <i class=\"fas fa-leaf\"></i><br>\r\n    \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n    <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n    <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n            <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n            <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n</p>\r\n\r\n    </div></div>\r\n    <div class=\"position\">\r\n          \r\n    </div>\r\n    \r\n            \r\n            \r\n      \r\n<div id=\"section1\" class=\"container-fluid text-center \">\r\n    <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n                <i class=\"fas fa-cannabis\"></i>\r\n        <h3>草生栽培農法 </h3>\r\n        <p></p>\r\n                <p>\r\n                <br>     \r\n                 <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>   \r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n               \r\n\r\n草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n例如<br><br>\r\n\r\n(1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n(2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n               </p></div>\r\n                \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n                        <i class=\"far fa-smile-wink\"></i>  \r\n               <h3>優質的保證 </h3> <br>\r\n               <p>鄭宗林隸屬大社區農會的果樹產銷第7班，<br><br>\r\n                已通過產銷履歷認證，種植總面積2公頃，<br><br>\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                芳林農園珍珠芭樂特色：<br><br>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                2.通過311項無農藥殘留檢測<br><br>\r\n                3.採草生栽培、友善耕作</p></p></div>\r\n              \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n                <i class=\"fas fa-qrcode\"></i>\r\n                    <h3>產銷履歷</h3>\r\n                    <p>產銷QR code</p>\r\n                    <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n                    <div>\r\n                  \r\n        <p>產銷履歷</p>\r\n         <p>水質檢測認證</p>\r\n             <p>無農藥檢測認證</p>\r\n                \r\n       \r\n\r\n\r\n\r\n</div>\r\n    \r\n        \r\n    </div>\r\n     \r\n      </div>\r\n    \r\n      <div id=\"section2\" class=\"container-fluid text-center\">\r\n            <br>\r\n      <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h3>天然無毒的珍珠芭樂農園</h3>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \"></div>\r\n        \r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n                <br>\r\n        <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，<br><br>\r\n            是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？<br><br>\r\n                答案當然是否定的，這叫草生栽培，也是愛護大地的表現，<br><br>\r\n                一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。<br><br>\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，<br><br>\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，<br><br>\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，<br><br>除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，<br><br>\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p></div>\r\n               \r\n      </div>\r\n      <div id=\"section3\" class=\"container-fluid text-center \">\r\n            <br>\r\n      <br><br>\r\n        <h1>  故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br><br>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n      <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n        畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n        希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n        對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n        像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n        經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 \r\n        一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n        <br><br>\r\n       鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n       2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n        2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n    返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n    也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n    除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n    證明只要願意努力，新手也可以闖出一片天。\r\n      </p></div>\r\n      </div>\r\n      <div id=\"section4\" class=\"container text-center\">\r\n            <br>\r\n      <br><br>\r\n        <h1>過程經驗</h1>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n 經歷：\r\n\r\n。行政院農委會 第一屆 百大青年農民\r\n\r\n。高雄市農業局 高雄型農\r\n\r\n。培訓班 高雄型農精英班\r\n\r\n。高雄市青年農民聯誼會會長\r\n        善用政府資源讓新手變老手  \r\n        後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。\r\n        從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」\r\n        鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。\r\n        「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」\r\n        鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。\r\n    </div>      \r\n      </div>\r\n    \r\n</body>\r\n\r\n<a href=\"#\" class=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1001,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1261,'2019-05-15 10:28:40','2019-05-13 04:28: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,'<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=\"width=device-width, initial-scale=1.0\" name=\"viewport\" />\r\n</p>\r\n<p>\r\n	<meta content=\"\" name=\"keywords\" />\r\n</p>\r\n<p>\r\n	<meta content=\"\" name=\"description\" />\r\n	<!-- Google Fonts --></p>\r\n<p>\r\n	<link href=\"https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Roboto:100,300,400,500,700|Philosopher:400,400i,700,700i\" rel=\"stylesheet\" />\r\n	<!-- Bootstrap css --><!-- <link rel=\"stylesheet\" href=\"css/bootstrap.css\"> --></p>\r\n<p>\r\n	<link href=\"lib/bootstrap/css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n	<!-- Libraries CSS Files --></p>\r\n<p>\r\n	<link href=\"lib/owlcarousel/assets/owl.carousel.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	<link href=\"lib/owlcarousel/assets/owl.theme.default.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	<link href=\"lib/font-awesome/css/font-awesome.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	<link href=\"lib/animate/animate.min.css\" rel=\"stylesheet\" />\r\n</p>\r\n<p>\r\n	<link href=\"lib/modal-video/css/modal-video.min.css\" rel=\"stylesheet\" />\r\n	<!-- Main Stylesheet File --></p>\r\n<p>\r\n	<link href=\"css/style.css\" rel=\"stylesheet\" />\r\n</p>\r\n<header class=\"header header-hide\" id=\"header\">\r\n	<div class=\"container\">\r\n		<div class=\"pull-left\" id=\"logo\">\r\n			<h1>\r\n				<a class=\"scrollto\" href=\"#body\">芳林芭樂</a></h1>\r\n		</div>\r\n		<nav id=\"nav-menu-container\">\r\n			<ul class=\"nav-menu\">\r\n				<li class=\"menu-active\">\r\n					<a href=\"#intro\">回首頁</a></li>\r\n				<li>\r\n					<a href=\"#about-us\">關於我們</a></li>\r\n				<li>\r\n					<a href=\"#product\">產品介紹</a></li>\r\n				<li>\r\n					<a href=\"#environment\">芳林生態</a></li>\r\n				<li>\r\n					<a href=\"#contact\">聯絡我們</a></li>\r\n			</ul>\r\n		</nav>\r\n		<!-- #nav-menu-container --></div>\r\n</header>\r\n<!-- #header --><!--==========================\r\n    intro Section\r\n  ============================-->\r\n<section class=\"wow fadeIn\" id=\"intro\">\r\n	<div class=\"intro-container\">\r\n		<a class=\"btn-get-started scrollto\" href=\"#get-started\">點我向下</a></div>\r\n</section>\r\n<!-- #hero --><!--==========================\r\n    Get Started Section\r\n  ============================-->\r\n<section class=\"padd-section text-center wow fadeInUp\" id=\"get-started\">\r\n	<div class=\"container\">\r\n		<div class=\"section-title text-center\">\r\n			<h2>\r\n				WELCOME</h2>\r\n			<p class=\"separator\">\r\n				一生懸命，自慢的芭樂&mdash;芳林<br />\r\n				芳林․芭樂莊園所生產的芭樂，以對土地較友善的種植方式，<br />\r\n				嚴謹的管理及記錄生產過程，並讓它以最自然的方式自然生長，<br />\r\n				讓它擁有該有的原始風味，就像種給自己家人吃一樣，<br />\r\n				希望您也可以透過芳林，安心與健康的食用，這就是芳林給您最好的祝福。</p>\r\n		</div>\r\n	</div>\r\n</section>\r\n<!--==========================\r\n    About Us Section\r\n  ============================-->\r\n<section class=\"about-us padd-section wow fadeInUp\" id=\"about-us\">\r\n	<div class=\"container\">\r\n		<div class=\"row justify-content-center\">\r\n			<div class=\"col-md-6 col-lg-4\">\r\n				<img alt=\"About\" src=\"img/鄭宗林老闆.jpg\" /></div>\r\n			<div class=\"col-md-6 col-lg-8\">\r\n				<div class=\"carousel slide\" data-ride=\"carousel\" id=\"carousel-example-generic\">\r\n					<!-- Indicators -->\r\n					<ol class=\"carousel-indicators\">\r\n						<li class=\"active\" data-slide-to=\"0\" data-target=\"#carousel-example-generic\">\r\n							&nbsp;</li>\r\n						<li data-slide-to=\"1\" data-target=\"#carousel-example-generic\">\r\n							&nbsp;</li>\r\n						<li data-slide-to=\"2\" data-target=\"#carousel-example-generic\">\r\n							&nbsp;</li>\r\n					</ol>\r\n					<!-- Wrapper for slides -->\r\n					<div class=\"carousel-inner\" role=\"listbox\">\r\n						<div class=\"item active\">\r\n							<img alt=\"...\" src=\"\" />\r\n							<div class=\"carousel-caption\">\r\n								...</div>\r\n						</div>\r\n						<div class=\"item\">\r\n							<img alt=\"...\" src=\"\" />\r\n							<div class=\"carousel-caption\">\r\n								...</div>\r\n						</div>\r\n						...</div>\r\n					<!-- Controls --><a class=\"left carousel-control\" data-slide=\"prev\" href=\"#carousel-example-generic\" role=\"button\"><span class=\"sr-only\">Previous</span> </a> <a class=\"right carousel-control\" data-slide=\"next\" href=\"#carousel-example-generic\" role=\"button\"> <span class=\"sr-only\">Next</span> </a></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</section>\r\n<!--==========================\r\n  product Section\r\n  ============================-->\r\n<section class=\"padd-section text-center wow fadeInUp\" id=\"product\">\r\n	<div class=\"container\">\r\n		<div class=\"section-title text-center\">\r\n			<h2>\r\n				芭樂展現浪漫原味</h2>\r\n			<p class=\"separator\">\r\n				&ldquo;我的芭樂自然熟成，八、九分熟最好吃！&rdquo;</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"container\">\r\n		<div class=\"row\">\r\n			<div class=\"col-md-6 col-lg-4\">\r\n				<div class=\"product-block\">\r\n					<img alt=\"img\" class=\"img-fluid\" src=\"img/guava1.png\" />\r\n					<h4>\r\n						芭樂</h4>\r\n					<button type=\"button\">read more....</button></div>\r\n			</div>\r\n			<div class=\"col-md-6 col-lg-4\">\r\n				<div class=\"product-block\">\r\n					<img alt=\"img\" class=\"img-fluid\" src=\"img/guava2.png\" />\r\n					<h4>\r\n						禮盒</h4>\r\n					<button type=\"button\">read more....</button></div>\r\n			</div>\r\n			<div class=\"col-md-6 col-lg-4\">\r\n				<div class=\"product-block\">\r\n					<img alt=\"img\" class=\"img-fluid\" src=\"img/guava3.png\" />\r\n					<h4>\r\n						超大禮盒</h4>\r\n					<button type=\"button\">read more....</button></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</section>\r\n<!--==========================\r\n   environment Section\r\n  ============================-->\r\n<section class=\"padd-section text-center wow fadeInUp\" id=\"environment\">\r\n	<div class=\"container\">\r\n		<div class=\"section-title text-center\">\r\n			<h2>\r\n				芳林生態</h2>\r\n			<p class=\"separator\">\r\n				大地的滋潤，讓芭樂香甜美味</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"container\">\r\n		<div class=\"owl-carousel owl-theme\">\r\n			<div>\r\n				<img alt=\"img\" src=\"img/草生栽培.png\" /></div>\r\n			<div>\r\n				<img alt=\"img\" src=\"img/除草小鴨.png\" /></div>\r\n			<div>\r\n				<img alt=\"img\" src=\"img/芭樂園2.png\" /></div>\r\n			<div>\r\n				<img alt=\"img\" src=\"img/岡山超峰寺.png\" /></div>\r\n		</div>\r\n	</div>\r\n</section>\r\n<!--==========================\r\n    Contact Section\r\n  ============================-->\r\n<section class=\"padd-section wow fadeInUp\" id=\"contact\">\r\n	<div class=\"container\">\r\n		<div class=\"section-title text-center\">\r\n			<h2>\r\n				聯絡我們</h2>\r\n			<p class=\"separator\">\r\n				聯絡資訊</p>\r\n		</div>\r\n	</div>\r\n	<div class=\"container\">\r\n		<div class=\"row justify-content-center\">\r\n			<div class=\"col-lg-6 col-md-4\">\r\n				<div class=\"info\">\r\n					<div>\r\n						<p>\r\n							鄭宗林</p>\r\n					</div>\r\n					<div>\r\n						<p>\r\n							0910-326-822</p>\r\n					</div>\r\n					<div>\r\n						<p>\r\n							kenny335a</p>\r\n					</div>\r\n					<div>\r\n						<p>\r\n							820高雄市岡山區嘉峰路600巷高鐵 橋下</p>\r\n					</div>\r\n					<div class=\"email\">\r\n						<p>\r\n							kenny335a@ yahoo.com.tw</p>\r\n					</div>\r\n					<div>\r\n						<p>\r\n							07-371-2376</p>\r\n					</div>\r\n					<div>\r\n						<p>\r\n							可前往岡山火車站轉乘計程車($200)或由農場主人接送</p>\r\n					</div>\r\n				</div>\r\n				<div class=\"social-links\">\r\n					&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;</div>\r\n			</div>\r\n			<div class=\"col-lg-6 col-md-8\">\r\n				<div class=\"iframe-rwd\">\r\n					<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"450\" src=\"https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7354.3677329882885!2d120.316526!3d22.832686!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x51e50555d5e38def!2z6Iqz5p6X6Iqt5qiC5p6c5ZyS!5e0!3m2!1szh-TW!2stw!4v1554895992005!5m2!1szh-TW!2stw\" style=\"border:0\" width=\"600\"></iframe></div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</section>\r\n<!-- #contact --><!--==========================\r\n    Footer\r\n  ============================-->\r\n<footer class=\"footer\">\r\n	<div class=\"container\">\r\n		<div class=\"row\">\r\n			<div class=\"col-sm-12 col-md-12 col-lg-12\">\r\n				<div class=\"list-menu\">\r\n					芳林芭樂莊園2017<br />\r\n					地址：820高雄市岡山區嘉峰路600巷高鐵 橋下<br />\r\n					電話：07-371- 2376<br />\r\n					Copyright &copy; 芳林芭樂莊園2017 2016</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</footer>\r\n<!-- JavaScript Libraries --><script src=\"lib/jquery/jquery.min.js\"></script><script src=\"lib/jquery/jquery-migrate.min.js\"></script><script src=\"lib/bootstrap/js/bootstrap.bundle.min.js\"></script><script src=\"lib/superfish/hoverIntent.js\"></script><script src=\"lib/superfish/superfish.min.js\"></script><script src=\"lib/easing/easing.min.js\"></script><script src=\"lib/modal-video/js/modal-video.js\"></script><script src=\"lib/owlcarousel/owl.carousel.min.js\"></script><script src=\"lib/wow/wow.min.js\"></script><!-- Contact Form JavaScript File --><script src=\"contactform/contactform.js\"></script><!-- Template Main Javascript File --><script src=\"js/main.js\"></script>',NULL,'',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1262,'2019-05-12 21:06:15','2019-05-13 05:05:31',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" >\r\n\r\n<!-- Optional theme -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" >\r\n\r\n<!-- Latest compiled and minified JavaScript -->\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" ></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n<link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n\r\n<style>\r\n    *{\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    body{\r\n        overflow-x: hidden;\r\n        font-family: \"微軟正黑體\";\r\n        font-family: 25px;\r\n    }\r\n  hr {\r\n    margin-top: 0px;\r\n    margin-bottom: 0px;\r\n    border: 0;\r\n    border-top: 1px solid #eee;\r\n}\r\n.navbar-default{\r\n    border-color:brown;\r\n}\r\n.navbar-default .navbar-nav>li>a {\r\n    color: white;\r\n    \r\n}\r\n.navbar-fixed-top{\r\n    border-radius: 0;\r\n    background: brown;\r\n}\r\n\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background:brown;\r\n    }\r\n\r\n      .intro{\r\n        width: 100%;\r\n        height: 100vh;\r\n        background:linear-gradient(\r\n      rgba(0,0,0,0.6),\r\n      rgba(0,0,0,0.6)),\r\n      url(/userUpload/images/10512106/guavatree.jpg);\r\n      background-attachment: fixed; \r\n      background-repeat:no-repeat;\r\n      background-position: center; \r\n      background-size: cover;\r\n      position: relative;;\r\n\r\n \r\n      }\r\n      .bgw{\r\n          background-color: rgba(225, 225, 225, 0.0) ;\r\n      }\r\n\r\n      \r\n     .content{\r\n         background: rgba(146, 139, 139, 0.7);\r\n         border: 1px solid rgba(146, 139, 139, 0.7);\r\n         border-radius: 25px;\r\n          font-family: \"標楷體\";\r\n          font-size: 40px;\r\n          text-align: center;\r\n          color: white;\r\n          margin: 0px;\r\n          padding: 0px;\r\n          position: relative;\r\n          top: 250px;\r\n          left: 0%;\r\n           }\r\n   .container-fluid{\r\n       padding-right: 0px;\r\n      padding-left: 0px;\r\n     margin-left: 0px; \r\n    margin-right: 0px;\r\n\r\n    }\r\n\r\n    footer{\r\n        font-size: 18px;\r\n        color: white;\r\n        background: #a15749;\r\n\r\n\r\n    }\r\n.container {\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n}\r\n\r\n\r\n\r\n \r\n  #section1 {\r\n     width:100%;\r\n     height:100%;\r\n     color: black; \r\n     background-color: white;\r\n     }\r\n\r\n  #section1 div{\r\n\r\n      padding: 5rem;\r\n      margin: 30px 0px;\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 20px;\r\n      height: 900px;\r\n\r\n  }\r\n  @media (max-width: 768px) {\r\n    #section1 div {\r\n        height: 100%;\r\n        margin: 0px 0px;\r\n  }}\r\n \r\n  \r\n  #section1 div h3{\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 30px;\r\n      color: brown;\r\n      font-weight: 400;\r\n\r\n  }\r\n  \r\n\r\n  #section2{\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff;\r\n     font-size: 20px;\r\n     background-color: brown;}\r\n\r\n     @media (max-width: 768px) {\r\n    #section2  {\r\n        height: 100%;\r\n       \r\n  }}\r\n  \r\n  #section3 {\r\n    width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: blueviolet;\r\n     font-size: 20px;\r\n    }\r\n\r\n     @media (max-width: 768px) {\r\n    #section3 {\r\n        height: 100%;\r\n  }}\r\n  \r\n  #section4 {\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: #a15749;\r\n     font-size: 20px; \r\n    }\r\n     @media (max-width: 768px) {\r\n    #section4 {\r\n        height: 100%;\r\n  \r\n  }}\r\n .button{\r\n     list-style-type: none;\r\n     margin: 0;\r\n     padding: 0;\r\n     border: 1px solid blanchedalmond;\r\n     background: #ff9800;\r\n     color: white;\r\n     width: 220px;\r\n     height: 50px;\r\n }\r\n .button:hover a{\r\n     text-decoration: none;\r\n     color: white;\r\n }\r\n\r\n /* Back to top button */\r\n.back-to-top {\r\n  position: fixed;\r\n\r\n  background: #71c55d;\r\n  line-height: 1;\r\n  color: #fff;\r\n  padding: 7px 12px 13px 12px;\r\n  font-size: 16px;\r\n  border-radius: 2px;\r\n  right: 15px;\r\n  bottom: 15px;\r\n  transition: background 0.5s;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .back-to-top {\r\n    bottom: 15px;\r\n  }\r\n}\r\n\r\n.back-to-top:focus {\r\n  background: #71c55d;\r\n  color: #fff;\r\n  outline: none;\r\n}\r\n\r\n.back-to-top:hover {\r\n  background: #55b03f;\r\n  color: #fff;\r\n}\r\n\r\n.btn-default{\r\n    background:none;\r\n    color:white ;\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 25px;\r\n    \r\n}\r\n.btn-default:hover {\r\n    background: #a15749;\r\n    color: #ff9800;\r\n}\r\n\r\n.position{\r\n   display: flex;\r\n   align-items: center;\r\n\r\n}\r\n.fa-cannabis{\r\n    font-size: 100px;\r\n}\r\n.fa-smile-wink{\r\n    font-size: 100px;\r\n}\r\n.fa-qrcode{\r\n    font-size: 100px;\r\n}\r\n.fa-leaf{\r\n    font-size: 100px;\r\n    color: #71c55d;\r\n}\r\n.col-md-12{\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n}\r\n\r\n</style>\r\n    <title>關於芳林</title>\r\n</head>\r\n<body>\r\n    <div class=\"intro\">\r\n    <div class=\"container\">\r\n    <p class=\"content animated fadeInDown\">\r\n            <i class=\"fas fa-leaf\"></i><br>\r\n    \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n    <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n    <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n            <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n            <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n</p>\r\n\r\n    </div></div>\r\n    <div class=\"position\">\r\n          \r\n    </div>\r\n    \r\n            \r\n            \r\n      \r\n<div id=\"section1\" class=\"container-fluid text-center \">\r\n    <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n                <i class=\"fas fa-cannabis\"></i>\r\n        <h3>草生栽培農法 </h3>\r\n        <p></p>\r\n                <p>\r\n                <br>     \r\n                 <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>   \r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n               \r\n\r\n草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n例如<br><br>\r\n\r\n(1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n(2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n               </p></div>\r\n                \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n                        <i class=\"far fa-smile-wink\"></i>  \r\n               <h3>優質的保證 </h3> <br>\r\n               <p>鄭宗林隸屬大社區農會的果樹產銷第7班，<br><br>\r\n                已通過產銷履歷認證，種植總面積2公頃，<br><br>\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                芳林農園珍珠芭樂特色：<br><br>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                2.通過311項無農藥殘留檢測<br><br>\r\n                3.採草生栽培、友善耕作</p></p></div>\r\n              \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n                <i class=\"fas fa-qrcode\"></i>\r\n                    <h3>產銷履歷</h3>\r\n                    <p>產銷QR code</p>\r\n                    <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n                    <div>\r\n                  \r\n        <p>產銷履歷</p>\r\n         <p>水質檢測認證</p>\r\n             <p>無農藥檢測認證</p>\r\n                \r\n       \r\n\r\n\r\n\r\n</div>\r\n    \r\n        \r\n    </div>\r\n     \r\n      </div>\r\n    \r\n      <div id=\"section2\" class=\"container-fluid text-center\">\r\n            <br>\r\n      <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h3>天然無毒的珍珠芭樂農園</h3>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \"></div>\r\n        \r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n                <br>\r\n        <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n            是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？<br>\r\n                答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。<br>\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，<br>\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，<br><br>除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，<br>\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p></div>\r\n               \r\n      </div>\r\n      <div id=\"section3\" class=\"container-fluid text-center \">\r\n            <br>\r\n      <br><br>\r\n        <h1>  故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br><br>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n      <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n        畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n        希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n        對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n        像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n        經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 \r\n        一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n        <br><br>\r\n       鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n       2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n        2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n    返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n    也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n    除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n    證明只要願意努力，新手也可以闖出一片天。\r\n      </p></div>\r\n      </div>\r\n      <div id=\"section4\" class=\"container text-center\">\r\n            <br>\r\n      <br><br>\r\n        <h1>過程經驗</h1>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n 經歷：\r\n\r\n。行政院農委會 第一屆 百大青年農民\r\n\r\n。高雄市農業局 高雄型農\r\n\r\n。培訓班 高雄型農精英班\r\n\r\n。高雄市青年農民聯誼會會長\r\n        善用政府資源讓新手變老手  \r\n        後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。\r\n        從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」\r\n        鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。\r\n        「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」\r\n        鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。\r\n    </div>      \r\n      </div>\r\n    \r\n</body>\r\n\r\n<a href=\"#\" class=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1002,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1263,'2019-05-13 14:25:08','2019-05-13 05:30:22',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" >\r\n\r\n<!-- Optional theme -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" >\r\n\r\n<!-- Latest compiled and minified JavaScript -->\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" ></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n<link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n\r\n<style>\r\n    *{\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    body{\r\n        overflow-x: hidden;\r\n        font-family: \"微軟正黑體\";\r\n        font-family: 25px;\r\n        background-color: #33fffc;\r\n        background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'120\' height=\'120\' viewBox=\'0 0 120 120\'%3E%3Cpolygon fill=\'%232de0ee\' points=\'120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 \'/%3E%3C/svg%3E\");\r\n    }\r\n  hr {\r\n    margin-top: 0px;\r\n    margin-bottom: 0px;\r\n    border: 0;\r\n    border-top: 0px solid #eee;\r\n}\r\nh2{\r\n    color:white;\r\n}\r\n.navbar-default{\r\n    border-color:brown;\r\n}\r\n.navbar-default .navbar-nav>li>a {\r\n    color: white;\r\n    \r\n}\r\n.navbar-fixed-top{\r\n    border-radius: 0;\r\n    background: brown;\r\n}\r\n\r\n.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {\r\n    color: white;\r\n    background:brown;\r\n    }\r\n\r\n      .intro{\r\n        width: 100%;\r\n        height: 100vh;\r\n        background:linear-gradient(\r\n      rgba(0,0,0,0.6),\r\n      rgba(0,0,0,0.6)),\r\n      url(/userUpload/images/10512106/guavatree.jpg);\r\n      background-attachment: fixed; \r\n      background-repeat:no-repeat;\r\n      background-position: center; \r\n      background-size: cover;\r\n      position: relative;;\r\n\r\n \r\n      }\r\n      .bgw{\r\n          background-color: rgba(225, 225, 225, 0.0) ;\r\n      }\r\n\r\n      \r\n     .content{\r\n         background: rgba(146, 139, 139, 0.7);\r\n         border: 1px solid rgba(146, 139, 139, 0.7);\r\n         border-radius: 25px;\r\n          font-family: \"標楷體\";\r\n          font-size: 40px;\r\n          text-align: center;\r\n          color: white;\r\n          margin: 0px;\r\n          padding: 0px;\r\n          position: relative;\r\n          top: 250px;\r\n          left: 0%;\r\n           }\r\n   .container-fluid{\r\n       padding-right: 0px;\r\n      padding-left: 0px;\r\n     margin-left: 0px; \r\n    margin-right: 0px;\r\n\r\n    }\r\n\r\n    footer{\r\n        font-size: 18px;\r\n        color: white;\r\n        background: #a15749;\r\n\r\n\r\n    }\r\n.container {\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n}\r\n\r\n\r\n\r\n \r\n  #section1 {\r\n     width:100%;\r\n     height:100%;\r\n     color: black; \r\n     background-color: white;\r\n     }\r\n\r\n  #section1 div{\r\n\r\n      padding: 5rem;\r\n      margin: 30px 0px;\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 20px;\r\n      height: 900px;\r\n\r\n  }\r\n  @media (max-width: 768px) {\r\n    #section1 div {\r\n        height: 100%;\r\n        margin: 0px 0px;\r\n  }}\r\n \r\n  \r\n  #section1 div h3{\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 30px;\r\n      color: brown;\r\n      font-weight: 400;\r\n\r\n  }\r\n  \r\n\r\n  #section2{\r\n     width:100%;\r\n     height:100%;\r\n     color: #fff;\r\n     font-size: 20px;\r\n     background-color: brown;}\r\n\r\n     @media (max-width: 768px) {\r\n    #section2  {\r\n        height: 100%;\r\n       \r\n  }}\r\n  \r\n  #section3 {\r\n    width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: blueviolet;\r\n     font-size: 20px;\r\n    }\r\n\r\n     @media (max-width: 768px) {\r\n    #section3 {\r\n        height: 100%;\r\n  }}\r\n  \r\n  #section4 {\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: #a15749;\r\n     font-size: 20px; \r\n    }\r\n     @media (max-width: 768px) {\r\n    #section4 {\r\n        height: 100%;\r\n  \r\n  }}\r\n .button{\r\n     list-style-type: none;\r\n     margin: 0;\r\n     padding: 0;\r\n     border: 1px solid blanchedalmond;\r\n     background: #ff9800;\r\n     color: white;\r\n     width: 220px;\r\n     height: 50px;\r\n }\r\n .button:hover a{\r\n     text-decoration: none;\r\n     color: white;\r\n }\r\n\r\n /* Back to top button */\r\n.back-to-top {\r\n  position: fixed;\r\n\r\n  background: #71c55d;\r\n  line-height: 1;\r\n  color: #fff;\r\n  padding: 7px 12px 13px 12px;\r\n  font-size: 16px;\r\n  border-radius: 2px;\r\n  right: 15px;\r\n  bottom: 15px;\r\n  transition: background 0.5s;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .back-to-top {\r\n    bottom: 15px;\r\n  }\r\n}\r\n\r\n.back-to-top:focus {\r\n  background: #71c55d;\r\n  color: #fff;\r\n  outline: none;\r\n}\r\n\r\n.back-to-top:hover {\r\n  background: #55b03f;\r\n  color: #fff;\r\n}\r\n\r\n.btn-default{\r\n    background:none;\r\n    color:white ;\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 25px;\r\n    \r\n}\r\n.btn-default:hover {\r\n    background: #a15749;\r\n    color: #ff9800;\r\n}\r\n\r\n.position{\r\n   display: flex;\r\n   align-items: center;\r\n\r\n}\r\n.fa-cannabis{\r\n    font-size: 100px;\r\n}\r\n.fa-smile-wink{\r\n    font-size: 100px;\r\n}\r\n.fa-qrcode{\r\n    font-size: 100px;\r\n}\r\n.fa-leaf{\r\n    font-size: 100px;\r\n    color: #71c55d;\r\n}\r\n.col-md-12{\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n}\r\n\r\n</style>\r\n    <title>關於芳林</title>\r\n</head>\r\n<body>\r\n    <div class=\"intro\">\r\n    <div class=\"container\">\r\n    <p class=\"content animated fadeInDown\">\r\n            <i class=\"fas fa-leaf\"></i><br>\r\n    \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n    <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n    <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n            <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n            <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n</p>\r\n\r\n    </div></div>\r\n    <div class=\"position\">\r\n          \r\n    </div>\r\n    \r\n            \r\n            \r\n      \r\n<div id=\"section1\" class=\"container-fluid text-center \">\r\n    <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n                <i class=\"fas fa-cannabis\"></i>\r\n        <h3>草生栽培農法 </h3>\r\n        <p></p>\r\n                <p>\r\n                <br>     \r\n                 <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>   \r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n               \r\n\r\n草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n例如<br><br>\r\n\r\n(1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n(2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n               </p></div>\r\n                \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n                        <i class=\"far fa-smile-wink\"></i>  \r\n               <h3>優質的保證 </h3> <br>\r\n               <p>鄭宗林隸屬大社區農會的果樹產銷第7班，<br><br>\r\n                已通過產銷履歷認證，種植總面積2公頃，<br><br>\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                芳林農園珍珠芭樂特色：<br><br>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                2.通過311項無農藥殘留檢測<br><br>\r\n                3.採草生栽培、友善耕作</p></p></div>\r\n              \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n                <i class=\"fas fa-qrcode\"></i>\r\n                    <h3>產銷履歷</h3>\r\n                    <p>產銷QR code</p>\r\n                    <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n                    <div>\r\n                  \r\n        <p>產銷履歷</p>\r\n         <p>水質檢測認證</p>\r\n             <p>無農藥檢測認證</p>\r\n                \r\n       \r\n\r\n\r\n\r\n</div>\r\n    \r\n        \r\n    </div>\r\n     \r\n      </div>\r\n    \r\n      <div id=\"section2\" class=\"container-fluid text-center\">\r\n            <br>\r\n      <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h3>天然無毒的珍珠芭樂農園</h3>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \"></div>\r\n        \r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n                <br>\r\n        <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n            是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？<br>\r\n                答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。<br>\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，<br>\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，<br><br>除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，<br>\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p></div>\r\n               \r\n      </div>\r\n      <div id=\"section3\" class=\"container-fluid text-center \">\r\n            <br>\r\n      <br><br>\r\n        <h1>  故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br><br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n      <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n        畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n        希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n        對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n        像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n        經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 \r\n        一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n        <br><br>\r\n       鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n       2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n        2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n    返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n    也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n    除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n    證明只要願意努力，新手也可以闖出一片天。\r\n      </p></div>\r\n      </div>\r\n      <div id=\"section4\" class=\"container text-center\">\r\n            <br>\r\n      <br><br>\r\n        <h1>過程經驗</h1>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n 經歷：<br>\r\n\r\n。行政院農委會 第一屆 百大青年農民<br>\r\n\r\n。高雄市農業局 高雄型農<br>\r\n\r\n。培訓班 高雄型農精英班<br>\r\n\r\n。高雄市青年農民聯誼會會長<br><br>\r\n        善用政府資源讓新手變老手<br>  \r\n        後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。<br>\r\n        從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br>\r\n        鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br>\r\n        「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」<br>\r\n        鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。<br>\r\n    </div>      \r\n      </div>\r\n    \r\n</body>\r\n\r\n<a href=\"#\" class=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n</html>','','',254,'',254,NULL,NULL,NULL,NULL,NULL,1002,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1264,'2019-06-12 16:27:47','2019-06-13 00:27:47',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,930,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'\r\n<p>\r\n        \r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css\" rel=\"stylesheet\" />\r\n	<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script><!-- Latest compiled and minified JavaScript --><script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script></p>\r\n\r\n<p>\r\n	<link href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" rel=\"stylesheet\" />\r\n</p>\r\n\r\n<p>\r\n	<link href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\" rel=\"stylesheet\" />\r\n	<style type=\"text/css\">\r\n.nav-tabs {\r\n    border-bottom: 1px solid gray;\r\n    padding-left: 35%;\r\n}\r\n\r\n        .nav-tabs>li>a {\r\n    margin-right: 3px;\r\n    line-height: 1.42857143;\r\n    border: 1px solid transparent;\r\n    border-radius: 4px 4px 0 0;\r\n    font-size: 48px;\r\n}\r\n\r\n        .nav-tabs>li.active>a,\r\n        .nav-tabs>li.active>a:focus,\r\n        .nav-tabs>li.active>a:hover {\r\n            color: blue;\r\n            cursor: default;\r\n            background-color: #fff;\r\n            border: 1px solid #ddd;\r\n            font-size: 20px;\r\n            border-bottom-color: transparent;\r\n            font-family: cursive;\r\n        }\r\n       \r\n        hr {\r\n    margin-top: 20px;\r\n    margin-bottom: 20px;\r\n    border: 0;\r\n    border-top: 0px solid #eee;\r\n}\r\n\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: cursive;\r\n            font-size: 20px;\r\n            color: white;\r\n           }\r\n\r\n        footer {\r\n            font-size: 14px;\r\n            color: white;\r\n            background: brown;\r\n            overflow: hidden;\r\n\r\n        }\r\n\r\n        h2 {\r\n            color: black;\r\n            font-size: 40px;\r\n            font-family: cursive;\r\n        }\r\n\r\n.navbar-default .navbar-nav>li>a {\r\n    color: #fff;\r\n}\r\n\r\n        .navbar-fixed-top {\r\n            border-radius: 0;\r\n            background: brown;\r\n        }\r\n\r\n           .navbar-default {\r\n\r\n            background: rgba(230, 126, 34, 1.0);\r\n            font-family: cursive;\r\n            border-color: transparent;\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-nav>li>a {\r\n            padding-top: 0px;\r\n            padding-bottom: 0px;\r\n            line-height: 50px;\r\n            font-size: 20px;\r\n            text-transform: uppercase;\r\n            position: relative;\r\n        }\r\n\r\n        .navbar-nav>li>a::before {\r\n            content: \'\';\r\n            width: 0px;\r\n            height: 3px;\r\n            background: chartreuse;\r\n            position: absolute;\r\n            top: 120%;\r\n            right: 40px;\r\n            transition: .5s;\r\n            mix-blend-mode: multiply;\r\n        }\r\n\r\n        .navbar-nav>li>a::after {\r\n            content: \'\';\r\n            width: 0;\r\n            height: 3px;\r\n            background: #f0f;\r\n            position: absolute;\r\n            top: 120%;\r\n            right: 10px;\r\n            transition: .5s;\r\n            mix-blend-mode: multiply;\r\n        }\r\n\r\n        .navbar-nav>li:hover a::before {\r\n            width: 50%;\r\n            transform: translateX(100%);\r\n        }\r\n\r\n        .navbar-nav>li:hover a::after {\r\n            width: 50%;\r\n            transform: translateX(-100%);\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n          background-image: -webkit-linear-gradient(top,transparent 0,transparent 100%);\r\n            color: #fff;\r\n            background-color: transparent;\r\n        }\r\n\r\n\r\n       .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {\r\n    color: black;\r\n    cursor: default;\r\n    background-color: rgba(255,255,255,.4);\r\n    border: 1px solid transparent;\r\n    font-size: 48px;\r\n    border-bottom-color: transparent;\r\n    font-family: cursive;\r\n}\r\n\r\n        .videoWrapper {\r\n            position: relative;\r\n            padding-bottom: 60%;\r\n\r\n        }\r\n\r\n        .videoWrapper iframe {\r\n            position: absolute;\r\n            width: 100%;\r\n            height: 100%;\r\n        }\r\n\r\n\r\n        @media (min-width: 992px) {\r\n            .col-md-offset-1 {\r\n                margin-left: 0%;\r\n            }\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            .col-md-10 {\r\n                width: 100%;\r\n                margin-top: -105px;\r\n            }\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(255, 255, 255, 0.0);\r\n        }\r\n\r\n        @media (max-width:768px){\r\n\r\n    padding-left:15%;\r\n}\r\n.list-group-item {\r\n    position: relative;\r\n    display: block;\r\n    padding: 10px 20px;\r\n    margin-bottom: -1px;\r\n    background-color: rgb(255,255,255,.7);\r\n    border: 1px solid black;\r\n}\r\n\r\n\r\n\r\n\r\n	</style>\r\n</p>\r\n<div class=\"container\">\r\n	<div class=\"col-md-12 col-sm-12 col-xs-12 text-center\">\r\n		<h2>\r\n			感謝各大媒體支持</h2>\r\n		<p style=\"color:black;\">\r\n			THANK FOR SUPPORT</p>\r\n	</div>\r\n</div>\r\n<div style=\" margin-top: 15px;\r\n    margin-bottom: 18px;\r\n     border: 4px solid transparent;\r\n    border-radius: 4px;\r\n    padding: 15px;\r\n    background: rgba(255,255,255,.6);\">\r\n	<ul class=\"nav nav-tabs\">\r\n		<li class=\"active\">\r\n			<a data-toggle=\"tab\" href=\"#home\">平面報導</a></li>\r\n		<li>\r\n			<a data-toggle=\"tab\" href=\"#menu1\">影音報導</a></li>\r\n	</ul>\r\n	<div class=\"tab-content\">\r\n		<div class=\"tab-pane fade in active\" id=\"home\">\r\n			<div class=\"container\">\r\n				<p style=\"text-align:center\">\r\n					<span style=\"font-size:25px; color: black;\">flat coverage</span></p>\r\n				<hr />\r\n				<br />\r\n				<div class=\"list-group\">\r\n					<a class=\"list-group-item\" href=\"http://www.kaofarmers.tw/content/farmer_profile?id=42\"><i class=\"fas fa-photo-video\"></i>型農大聯盟</a> <a class=\"list-group-item\" href=\"https://www.kaofarmers.tw/content/news_detail?id=9 \"><i class=\"fas fa-photo-video\"></i>草生果園裡的珍珠芭樂 2015-12-20</a> <a class=\"list-group-item\" href=\"#\"><i class=\"fas fa-photo-video\"></i>Third item</a> <a class=\"list-group-item\" href=\"#\"><i class=\"fas fa-photo-video\"></i>Third item</a> <a class=\"list-group-item\" href=\"#\"><i class=\"fas fa-photo-video\"></i>Third item</a> <a class=\"list-group-item\" href=\"#\"><i class=\"fas fa-photo-video\"></i>Third item</a> <a class=\"list-group-item\" href=\"#\"><i class=\"fas fa-photo-video\"></i>Third item</a> <a class=\"list-group-item\" href=\"#\"><i class=\"fas fa-photo-video\"></i>Third item</a> <a class=\"list-group-item\" href=\"#\"><i class=\"fas fa-photo-video\"></i>Third item</a> <a class=\"list-group-item\" href=\"#\"><i class=\"fas fa-photo-video\"></i>Third item</a></div>\r\n			</div>\r\n		</div>\r\n		<div class=\"tab-pane fade\" id=\"menu1\">\r\n			<div class=\"container\">\r\n				<div class=\"row\">\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; color:black;\">Audio and video coverage</span></p>\r\n					</div>\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							<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:black;\">芳林芭樂宣傳片</span><br />\r\n								<br />\r\n								&nbsp;</h3>\r\n						</div>\r\n					</div>\r\n					<div class=\"col-md-4 col-sm-6 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<div class=\"videoWrapper\">\r\n								<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe></div>\r\n						</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<h3>\r\n								<br />\r\n								<span style=\"color:#000000;\">待上傳</span><br />\r\n								<br />\r\n								&nbsp;</h3>\r\n						</div>\r\n					</div>\r\n					<div class=\"col-md-4 col-sm-12 col-xs-12\">\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<div class=\"videoWrapper\">\r\n								<iframe allowfullscreen=\"\" frameborder=\"0\" height=\"349\" src=\"\" width=\"560\"></iframe></div>\r\n						</div>\r\n						<div class=\"col-md-12 col-sm-12 col-xs-12\">\r\n							<h3>\r\n								<br />\r\n								<span style=\"color:#000000;\">待上傳</span><br />\r\n								<br />\r\n								&nbsp;</h3>\r\n						</div>\r\n					</div>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n</div>\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),(1265,'2019-05-14 01:09:04','2019-05-13 22:11:56',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,930,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<div class=\"container\">\r\n	<h2>\r\n		Carousel Example</h2>\r\n	<div class=\"carousel slide\" data-ride=\"carousel\" id=\"ourcarousel\">\r\n		<!-- Indicators -->\r\n		<ol class=\"carousel-indicators\">\r\n			<li class=\"active\" data-slide-to=\"0\" data-target=\"#ourcarousel\">\r\n				&nbsp;</li>\r\n			<li data-slide-to=\"1\" data-target=\"#ourcarousel\">\r\n				&nbsp;</li>\r\n			<li data-slide-to=\"2\" data-target=\"#ourcarousel\">\r\n				&nbsp;</li>\r\n		</ol>\r\n		<!-- Wrapper for slides -->\r\n		<div class=\"carousel-inner\">\r\n			<div class=\"item active\">\r\n				<img alt=\"Los Angeles\" src=\"la.jpg\" style=\"width:100%;\" />\r\n				<div class=\"carousel-caption\">\r\n					<h3>\r\n						Los Angeles</h3>\r\n					<p>\r\n						LA is always so much fun!</p>\r\n				</div>\r\n			</div>\r\n			<div class=\"item\">\r\n				<img alt=\"Chicago\" src=\"chicago.jpg\" style=\"width:100%;\" />\r\n				<div class=\"carousel-caption\">\r\n					<h3>\r\n						Chicago</h3>\r\n					<p>\r\n						Thank you, Chicago!</p>\r\n				</div>\r\n			</div>\r\n			<div class=\"item\">\r\n				<img alt=\"New York\" src=\"ny.jpg\" style=\"width:100%;\" />\r\n				<div class=\"carousel-caption\">\r\n					<h3>\r\n						New York</h3>\r\n					<p>\r\n						We love the Big Apple!</p>\r\n				</div>\r\n			</div>\r\n		</div>\r\n		<!-- Left and right controls --><a class=\"left carousel-control\" data-slide=\"prev\" href=\"#ourcarousel\"><span class=\"sr-only\">Previous</span> </a> <a class=\"right carousel-control\" data-slide=\"next\" href=\"#ourcarousel\"> <span class=\"sr-only\">Next</span> </a></div>\r\n</div>\r\n','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1266,'2019-05-16 14:05:33','2019-05-15 18:23:02',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <!-- Optional theme -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n\r\n    <!-- Latest compiled and minified JavaScript -->\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: \"微軟正黑體\";\r\n            font-family: 25px;\r\n            background-color: #33fffc;\r\n            background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'120\' height=\'120\' viewBox=\'0 0 120 120\'%3E%3Cpolygon fill=\'%232de0ee\' points=\'120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 \'/%3E%3C/svg%3E\");\r\n        }\r\n\r\n        hr {\r\n            margin-top: 0px;\r\n            margin-bottom: 0px;\r\n            border: 0;\r\n            border-top: 0px solid #eee;\r\n        }\r\n\r\n        h2 {\r\n            color: white;\r\n        }\r\n\r\n        .navbar-default {\r\n            border-color: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li>a {\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            border-radius: 0;\r\n            background: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n            color: white;\r\n            background: brown;\r\n        }\r\n\r\n\r\n        #owl-demo .item {\r\n            margin: 3px;\r\n        }\r\n\r\n        #owl-demo .item img {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n        }\r\n\r\n        .intro {\r\n            width: 100%;\r\n            height: 100vh;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6),\r\n                rgba(0, 0, 0, 0.6)),\r\n                url(/userUpload/images/10512106/guavatree.jpg);\r\n            background-attachment: fixed;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: cover;\r\n            position: relative;\r\n            ;\r\n\r\n\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(225, 225, 225, 0.0);\r\n        }\r\n\r\n\r\n        .content {\r\n            background: rgba(146, 139, 139, 0.7);\r\n            border: 1px solid rgba(146, 139, 139, 0.7);\r\n            border-radius: 25px;\r\n            font-family: \"標楷體\";\r\n            font-size: 40px;\r\n            text-align: center;\r\n            color: white;\r\n            margin: 0px;\r\n            padding: 0px;\r\n            position: relative;\r\n            top: 250px;\r\n            left: 0%;\r\n        }\r\n\r\n        .container-fluid {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-left: 0px;\r\n            margin-right: 0px;\r\n\r\n        }\r\n\r\n        footer {\r\n            font-size: 18px;\r\n            color: white;\r\n            background: #a15749;\r\n\r\n\r\n        }\r\n\r\n        .container {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n\r\n\r\n\r\n        #section1 {\r\n            width: 100%;\r\n            height: 100%;\r\n            color: black;\r\n            background-color: white;\r\n        }\r\n\r\n        #section1 div {\r\n\r\n            padding: 5rem;\r\n            margin: 30px 0px;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 20px;\r\n            height: 800px;\r\n\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section1 div {\r\n                height: 100%;\r\n                margin: 0px 0px;\r\n            }\r\n        }\r\n\r\n\r\n        #section1 div h3 {\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 30px;\r\n            color: brown;\r\n            font-weight: 400;\r\n\r\n        }\r\n\r\n\r\n        #section2 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            background-color: rgb(197, 133, 14);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section2 {\r\n                height: 100%;\r\n\r\n            }\r\n        }\r\n\r\n        #section3 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background-color: rgb(61, 124, 219);\r\n            font-size: 20px;\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section3 {\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        #section4 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background-color: #a15749;\r\n            font-size: 20px;\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section4 {\r\n                height: 100%;\r\n\r\n            }\r\n        }\r\n\r\n        .button {\r\n            list-style-type: none;\r\n            margin: 0;\r\n            padding: 0;\r\n            border: 1px solid blanchedalmond;\r\n            background: #ff9800;\r\n            color: white;\r\n            width: 220px;\r\n            height: 50px;\r\n        }\r\n\r\n        .button:hover a {\r\n            text-decoration: none;\r\n            color: white;\r\n        }\r\n\r\n        /* Back to top button */\r\n        #back-to-top {\r\n            position: fixed;\r\n\r\n            background: #71c55d;\r\n            line-height: 1;\r\n            color: #fff;\r\n            padding: 7px 12px 13px 12px;\r\n            font-size: 16px;\r\n            border-radius: 2px;\r\n            right: 15px;\r\n            bottom: 15px;\r\n            transition: background 0.5s;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #back-to-top {\r\n                bottom: 15px;\r\n            }\r\n        }\r\n\r\n        #back-to-top:focus {\r\n            background: #71c55d;\r\n            color: #fff;\r\n            outline: none;\r\n        }\r\n\r\n        #back-to-top:hover {\r\n            background: #55b03f;\r\n            color: #fff;\r\n        }\r\n\r\n        .btn-default {\r\n            background: none;\r\n            color: white;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 25px;\r\n\r\n        }\r\n\r\n        .btn-default:hover {\r\n            background: #a15749;\r\n            color: #ff9800;\r\n        }\r\n\r\n        .position {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n        }\r\n\r\n        .fa-cannabis {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-smile-wink {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-qrcode {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-leaf {\r\n            font-size: 100px;\r\n            color: #71c55d;\r\n        }\r\n\r\n        .col-md-12 {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n        }\r\n\r\n        #ourcarousel {\r\n            width: 600px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #ourcarousel {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        #sedcarousel{\r\n            width: 600px;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #sedcarousel{\r\n            width: 100%;\r\n        }\r\n        }\r\n\r\n        .jumbotron{\r\n            background-color: rgb(110, 109, 109,0.7);\r\n        }\r\n\r\n        @media (min-width: 992px){\r\n.col-md-offset-1 {\r\n    margin-left: 0%;\r\n}}\r\n@media (min-width: 992px){\r\n.col-md-10 {\r\n    width: 100%;\r\n    margin-top: -103px;\r\n}\r\n}\r\n    </style>\r\n    <title>關於芳林</title>\r\n</head>\r\n\r\n<body>\r\n    <div class=\"intro\">\r\n        <div class=\"container\">\r\n            <p class=\"content animated fadeInDown\">\r\n                <i class=\"fas fa-leaf\"></i><br>\r\n                \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n                <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n                <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n                <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n                <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n            </p>\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"position\">\r\n\r\n    </div>\r\n\r\n\r\n\r\n\r\n    <div id=\"section1\" class=\"container-fluid text-center \">\r\n        <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n            <i class=\"fas fa-cannabis\"></i>\r\n            <h3>草生栽培農法 </h3>\r\n            <p></p>\r\n            <p>\r\n                <br>\r\n                <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>\r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n\r\n\r\n                草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n                例如<br><br>\r\n\r\n                (1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n                (2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n            <i class=\"far fa-smile-wink\"></i>\r\n            <h3>優質的保證 </h3> <br>\r\n            <p>鄭宗林隸屬大社區農會的果樹產銷第7班，\r\n                已通過產銷履歷認證，種植總面積2公頃，\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                <h4>芳林特色</h4>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                    2.通過311項無農藥殘留檢測<br><br>\r\n                    3.採草生栽培、友善耕作</p>\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n            <i class=\"fas fa-qrcode\"></i>\r\n            <h3>產銷履歷</h3>\r\n            <p>產銷QR code</p>\r\n            <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n            <div>\r\n\r\n                <p>產銷履歷</p>\r\n                <p>水質檢測認證</p>\r\n                <p>無農藥檢測認證</p>\r\n                <p>下面有附件請自行下載</p>\r\n\r\n\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"section2\" class=\"container-fluid text-center\">\r\n        <br>\r\n        <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h2>天然無毒的珍珠芭樂農園</h2>\r\n        <br>\r\n        <br>\r\n\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \">\r\n            <div class=\"container\">\r\n                <div id=\"ourcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                    <!-- Indicators -->\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"1\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"2\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"3\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"4\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"5\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"6\"></li>\r\n                    </ol>\r\n\r\n                    <!-- Wrapper for slides -->\r\n                    <div class=\"carousel-inner\">\r\n\r\n                        <div class=\"item active\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E5%9C%B0.jpg\" alt=\"\" style=\"width:100%;\">\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/10512106/flower.jpg\" alt=\"\" style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>flower</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草小鴨</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E6%A9%9F.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草機</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>草生栽培</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%92.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>芭樂園</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                                <img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"\"\r\n                                    style=\"width:100%;\">\r\n                                <div class=\"carousel-caption\">\r\n                                    <h3>岡山超峰寺</h3>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- Left and right controls -->\r\n                    <a class=\"left carousel-control\" href=\"#ourcarousel\" 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=\"#ourcarousel\" 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            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n            <br>\r\n            <div class=\"jumbotron\">\r\n            <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n                是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p></div>\r\n        </div>\r\n\r\n    </div>\r\n    <div id=\"section3\" class=\"container-fluid text-center \">\r\n        <br>\r\n       \r\n        <h1> 故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br>\r\n        \r\n        <div class=\"col-lg-8 col-xs-12 col-sm-12 text-center \">\r\n                <div class=\"jumbotron\">\r\n            <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n                畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n                希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n                對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n                像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n                經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。\r\n                一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n                <br><br>\r\n                鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n                2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n                2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n                返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n                也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n                除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n                證明只要願意努力，新手也可以闖出一片天。\r\n            </p></div>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12  \">\r\n            <center>\r\n            <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\"  class=\"img-responsive img-thumbnail\" alt=\"\"></center>\r\n        </div>\r\n    </div>\r\n    <div id=\"section4\" class=\"container text-center\">\r\n        <br>\r\n        <br>\r\n        <h1>過程經驗</h1>\r\n        <br><br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12  \">\r\n                <div class=\"container\">\r\n                        <div id=\"sedcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                            <!-- Indicators -->\r\n                            <ol class=\"carousel-indicators\">\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"1\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"2\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"3\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"4\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"5\"></li>\r\n                            </ol>\r\n        \r\n                            <!-- Wrapper for slides -->\r\n                            <div class=\"carousel-inner\">\r\n        \r\n                                <div class=\"item active\">\r\n                                    <img src=\"/userUpload/images/10512106/%E8%BE%B2%E4%BE%86%E8%B6%A3app.jpg\" alt=\"\" style=\"width:100%;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>農來趣app</h3>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n        \r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2.jpg\" alt=\"\" style=\"width:100%;\">\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/10512106/%E5%9C%96.jpg\" alt=\"\"\r\n                                        style=\"width:100%; height:500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        \r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E6%9C%AC%E8%89%B2.jpg\" alt=\"\"\r\n                                        style=\"width:100%;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>型農大聯盟</h3>\r\n                                       \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E9%97%9C%E6%96%BC%E8%8A%B3%E6%9E%97.jpg\" alt=\"\"\r\n                                        style=\"width:100%;height: 500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>芳林</h3>\r\n                                       \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97.png\" alt=\"\"\r\n                                        style=\"width:100%; height: 500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>鄭宗林</h3>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                               \r\n        \r\n                            </div>\r\n        \r\n                            <!-- Left and right controls -->\r\n                            <a class=\"left carousel-control\" href=\"#sedcarousel\" 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=\"#sedcarousel\" 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                    </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"col-lg-7 col-xs-12 col-sm-12  \">\r\n         <div class=\"jumbotron\">\r\n            <p>\r\n                經歷：<br>\r\n\r\n                。行政院農委會 第一屆 百大青年農民<br>\r\n\r\n                。高雄市農業局 高雄型農<br>\r\n\r\n                。培訓班 高雄型農精英班<br>\r\n\r\n                。高雄市青年農民聯誼會會長<br><br>\r\n                善用政府資源讓新手變老手<br>\r\n               「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br>\r\n                鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br>\r\n                「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」<br>\r\n                鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。<br>\r\n            </p>\r\n        </div>\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n</body>\r\n\r\n<a href=\"#\" id=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n<script type=\"text/javascript\">\r\n    $(function() {\r\n        /* 按下GoTop按鈕時的事件 */\r\n        $(\'#back-to-top\').click(function(){\r\n            $(\'html,body\').animate({ scrollTop: 0 }, \'slow\');   /* 返回到最頂上 */\r\n            return false;\r\n        });\r\n         \r\n        /* 偵測卷軸滑動時，往下滑超過500px就讓GoTop按鈕出現 */\r\n        $(window).scroll(function() {\r\n            if ( $(this).scrollTop() > 400){\r\n                $(\'#back-to-top\').fadeIn();\r\n            } else {\r\n                $(\'#back-to-top\').fadeOut();\r\n            }\r\n        });\r\n    });\r\n    </script><!-- 記得要把按鈕放到網頁上, 否則它不會出現 -->\r\n</html>','','20190513產銷履歷證明.jpg',248175,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1005,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1267,'2019-05-13 14:54:17','2019-05-13 22:51:28',NULL,'2019-05-13 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <!-- Optional theme -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n\r\n    <!-- Latest compiled and minified JavaScript -->\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: \"微軟正黑體\";\r\n            font-family: 25px;\r\n            background-color: #33fffc;\r\n            background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'120\' height=\'120\' viewBox=\'0 0 120 120\'%3E%3Cpolygon fill=\'%232de0ee\' points=\'120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 \'/%3E%3C/svg%3E\");\r\n        }\r\n\r\n        hr {\r\n            margin-top: 0px;\r\n            margin-bottom: 0px;\r\n            border: 0;\r\n            border-top: 0px solid #eee;\r\n        }\r\n\r\n        h2 {\r\n            color: white;\r\n        }\r\n\r\n        .navbar-default {\r\n            border-color: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li>a {\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            border-radius: 0;\r\n            background: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n            color: white;\r\n            background: brown;\r\n        }\r\n\r\n\r\n        #owl-demo .item {\r\n            margin: 3px;\r\n        }\r\n\r\n        #owl-demo .item img {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n        }\r\n\r\n        .intro {\r\n            width: 100%;\r\n            height: 100vh;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6),\r\n                rgba(0, 0, 0, 0.6)),\r\n                url(/userUpload/images/10512106/guavatree.jpg);\r\n            background-attachment: fixed;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: cover;\r\n            position: relative;\r\n            ;\r\n\r\n\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(225, 225, 225, 0.0);\r\n        }\r\n\r\n\r\n        .content {\r\n            background: rgba(146, 139, 139, 0.7);\r\n            border: 1px solid rgba(146, 139, 139, 0.7);\r\n            border-radius: 25px;\r\n            font-family: \"標楷體\";\r\n            font-size: 40px;\r\n            text-align: center;\r\n            color: white;\r\n            margin: 0px;\r\n            padding: 0px;\r\n            position: relative;\r\n            top: 250px;\r\n            left: 0%;\r\n        }\r\n\r\n        .container-fluid {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-left: 0px;\r\n            margin-right: 0px;\r\n\r\n        }\r\n\r\n        footer {\r\n            font-size: 18px;\r\n            color: white;\r\n            background: #a15749;\r\n\r\n\r\n        }\r\n\r\n        .container {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n\r\n\r\n\r\n        #section1 {\r\n            width: 100%;\r\n            height: 100%;\r\n            color: black;\r\n            background-color: white;\r\n        }\r\n\r\n        #section1 div {\r\n\r\n            padding: 5rem;\r\n            margin: 30px 0px;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 20px;\r\n            height: 800px;\r\n\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #section1 div {\r\n                height: 100%;\r\n                margin: 0px 0px;\r\n            }\r\n        }\r\n\r\n\r\n        #section1 div h3 {\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 30px;\r\n            color: brown;\r\n            font-weight: 400;\r\n\r\n        }\r\n\r\n\r\n        #section2 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            background-color: rgb(197, 133, 14);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #section2 {\r\n                height: 100%;\r\n\r\n            }\r\n        }\r\n\r\n        #section3 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background-color: rgb(20, 173, 211);\r\n            font-size: 20px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #section3 {\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        #section4 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background-color: #a15749;\r\n            font-size: 20px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #section4 {\r\n                height: 100%;\r\n\r\n            }\r\n        }\r\n\r\n        .button {\r\n            list-style-type: none;\r\n            margin: 0;\r\n            padding: 0;\r\n            border: 1px solid blanchedalmond;\r\n            background: #ff9800;\r\n            color: white;\r\n            width: 220px;\r\n            height: 50px;\r\n        }\r\n\r\n        .button:hover a {\r\n            text-decoration: none;\r\n            color: white;\r\n        }\r\n\r\n        /* Back to top button */\r\n        .back-to-top {\r\n            position: fixed;\r\n\r\n            background: #71c55d;\r\n            line-height: 1;\r\n            color: #fff;\r\n            padding: 7px 12px 13px 12px;\r\n            font-size: 16px;\r\n            border-radius: 2px;\r\n            right: 15px;\r\n            bottom: 15px;\r\n            transition: background 0.5s;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .back-to-top {\r\n                bottom: 15px;\r\n            }\r\n        }\r\n\r\n        .back-to-top:focus {\r\n            background: #71c55d;\r\n            color: #fff;\r\n            outline: none;\r\n        }\r\n\r\n        .back-to-top:hover {\r\n            background: #55b03f;\r\n            color: #fff;\r\n        }\r\n\r\n        .btn-default {\r\n            background: none;\r\n            color: white;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 25px;\r\n\r\n        }\r\n\r\n        .btn-default:hover {\r\n            background: #a15749;\r\n            color: #ff9800;\r\n        }\r\n\r\n        .position {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n        }\r\n\r\n        .fa-cannabis {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-smile-wink {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-qrcode {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-leaf {\r\n            font-size: 100px;\r\n            color: #71c55d;\r\n        }\r\n\r\n        .col-md-12 {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n        }\r\n\r\n        #ourcarousel {\r\n            width: 450px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #ourcarousel {\r\n                width: 100%;\r\n            }\r\n        }\r\n    </style>\r\n    <title>關於芳林</title>\r\n</head>\r\n\r\n<body>\r\n    <div class=\"intro\">\r\n        <div class=\"container\">\r\n            <p class=\"content animated fadeInDown\">\r\n                <i class=\"fas fa-leaf\"></i><br>\r\n                \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n                <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n                <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n                <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n                <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n            </p>\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"position\">\r\n\r\n    </div>\r\n\r\n\r\n\r\n\r\n    <div id=\"section1\" class=\"container-fluid text-center \">\r\n        <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n            <i class=\"fas fa-cannabis\"></i>\r\n            <h3>草生栽培農法 </h3>\r\n            <p></p>\r\n            <p>\r\n                <br>\r\n                <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>\r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n\r\n\r\n                草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n                例如<br><br>\r\n\r\n                (1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n                (2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n            <i class=\"far fa-smile-wink\"></i>\r\n            <h3>優質的保證 </h3> <br>\r\n            <p>鄭宗林隸屬大社區農會的果樹產銷第7班，\r\n                已通過產銷履歷認證，種植總面積2公頃，\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                    2.通過311項無農藥殘留檢測<br><br>\r\n                    3.採草生栽培、友善耕作</p>\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n            <i class=\"fas fa-qrcode\"></i>\r\n            <h3>產銷履歷</h3>\r\n            <p>產銷QR code</p>\r\n            <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n            <div>\r\n\r\n                <p>產銷履歷</p>\r\n                <p>水質檢測認證</p>\r\n                <p>無農藥檢測認證</p>\r\n                <p>下面有附件請自行下載</p>\r\n\r\n\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"section2\" class=\"container-fluid text-center\">\r\n        <br>\r\n        <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h2>天然無毒的珍珠芭樂農園</h2>\r\n        <br>\r\n        <br>\r\n\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \">\r\n            <div class=\"container\">\r\n                <div id=\"ourcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                    <!-- Indicators -->\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"1\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"2\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"3\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"4\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"5\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"6\"></li>\r\n                    </ol>\r\n\r\n                    <!-- Wrapper for slides -->\r\n                    <div class=\"carousel-inner\">\r\n\r\n                        <div class=\"item active\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E5%9C%B0.jpg\" alt=\"\" style=\"width:100%;\">\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/10512106/flower.jpg\" alt=\"\" style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>flower</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草小鴨</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E6%A9%9F.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草機</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>草生栽培</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%92.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>芭樂園</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                                <img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"\"\r\n                                    style=\"width:100%;\">\r\n                                <div class=\"carousel-caption\">\r\n                                    <h3>岡山超峰寺</h3>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- Left and right controls -->\r\n                    <a class=\"left carousel-control\" href=\"#ourcarousel\" 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=\"#ourcarousel\" 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            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n            <br>\r\n            <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n                是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p>\r\n        </div>\r\n\r\n    </div>\r\n    <div id=\"section3\" class=\"container-fluid text-center \">\r\n        <br>\r\n        <br><br>\r\n        <h1> 故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br><br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n            <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n                畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n                希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n                對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n                像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n                經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。\r\n                一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n                <br><br>\r\n                鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n                2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n                2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n                返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n                也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n                除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n                證明只要願意努力，新手也可以闖出一片天。\r\n            </p>\r\n        </div>\r\n    </div>\r\n    <div id=\"section4\" class=\"container text-center\">\r\n        <br>\r\n        <br><br>\r\n        <h1>過程經驗</h1>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n            <p>\r\n                經歷：<br>\r\n\r\n                。行政院農委會 第一屆 百大青年農民<br>\r\n\r\n                。高雄市農業局 高雄型農<br>\r\n\r\n                。培訓班 高雄型農精英班<br>\r\n\r\n                。高雄市青年農民聯誼會會長<br><br>\r\n                善用政府資源讓新手變老手<br>\r\n                後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。<br>\r\n                從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br>\r\n                鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br>\r\n                「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」<br>\r\n                鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。<br>\r\n            </p>\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n</body>\r\n\r\n<a href=\"#\" class=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1000,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1268,'2019-05-15 09:23:47','2019-05-15 17:23:11',NULL,'2019-05-15 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" >\r\n\r\n<!-- Optional theme -->\r\n<link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\" >\r\n\r\n<!-- Latest compiled and minified JavaScript -->\r\n<script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\" ></script>\r\n<link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n<link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n\r\n<style>\r\n    *{\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n\r\n    body{\r\n        overflow-x: hidden;\r\n        font-family: \"微軟正黑體\";\r\n        font-family: 25px;\r\n    }\r\n  \r\n      .intro{\r\n        width: 100%;\r\n        height: 100vh;\r\n        background:linear-gradient(\r\n      rgba(0,0,0,0.6),\r\n      rgba(0,0,0,0.6)),\r\n      url(img/about_us.jpg);\r\n      background-attachment: fixed; \r\n      background-repeat:no-repeat;\r\n      background-position: center; \r\n      background-size: cover;\r\n      position: relative;;\r\n\r\n \r\n      }\r\n      .bgw{\r\n          background-color: rgba(225, 225, 225, 0.0) ;\r\n      }\r\n\r\n      \r\n     .content{\r\n         background: rgba(146, 139, 139, 0.7);\r\n         border: 1px solid rgba(146, 139, 139, 0.7);\r\n         border-radius: 25px;\r\n          font-family: \"標楷體\";\r\n          font-size: 40px;\r\n          text-align: center;\r\n          color: white;\r\n          margin: 0px;\r\n          padding: 0px;\r\n          position: relative;\r\n          top: 250px;\r\n          left: 0%;\r\n           }\r\n   .container-fluid{\r\n       padding-right: 0px;\r\n      padding-left: 0px;\r\n     margin-left: 0px; \r\n    margin-right: 0px;\r\n\r\n    }\r\n\r\n    footer{\r\n        font-size: 1.2rem;\r\n        color: white;\r\n        background: #a15749;\r\n\r\n\r\n    }\r\n.container {\r\n    padding-right: 0px;\r\n    padding-left: 0px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n}\r\n\r\n\r\n\r\n \r\n  #section1 {\r\n     width:100%;\r\n     height:100%;\r\n     color: black; \r\n     background-color: white;\r\n     }\r\n\r\n  #section1 div{\r\n\r\n      padding: 5rem;\r\n      margin: 30px 0px;\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 20px;\r\n      height: 900px;\r\n\r\n  }\r\n  @media (max-width: 992px) {\r\n    #section1 div {\r\n        height: 100%;\r\n        margin: 0px 0px;\r\n  }}\r\n \r\n  \r\n  #section1 div h3{\r\n      font-family: \"微軟正黑體\";\r\n      font-size: 30px;\r\n      color: brown;\r\n      font-weight: 400;\r\n\r\n  }\r\n  \r\n\r\n  #section2{\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff;\r\n     font-size: 20px;\r\n     background-color: brown;}\r\n\r\n     @media (max-width: 992px) {\r\n    #section2  {\r\n        height: 100%;\r\n       \r\n  }}\r\n  \r\n  #section3 {\r\n    width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: blueviolet;\r\n     font-size: 20px;\r\n    }\r\n\r\n     @media (max-width: 992px) {\r\n    #section3 {\r\n        height: 100%;\r\n  }}\r\n  \r\n  #section4 {\r\n     width:100%;\r\n     height:100vh;\r\n     color: #fff; \r\n     background-color: #a15749;\r\n     font-size: 20px; \r\n    }\r\n     @media (max-width: 992px) {\r\n    #section4 {\r\n        height: 100%;\r\n  \r\n  }}\r\n .button{\r\n     list-style-type: none;\r\n     margin: 0;\r\n     padding: 0;\r\n     border: 1px solid blanchedalmond;\r\n     background: #ff9800;\r\n     color: white;\r\n     width: 220px;\r\n     height: 50px;\r\n }\r\n .button:hover a{\r\n     text-decoration: none;\r\n     color: white;\r\n }\r\n\r\n /* Back to top button */\r\n.back-to-top {\r\n  position: fixed;\r\n\r\n  background: #71c55d;\r\n  line-height: 1;\r\n  color: #fff;\r\n  padding: 7px 12px 13px 12px;\r\n  font-size: 16px;\r\n  border-radius: 2px;\r\n  right: 15px;\r\n  bottom: 15px;\r\n  transition: background 0.5s;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .back-to-top {\r\n    bottom: 15px;\r\n  }\r\n}\r\n\r\n.back-to-top:focus {\r\n  background: #71c55d;\r\n  color: #fff;\r\n  outline: none;\r\n}\r\n\r\n.back-to-top:hover {\r\n  background: #55b03f;\r\n  color: #fff;\r\n}\r\n\r\n.btn-default{\r\n    background:none;\r\n    color:white ;\r\n    font-family: \"微軟正黑體\";\r\n    font-size: 25px;\r\n    \r\n}\r\n.btn-default:hover {\r\n    background: #a15749;\r\n    color: #ff9800;\r\n}\r\n\r\n.position{\r\n   display: flex;\r\n   align-items: center;\r\n\r\n}\r\n.fa-cannabis{\r\n    font-size: 100px;\r\n}\r\n.fa-smile-wink{\r\n    font-size: 100px;\r\n}\r\n.fa-qrcode{\r\n    font-size: 100px;\r\n}\r\n.fa-leaf{\r\n    font-size: 100px;\r\n    color: #71c55d;\r\n}\r\n\r\n</style>\r\n    <title>關於芳林</title>\r\n</head>\r\n<body>\r\n    <div class=\"intro\">\r\n    <div class=\"container\">\r\n    <p class=\"content animated fadeInDown\">\r\n            <i class=\"fas fa-leaf\"></i><br>\r\n    \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n    <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n    <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n            <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n            <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n</p>\r\n\r\n    </div></div>\r\n    <div class=\"position\">\r\n          \r\n    </div>\r\n    \r\n            \r\n            \r\n      \r\n<div id=\"section1\" class=\"container-fluid text-center \">\r\n    <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n                <i class=\"fas fa-cannabis\"></i>\r\n        <h3>草生栽培農法 </h3>\r\n        <p></p>\r\n                <p>\r\n                <br>     \r\n                 <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>   \r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n               \r\n\r\n草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n例如<br><br>\r\n\r\n(1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n(2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n               </p></div>\r\n                \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n                        <i class=\"far fa-smile-wink\"></i>  \r\n               <h3>優質的保證 </h3> <br>\r\n               <p>鄭宗林隸屬大社區農會的果樹產銷第7班，<br><br>\r\n                已通過產銷履歷認證，種植總面積2公頃，<br><br>\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                芳林農園珍珠芭樂特色：<br><br>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                2.通過311項無農藥殘留檢測<br><br>\r\n                3.採草生栽培、友善耕作</p></p></div>\r\n              \r\n                <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n                <i class=\"fas fa-qrcode\"></i>\r\n                    <h3>產銷履歷</h3>\r\n                    <p>產銷QR code</p>\r\n                    <img src=\"./img/QRcode.png\" alt=\"\">\r\n                    <div>\r\n                  \r\n        <p>產銷履歷</p>\r\n         <p>水質檢測認證</p>\r\n             <p>無農藥檢測認證</p>\r\n                \r\n       \r\n\r\n\r\n\r\n</div>\r\n    \r\n        \r\n    </div>\r\n     \r\n      </div>\r\n    \r\n      <div id=\"section2\" class=\"container-fluid text-center\">\r\n            <br>\r\n      <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h3>天然無毒的珍珠芭樂農園</h3>\r\n        <br>\r\n        <br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \"></div>\r\n        \r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n                <br>\r\n        <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，<br><br>\r\n            是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？<br><br>\r\n                答案當然是否定的，這叫草生栽培，也是愛護大地的表現，<br><br>\r\n                一眼望去，樹是綠的、地也是綠的，煞是好看，長成的珍珠芭樂更是清脆多汁。<br><br>\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，<br><br>\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，<br><br>\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，<br><br>除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，<br><br>\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p></div>\r\n               \r\n      </div>\r\n      <div id=\"section3\" class=\"container-fluid text-center \">\r\n            <br>\r\n      <br><br>\r\n        <h1>  故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br><br>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n      <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n        畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n        希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n        對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n        像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n        經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。 \r\n        一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n        <br><br>\r\n       鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n       2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n        2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n    返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n    也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n    除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n    證明只要願意努力，新手也可以闖出一片天。\r\n      </p></div>\r\n      </div>\r\n      <div id=\"section4\" class=\"container text-center\">\r\n            <br>\r\n      <br><br>\r\n        <h1>過程經驗</h1>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \"></div>\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n 經歷：\r\n\r\n。行政院農委會 第一屆 百大青年農民\r\n\r\n。高雄市農業局 高雄型農\r\n\r\n。培訓班 高雄型農精英班\r\n\r\n。高雄市青年農民聯誼會會長\r\n        善用政府資源讓新手變老手  \r\n        後來他發現，芭樂不但可以一年多產，還可以透過整枝、修剪技術調整芭樂的產期，時間安排更具彈性。\r\n        從荔枝到芭樂，鄭宗林不斷從挫折中學習成長，「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」\r\n        鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。\r\n        「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」\r\n        鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。\r\n    </div>      \r\n      </div>\r\n    \r\n</body>\r\n\r\n<a href=\"#\" class=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1006,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL),(1269,'2019-05-15 09:27:39','2019-05-15 17:27:01',NULL,'2019-05-15 00:00:00','2038-01-01 00:00:00',925,926,NULL,NULL,NULL,NULL,NULL,1024,NULL,NULL,NULL,'',NULL,'<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css\">\r\n    <!-- Latest compiled and minified CSS -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\">\r\n\r\n    <!-- Optional theme -->\r\n    <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css\">\r\n\r\n    <!-- Latest compiled and minified JavaScript -->\r\n    <script src=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js\"></script>\r\n    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.css\" />\r\n    <link rel=\"stylesheet\" href=\"https://use.fontawesome.com/releases/v5.8.2/css/all.css\">\r\n    <script src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js\"></script>\r\n\r\n\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        body {\r\n            overflow-x: hidden;\r\n            font-family: \"微軟正黑體\";\r\n            font-family: 25px;\r\n            background-color: #33fffc;\r\n            background-image: url(\"data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'120\' height=\'120\' viewBox=\'0 0 120 120\'%3E%3Cpolygon fill=\'%232de0ee\' points=\'120 120 60 120 90 90 120 60 120 0 120 0 60 60 0 0 0 60 30 90 60 120 120 120 \'/%3E%3C/svg%3E\");\r\n        }\r\n\r\n        hr {\r\n            margin-top: 0px;\r\n            margin-bottom: 0px;\r\n            border: 0;\r\n            border-top: 0px solid #eee;\r\n        }\r\n\r\n        h2 {\r\n            color: white;\r\n        }\r\n\r\n        .navbar-default {\r\n            border-color: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>li>a {\r\n            color: white;\r\n\r\n        }\r\n\r\n        .navbar-fixed-top {\r\n            border-radius: 0;\r\n            background: brown;\r\n        }\r\n\r\n        .navbar-default .navbar-nav>.active>a,\r\n        .navbar-default .navbar-nav>.active>a:focus,\r\n        .navbar-default .navbar-nav>.active>a:hover {\r\n            color: white;\r\n            background: brown;\r\n        }\r\n\r\n\r\n        #owl-demo .item {\r\n            margin: 3px;\r\n        }\r\n\r\n        #owl-demo .item img {\r\n            display: block;\r\n            width: 100%;\r\n            height: auto;\r\n        }\r\n\r\n        .intro {\r\n            width: 100%;\r\n            height: 100vh;\r\n            background: linear-gradient(rgba(0, 0, 0, 0.6),\r\n                rgba(0, 0, 0, 0.6)),\r\n                url(/userUpload/images/10512106/guavatree.jpg);\r\n            background-attachment: fixed;\r\n            background-repeat: no-repeat;\r\n            background-position: center;\r\n            background-size: cover;\r\n            position: relative;\r\n            ;\r\n\r\n\r\n        }\r\n\r\n        .bgw {\r\n            background-color: rgba(225, 225, 225, 0.0);\r\n        }\r\n\r\n\r\n        .content {\r\n            background: rgba(146, 139, 139, 0.7);\r\n            border: 1px solid rgba(146, 139, 139, 0.7);\r\n            border-radius: 25px;\r\n            font-family: \"標楷體\";\r\n            font-size: 40px;\r\n            text-align: center;\r\n            color: white;\r\n            margin: 0px;\r\n            padding: 0px;\r\n            position: relative;\r\n            top: 250px;\r\n            left: 0%;\r\n        }\r\n\r\n        .container-fluid {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-left: 0px;\r\n            margin-right: 0px;\r\n\r\n        }\r\n\r\n        footer {\r\n            font-size: 18px;\r\n            color: white;\r\n            background: #a15749;\r\n\r\n\r\n        }\r\n\r\n        .container {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n            margin-right: auto;\r\n            margin-left: auto;\r\n        }\r\n\r\n\r\n\r\n\r\n        #section1 {\r\n            width: 100%;\r\n            height: 100%;\r\n            color: black;\r\n            background-color: white;\r\n        }\r\n\r\n        #section1 div {\r\n\r\n            padding: 5rem;\r\n            margin: 30px 0px;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 20px;\r\n            height: 800px;\r\n\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section1 div {\r\n                height: 100%;\r\n                margin: 0px 0px;\r\n            }\r\n        }\r\n\r\n\r\n        #section1 div h3 {\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 30px;\r\n            color: brown;\r\n            font-weight: 400;\r\n\r\n        }\r\n\r\n\r\n        #section2 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            font-size: 20px;\r\n            background-color: rgb(197, 133, 14);\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section2 {\r\n                height: 100%;\r\n\r\n            }\r\n        }\r\n\r\n        #section3 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background-color: rgb(61, 124, 219);\r\n            font-size: 20px;\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section3 {\r\n                height: 100%;\r\n            }\r\n        }\r\n\r\n        #section4 {\r\n            width: 100%;\r\n            height: 100vh;\r\n            color: #fff;\r\n            background-color: #a15749;\r\n            font-size: 20px;\r\n        }\r\n\r\n        @media (max-width: 992px) {\r\n            #section4 {\r\n                height: 100%;\r\n\r\n            }\r\n        }\r\n\r\n        .button {\r\n            list-style-type: none;\r\n            margin: 0;\r\n            padding: 0;\r\n            border: 1px solid blanchedalmond;\r\n            background: #ff9800;\r\n            color: white;\r\n            width: 220px;\r\n            height: 50px;\r\n        }\r\n\r\n        .button:hover a {\r\n            text-decoration: none;\r\n            color: white;\r\n        }\r\n\r\n        /* Back to top button */\r\n        .back-to-top {\r\n            position: fixed;\r\n\r\n            background: #71c55d;\r\n            line-height: 1;\r\n            color: #fff;\r\n            padding: 7px 12px 13px 12px;\r\n            font-size: 16px;\r\n            border-radius: 2px;\r\n            right: 15px;\r\n            bottom: 15px;\r\n            transition: background 0.5s;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .back-to-top {\r\n                bottom: 15px;\r\n            }\r\n        }\r\n\r\n        .back-to-top:focus {\r\n            background: #71c55d;\r\n            color: #fff;\r\n            outline: none;\r\n        }\r\n\r\n        .back-to-top:hover {\r\n            background: #55b03f;\r\n            color: #fff;\r\n        }\r\n\r\n        .btn-default {\r\n            background: none;\r\n            color: white;\r\n            font-family: \"微軟正黑體\";\r\n            font-size: 25px;\r\n\r\n        }\r\n\r\n        .btn-default:hover {\r\n            background: #a15749;\r\n            color: #ff9800;\r\n        }\r\n\r\n        .position {\r\n            display: flex;\r\n            align-items: center;\r\n\r\n        }\r\n\r\n        .fa-cannabis {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-smile-wink {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-qrcode {\r\n            font-size: 100px;\r\n        }\r\n\r\n        .fa-leaf {\r\n            font-size: 100px;\r\n            color: #71c55d;\r\n        }\r\n\r\n        .col-md-12 {\r\n            padding-right: 0px;\r\n            padding-left: 0px;\r\n        }\r\n\r\n        #ourcarousel {\r\n            width: 600px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #ourcarousel {\r\n                width: 100%;\r\n            }\r\n        }\r\n\r\n        #sedcarousel{\r\n            width: 600px;\r\n        }\r\n        @media (max-width: 768px) {\r\n            #sedcarousel{\r\n            width: 100%;\r\n        }\r\n        }\r\n\r\n        .jumbotron{\r\n            background-color: rgb(110, 109, 109,0.7);\r\n        }\r\n\r\n        @media (min-width: 992px){\r\n.col-md-offset-1 {\r\n    margin-left: 0%;\r\n}}\r\n@media (min-width: 992px){\r\n.col-md-10 {\r\n    width: 100%;\r\n    margin-top: -103px;\r\n}\r\n}\r\n    </style>\r\n    <title>關於芳林</title>\r\n</head>\r\n\r\n<body>\r\n    <div class=\"intro\">\r\n        <div class=\"container\">\r\n            <p class=\"content animated fadeInDown\">\r\n                <i class=\"fas fa-leaf\"></i><br>\r\n                \"用優質的保證，加上對大自然的呵護，產出香甜的芭樂是我們芳林的信念\"<br>\r\n                <a href=\"#section1\" class=\"btn btn-default btn-sm \">芳林優勢</a>\r\n                <a href=\"#section2\" class=\"btn btn-default btn-sm\">農園介紹</a>\r\n                <a href=\"#section3\" class=\"btn btn-default btn-sm\">農場起源</a>\r\n                <a href=\"#section4\" class=\"btn btn-default btn-sm\">農場主人經歷</a>\r\n            </p>\r\n\r\n        </div>\r\n    </div>\r\n    <div class=\"position\">\r\n\r\n    </div>\r\n\r\n\r\n\r\n\r\n    <div id=\"section1\" class=\"container-fluid text-center \">\r\n        <br><br><br>\r\n        <h1>芳林芭樂對您做的保證</h1>\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-success   \">\r\n            <i class=\"fas fa-cannabis\"></i>\r\n            <h3>草生栽培農法 </h3>\r\n            <p></p>\r\n            <p>\r\n                <br>\r\n                <h4 style=\"font-size:25px\">什麼是草生栽培？</h4><br>\r\n                草生栽培是一種愛護土地的栽植法，土壤有機成分高，而且保水、保濕、保肥。<br><br>\r\n\r\n\r\n                草生栽培最廣義而言就是「不使用化學除草劑除草，讓草生長」<br><br>\r\n                例如<br><br>\r\n\r\n                (1) 把有害或是太高的雜草清除，保留不妨礙作物的草<br><br>\r\n\r\n                (2) 種「非原生草類」或是「綠肥作物」並且加以管理。<br><br>\r\n\r\n\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-warning \">\r\n            <i class=\"far fa-smile-wink\"></i>\r\n            <h3>優質的保證 </h3> <br>\r\n            <p>鄭宗林隸屬大社區農會的果樹產銷第7班，\r\n                已通過產銷履歷認證，種植總面積2公頃，\r\n                年產量約50公噸。芭樂的銷售管道60%經由產銷班送往拍賣市場，40%自行宅配販售。<br><br>\r\n                <h4>芳林特色</h4>\r\n                <p style=\"color:red; font-weight:700;\">1.通過屏科大產銷履歷認證<br><br>\r\n                    2.通過311項無農藥殘留檢測<br><br>\r\n                    3.採草生栽培、友善耕作</p>\r\n            </p>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12 bg-danger \">\r\n            <i class=\"fas fa-qrcode\"></i>\r\n            <h3>產銷履歷</h3>\r\n            <p>產銷QR code</p>\r\n            <img src=\"/userUpload/images/10512106/QRcode.png\" alt=\"\">\r\n            <div>\r\n\r\n                <p>產銷履歷</p>\r\n                <p>水質檢測認證</p>\r\n                <p>無農藥檢測認證</p>\r\n                <p>下面有附件請自行下載</p>\r\n\r\n\r\n\r\n\r\n\r\n            </div>\r\n\r\n\r\n        </div>\r\n\r\n    </div>\r\n\r\n    <div id=\"section2\" class=\"container-fluid text-center\">\r\n        <br>\r\n        <br><br>\r\n        <h1>農園介紹</h1>\r\n        <h2>天然無毒的珍珠芭樂農園</h2>\r\n        <br>\r\n        <br>\r\n\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12   \">\r\n            <div class=\"container\">\r\n                <div id=\"ourcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                    <!-- Indicators -->\r\n                    <ol class=\"carousel-indicators\">\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"1\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"2\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"3\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"4\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"5\"></li>\r\n                        <li data-target=\"#ourcarousel\" data-slide-to=\"6\"></li>\r\n                    </ol>\r\n\r\n                    <!-- Wrapper for slides -->\r\n                    <div class=\"carousel-inner\">\r\n\r\n                        <div class=\"item active\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E5%9C%B0.jpg\" alt=\"\" style=\"width:100%;\">\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/10512106/flower.jpg\" alt=\"\" style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>flower</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E5%B0%8F%E9%B4%A8.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草小鴨</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E9%99%A4%E8%8D%89%E6%A9%9F.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>除草機</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8D%89%E7%94%9F%E6%A0%BD%E5%9F%B9.png\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>草生栽培</h3>\r\n                               \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                            <img src=\"/userUpload/images/10512106/%E8%8A%AD%E6%A8%82%E5%9C%92.jpg\" alt=\"\"\r\n                                style=\"width:100%;\">\r\n                            <div class=\"carousel-caption\">\r\n                                <h3>芭樂園</h3>\r\n                                \r\n                            </div>\r\n                        </div>\r\n                        <div class=\"item\">\r\n                                <img src=\"/userUpload/images/10512106/%E5%B2%A1%E5%B1%B1%E8%B6%85%E5%B3%B0%E5%AF%BA.png\" alt=\"\"\r\n                                    style=\"width:100%;\">\r\n                                <div class=\"carousel-caption\">\r\n                                    <h3>岡山超峰寺</h3>\r\n                                    \r\n                                </div>\r\n                            </div>\r\n\r\n                    </div>\r\n\r\n                    <!-- Left and right controls -->\r\n                    <a class=\"left carousel-control\" href=\"#ourcarousel\" 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=\"#ourcarousel\" 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            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"col-lg-6 col-xs-12 col-sm-12  \">\r\n            <br>\r\n            <div class=\"jumbotron\">\r\n            <p>高鐵橋下有一座翠綠的芭樂園，別人的芭樂園幾乎寸草不生，但這裡的芭樂樹卻長在草地上，\r\n                是農夫不勤勞，不好好照顧，任由雜草亂竄嗎？答案當然是否定的，這叫草生栽培，也是愛護大地的表現，\r\n                大多數農二代是因為長輩務農而務農，但鄭宗林卻是從無到有，靠著自己的興趣，\r\n                加上要照料中風的阿公，不得不辭去鋼鐵廠工作，在自家附近租地種荔枝，以便隨時看顧阿公的生活起居，\r\n                然而，鄭宗林的務農人生並不如想像中那般美好，除了時間比上班族來得有彈性外，舉凡種植技術、蟲害防治、水果收成、行銷通路等，完全都靠自己慢慢摸索，\r\n                一路跌跌撞撞，也花了不少冤枉錢，但他並未被這些挫折擊倒。</p></div>\r\n        </div>\r\n\r\n    </div>\r\n    <div id=\"section3\" class=\"container-fluid text-center \">\r\n        <br>\r\n       \r\n        <h1> 故事的起源</h1>\r\n        <h2>The story of FANGLIN ORCHARD</h2>\r\n        <br>\r\n        \r\n        <div class=\"col-lg-8 col-xs-12 col-sm-12 text-center \">\r\n                <div class=\"jumbotron\">\r\n            <p>喜歡接觸大自然，登過不少座百岳，也愛在家裡栽種有機蔬菜的鄭宗林，經常思忖如何能在工作與興趣之間取得平衡。\r\n                畢業後在煉鋼廠工作的他，因為過著需要輪班又作息不定的日子，無法安心照 料生病中的阿公，二○○九年決心去職，返鄉務農，\r\n                希望能夠彈性安排時間的農作生活，讓他兼顧生計並能善盡孝道....\r\n                對鄭宗林來說，作為一名新手果農，這一路以來是不斷從挫折中學習。\r\n                像一開始選擇種植玉荷包， 然而荔枝產收期較短，需要大量人力，是經驗不足且人單力薄的他所無法負荷，\r\n                經過重新評估以及專家的建議，改為種植一年多產又可以自行調整產期的芭樂。\r\n                一個人可以種出芭樂，但品質要讓市場能夠接受，需要投注更多時間與功夫。\r\n                <br><br>\r\n                鄭宗林積極學習參加農民學院的熱帶果樹班，研習相關農業知識與技術，\r\n                2010年跟同期幾位同學分租兩公頃土地，開始種植珍珠芭樂。\r\n                2014年承租到位於高雄市岡山區阿公店水庫水源保護區下方的一塊2.5公頃環境優美生態自然豐富的農地，成立了（芳林農園）。\r\n\r\n                返鄉九年來，做中學、學中做，除了持續參加專業課程，精進土壤合理化施肥、田間用藥管理等知識外，\r\n                也積極參與農業舉辦的農產品所行銷、包裝、設計等相關課程。\r\n                除了取得產銷履歷及吉園圃驗證，更拓展品牌逐漸打開知名度與銷售管道，\r\n                證明只要願意努力，新手也可以闖出一片天。\r\n            </p></div>\r\n        </div>\r\n\r\n        <div class=\"col-lg-4 col-xs-12 col-sm-12  \">\r\n            <center>\r\n            <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97%E8%80%81%E9%97%86.jpg\"  class=\"img-responsive img-thumbnail\" alt=\"\"></center>\r\n        </div>\r\n    </div>\r\n    <div id=\"section4\" class=\"container text-center\">\r\n        <br>\r\n        <br>\r\n        <h1>過程經驗</h1>\r\n        <br><br>\r\n        <div class=\"col-lg-5 col-xs-12 col-sm-12  \">\r\n                <div class=\"container\">\r\n                        <div id=\"sedcarousel\" class=\"carousel slide\" data-ride=\"carousel\">\r\n                            <!-- Indicators -->\r\n                            <ol class=\"carousel-indicators\">\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"0\" class=\"active\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"1\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"2\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"3\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"4\"></li>\r\n                                <li data-target=\"#sedcarousel\" data-slide-to=\"5\"></li>\r\n                            </ol>\r\n        \r\n                            <!-- Wrapper for slides -->\r\n                            <div class=\"carousel-inner\">\r\n        \r\n                                <div class=\"item active\">\r\n                                    <img src=\"/userUpload/images/10512106/%E8%BE%B2%E4%BE%86%E8%B6%A3app.jpg\" alt=\"\" style=\"width:100%;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>農來趣app</h3>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n        \r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2.jpg\" alt=\"\" style=\"width:100%;\">\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/10512106/%E5%9C%96.jpg\" alt=\"\"\r\n                                        style=\"width:100%; height:500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        \r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E5%9E%8B%E8%BE%B2%E6%9C%AC%E8%89%B2.jpg\" alt=\"\"\r\n                                        style=\"width:100%;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>型農大聯盟</h3>\r\n                                       \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E9%97%9C%E6%96%BC%E8%8A%B3%E6%9E%97.jpg\" alt=\"\"\r\n                                        style=\"width:100%;height: 500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>芳林</h3>\r\n                                       \r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item\">\r\n                                    <img src=\"/userUpload/images/10512106/%E9%84%AD%E5%AE%97%E6%9E%97.png\" alt=\"\"\r\n                                        style=\"width:100%; height: 500px;\">\r\n                                    <div class=\"carousel-caption\">\r\n                                        <h3>鄭宗林</h3>\r\n                                        \r\n                                    </div>\r\n                                </div>\r\n                               \r\n        \r\n                            </div>\r\n        \r\n                            <!-- Left and right controls -->\r\n                            <a class=\"left carousel-control\" href=\"#sedcarousel\" 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=\"#sedcarousel\" 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                    </div>\r\n\r\n\r\n        </div>\r\n        <div class=\"col-lg-7 col-xs-12 col-sm-12  \">\r\n         <div class=\"jumbotron\">\r\n            <p>\r\n                經歷：<br>\r\n\r\n                。行政院農委會 第一屆 百大青年農民<br>\r\n\r\n                。高雄市農業局 高雄型農<br>\r\n\r\n                。培訓班 高雄型農精英班<br>\r\n\r\n                。高雄市青年農民聯誼會會長<br><br>\r\n                善用政府資源讓新手變老手<br>\r\n               「我想要給有心轉行務農的年輕人一個建議，那就是善用政府資源。」<br>\r\n                鄭宗林說，當初他從農試所與農改場兩個單位學習農業相關知識與技術，這些單位安排的專業課程主要重於果樹栽植、土壤施肥、用藥管理的範疇，比較欠缺產品行銷方面，然而高雄市農業局舉辦的型農培訓班，正好可以補足這一塊。<br>\r\n                「我的芭樂原本和大多數果農一樣，是透過果菜批發市場整批販售，因為價錢被市場端控制，利潤所得有限，如果能另闢一條由自己決定售價的通路，情況勢必會有所改善。」<br>\r\n                鄭宗林是第一代型農，型農培訓班裡產品行銷和包裝設計課程，讓他學會網路行銷的訣竅，首先他自創「芳林」的品牌，不但自行架設網站，設立部落格和臉書粉絲專頁、並與通路商談契作，價格受到保障，收益自然也隨之增加。<br>\r\n            </p>\r\n        </div>\r\n        </div>\r\n    </div>\r\n\r\n\r\n\r\n</body>\r\n\r\n<a href=\"#\" class=\"back-to-top\"><i class=\"fa fa-chevron-up\"></i></a>\r\n\r\n</html>','','',0,NULL,NULL,NULL,NULL,NULL,NULL,NULL,1007,NULL,0,NULL,NULL,'210.240.156.72',NULL,NULL,NULL,NULL,NULL,NULL);
